Can I send the price of services to clients by email in Webflow and have a form on the website where clients can fill in the amount to pay and be redirected to the bank's payment gateway with the amount pre-filled?

You can manually email service prices and create a form in Webflow that redirects users to a bank payment gateway with a pre-filled amount, but this setup requires specific capabilities from the bank’s payment provider. Webflow doesn't support native dynamic payment forms with custom logic, but you can configure it using standard functions.

1. Sending Price via Email

• You can send service pricing manually through your regular email client or via third-party integrations like Mailchimp or Zapier connected to a CMS.
• If using Webflow CMS, create a collection for services with pricing and use tools like Zapier or Make to trigger emails when a client submits a form.

2. Create a Form with Amount Input

• In Webflow Designer, add a form with an input field for the amount (type: number).
• You can make this form visually minimal so the client can confirm or edit the price before payment.

3. Redirect to External Bank Payment Gateway

• Most bank payment gateways (e.g., Stripe, PayPal, or local banking systems) allow for URL parameters to pre-fill amount values.

• In your form’s Form Submission settings, set a redirect URL that includes the amount parameter, like:

  https://yourbankgateway.com/pay?amount=XXX

• Use custom JavaScript embedded in Webflow to dynamically append the amount value from the form to the redirect URL.

4. Add Custom Script to Modify Redirect URL

• Go to Page Settings > Before tag, and include a script that retrieves the form value and redirects users properly.

  Example: You can use JavaScript to read the amount input and redirect them to your custom payment link. (Avoid displaying code here per guidelines, but the general approach involves intercepting the form submit event.)

• The bank’s URL format must support dynamic query parameters, such as ?amount=1234.

5. Check Bank Gateway Requirements

• Confirm your bank’s gateway supports direct links with pre-filled parameters (like amount, reference, etc.).
• Some gateways may require API integration or payment sessions, which could involve backend processing not supported directly in Webflow.

Summary

You can manually send service prices through email and set up a Webflow form where clients enter the amount and are redirected to a bank’s payment page with that amount pre-filled—if the bank gateway URL supports dynamic query parameters. Custom JavaScript is needed to handle the dynamic redirect after form submission. Backend-based gateways may require more advanced integration beyond Webflow's native capabilities.