Payment Form
Activate payment gateways
Last updated
Activate payment gateways
Last updated
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.
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.
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.
Note You can place only one Payment form widget (hidden or visible) on a step.
If you are using the 2 Step form:
Drag the widget to the canvas
Click the number 2.
3. Scroll down the page.
4. Click the Order bump 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.
On the new panel:
Switch on the Funnelish Pay toggle to activate the payment form.
Choose a form theme. The default setting is a white background.
Scroll down and click the Add a new payment method button.
On the next screen, click a payment option and then add the appropriate account credentials.
To add a credit card gateway:
Click Credit Card in the main window.
On the next screen, click Add New Credit Card Gateway button.
On the next screen, click the Gateway field and select an option: Stripe or NMI.
Add a gateway name.
Stripe
If you select Stripe:
Click Connect. A new browser tab opens.
Enter your Stripe account credentials.
Click Save changes.
Funnelish connects with your Stripe account.
NMI
If you choose NMI, enter your security keys and click Save changes.
If you choose PayPal:
Click PayPal in the main window.
On the next screen, click Add New PayPal Gateway button.
On the next screen, enter a unique gateway name.
Go to your Paypal account.
Copy your Client ID and Secret keys.
Return to the Edit gateway window.
Paste the keys into the correct fields.
Enter a brand name. (optional)
Switch on the sandbox toggle. (optional)
Click Create.
You can create gateways with two other options: iDeal and Klarna. Both options create gateways through Stripe.
After you set up the payment gateways, Funnelish returns to the panel.
Click a circle to set the default payment option.
Click Save changes.
Preview the form
On the main canvas page, click Save changes in the top right corner.
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:
Click Preview.
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.
