Payment Form

Activate payment gateways

Set up and activate payment gateways in your funnel. You can add gateways using the standalone Payment form widget or the payment form field embedded in the 2 Step form widget. The steps and payment customization options are similar for both widgets.

  • Learn about the 2 Step Form widget in a different article.

What's the difference?

Many business owners with a custom e-commerce platform prefer the standalone Payment form widget because it provides maximum design flexibility on their current site. The 2 Step form widget works well for site owners who want a customizable all-in-one template to collect customer data and process orders.

Selecting the widget

If you're using the standalone Payment form widget, drag the widget to the canvas. Click the widget one time to open the settings panel.

If you are using the 2 Step form:

  1. Drag the widget to the canvas

  2. Click the number 2.

Click number 2

3. Scroll down the page.

4. Click the Payment Form field one time to open the settings panel.

5. Go to the side panel.

6. Click the Edit payment options button. A new panel displays on the right.

Configuring display options

On the new panel:

  1. Switch on the Funnelish Pay toggle to activate the payment form.

  2. Choose a form theme. The default setting is a white background.

  3. Scroll down and click the Add a new payment method button.

Payment options

On the next screen, click a payment option and then add the appropriate account credentials.

Connecting New Payment Method

Jump to..

Connecting Credit Card

Connect PayPal

Connect Klarna

Connect Airwallex

Further customization

After you set up the payment gateways, Funnelish returns to the panel.

  1. Click a circle to set the default payment option.

  2. You can pick a theme for your payment form.

Selecting a theme.
  1. Click the radio button below to assign a default payment method.

Assigning a default payment method.
  1. In some cases, the card fields labels are also customizable, so you can translate them into a different language.

Preview the form

  1. On the main canvas page, click Save changes in the top right corner.

  2. Click Preview.

  • Funnelish displays the payment form in a new browser tab. The orange circle indicates the default payment method.

Previewing the 2 Step form

If you are using the 2 Step form, complete an extra step to preview the payment gateways:

  1. Click Preview.

  2. In the new browser tab, scroll down and click the Go to step #2 button. The second page of the template, which includes the payment gateway form, displays.

Last updated

Was this helpful?