Funnelish Docs
FunnelishPricingBlogCommunity
  • Overview
  • Getting Started
    • Quick start
    • 1️⃣Creating a funnel
      • Funnel steps
      • Products
    • 2️⃣Customize design
      • General Settings
      • Layout
      • Containers
      • Compositions
      • Saving assets
      • Payment Forms
        • 2 Step Form
        • Payment Form
      • Express Checkout
      • Product List
      • Text Elements
      • Media
      • Loox Reviews
      • CTA
      • Order Bump
      • Popups
      • Form element
      • Timer
      • Progress Bar
      • Social Network Buttons
      • Order Summary
      • FAQs
    • 3️⃣Collecting payments
      • Payment Methods Supported
      • Add payment methods
      • Card payments
        • Stripe
        • NMI
        • Checkout.com
        • Airwallex
      • PayPal
      • Express Checkout (Google & Apple Pay)
      • iDEAL payments
        • iDEAL through Stripe
        • iDEAL through Airwallex
      • P24 (Poland)
      • Cash On Delivery
      • Buy Now, Pay Later
        • Klarna through merchant account
        • Klarna through Stripe
        • Klarna through Airwallex
      • Bancontact payments
        • Bancontact through Stripe
        • Bancontact through Airwallex
      • SEPA Direct Debit
      • RazorPay (India)
      • EPS (Austria)
    • 4️⃣Connect your domain
      • Introduction
      • GoDaddy
      • Namecheap
      • Shopify
      • Cloudflare
  • ADVANCED FEATURES
    • Funnel analytics
    • Send SMS
    • A/B Testing
    • Geo-funnels
    • Responsive design
    • Discounts
  • Integrations
    • Integrations Overview
    • Shopify
      • Connect Your Shopify Store
        • Shopify custom app
      • Send Orders to Shopify
      • Set Up Order Bundling
      • Set Up Dynamic Variants
      • Set Up Order Notes
    • Connect to Google Sheets
      • Connect Your Google Account
      • Send Data to a Google Sheet
    • Get Started with Klaviyo
      • Connect With Klaviyo
      • Send Data to Klaviyo
    • ShipStation
      • Connect to ShipStation
      • Send Orders to ShipStation
    • ActiveCampaign
      • Connect with ActiveCampaign
      • Create an ActiveCampaign Automation
    • Hyros
      • Connect With Hyros
      • Create a Hyros Automation
    • MailChimp
      • Connect with MailChimp
      • Automate With MailChimp
    • SendGrid
    • Mailgun
    • Zapier
  • Apps
    • Funnelish Apps Overview
    • Facebook Pixel
    • Pinterest Tag
    • Proofy
    • Google Analytics
    • TaxJar
    • TikTok Pixel
  • Automations
    • Overview
      • Set up automations
    • Triggers
    • Actions
      • Sending Emails
        • Text Only
        • Templates
      • Send a Notification
      • Delays
      • Conditions
      • Webhooks
      • Jumps
      • Integrations
  • Resources
    • Multi-Users Access
    • Send Emails From Funnelish
    • Manage Your Orders
    • Manage Your Customers
  • FAQ
    • Funnel Launch Checklist for Funnelish
    • Profile Information
    • Frequently Asked Questions
    • Troubleshooting Issues
    • Ordering Without an Address
    • How to change a page title?
    • Set a Default Landing Page
    • How to Charge a Shipping Fee
  • Connect to Click Funnels (Legacy)
    • Your First ClickFunnels Funnel
      • 1 Add Your Funnel
      • 2 Copy Your Tracking Code
      • 3 Turn On Your Apps
    • ClickFunnels Apps
      • Smart Optin
        • Facebook Client ID
        • Google Client ID
      • Smart Currency Converter
      • Programmable
      • Fancify
        • Product Variant Set Up
      • Paypal Plugin
        • Testing Purchases
      • Smart Address Plugin
    • Tracking Orders
      • Track Paypal Orders In ClickFunnels
      • Track ClickFunnels Orders In Funnelish
Powered by GitBook
On this page
  • What's the difference?
  • Selecting the widget
  • Configuring display options
  • Payment options
  • Credit card
  • Paypal
  • Other options
  • Saving changes

Was this helpful?

  1. Getting Started
  2. Customize design
  3. Payment Forms

Payment Form

Activate payment gateways

Previous2 Step FormNextExpress Checkout

Last updated 2 years ago

Was this helpful?

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 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.

Note You can place only one Payment form widget (hidden or visible) on a step.

If you are using the 2 Step form:

  1. Drag the widget to the canvas

  2. 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.

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.

Credit card

To add a credit card gateway:

  1. Click Credit Card in the main window.

  2. On the next screen, click Add New Credit Card Gateway button.

  3. On the next screen, click the Gateway field and select an option: Stripe or NMI.

  4. Add a gateway name.

Stripe

If you select Stripe:

  1. Click Connect. A new browser tab opens.

  2. Enter your Stripe account credentials.

  3. Click Save changes.

  • Funnelish connects with your Stripe account.

NMI

If you choose NMI, enter your security keys and click Save changes.

Paypal

If you choose PayPal:

  1. Click PayPal in the main window.

  2. On the next screen, click Add New PayPal Gateway button.

  3. On the next screen, enter a unique gateway name.

  4. Go to your Paypal account.

  5. Copy your Client ID and Secret keys.

  6. Return to the Edit gateway window.

  7. Paste the keys into the correct fields.

  8. Enter a brand name. (optional)

  9. Switch on the sandbox toggle. (optional)

  10. Click Create.

Other options

You can create gateways with two other options: iDeal and Klarna. Both options create gateways through Stripe.

Saving changes

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

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

  2. Click Save changes.

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.

2️⃣
2 Step Form
Form options
Click number 2
Click Edit payment options
Choose a payment method
Enter a unique name for the gateway
Integrate with Stripe
Integrate with NMI
Create a PayPal payment gateway
Set default payment option