# Collecting payments

We use **Funnelish Pay** to streamline payments. It's an app that gives your customers multiple payment methods without sacrificing the design and flow of your funnel. Connect PayPal, Stripe, NMI, iDEAL, Cash on Delivery, and other payment options to your sales funnels.

{% hint style="success" %}
**Funnelish Pay comes with zero extra fees beyond your standard payment processor costs.**
{% endhint %}

{% hint style="danger" %}
Before adding payment gateways, make sure the Funnelish Pay app is enabled inside **Global Apps and Funnel Apps.**
{% endhint %}

You can activate Funnelish Pay using the [**Apps menu**](#enable-funnelish-pay-from-the-apps-menu) or [<mark style="color:blue;">**directly from the funnel editor.**</mark>](#enable-funnelish-pay-directly-from-your-funnel)

## 1. Enable Funnelish Pay from the apps menu

{% embed url="<https://www.youtube.com/watch?t=69s&v=bAZfGTs9exo>" %}

1. On the header menu, click the [**Global Apps**](https://v2.funnelish.com/apps)[ ](https://v2.funnelish.com/apps)button located at the far right. <br>

   <figure><img src="https://2613769297-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1AQCa9ckIWH7hGfrUV%2Fuploads%2FV1lVW23LRJNd6CQaCATC%2Fimage.png?alt=media&#x26;token=9151c2d6-a3ea-40e6-98cc-9b6242bd8089" alt=""><figcaption><p>Global Apps.</p></figcaption></figure>

2. Inside Funnel Apps page, scroll down to Funnelish Pay and toggle the switch to **enable**.&#x20;

<figure><img src="https://2613769297-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1AQCa9ckIWH7hGfrUV%2Fuploads%2FjmZv3RUHU92arruyA9Et%2FFunnel%20Apps%20.png?alt=media&#x26;token=35ea4981-c22c-42d3-9f86-d15503b0e0cd" alt=""><figcaption><p>Funnel Apps.</p></figcaption></figure>

<figure><img src="https://2613769297-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1AQCa9ckIWH7hGfrUV%2Fuploads%2FrZRWsaBFSbwCyHVyeVHE%2FFunnelish%20Pay%20toggle%20enabled.png?alt=media&#x26;token=85e860ab-ea9c-49db-9060-a85211deca02" alt=""><figcaption><p>Toggle the switch to the enabled position.</p></figcaption></figure>

## **2. Enabling Funnelish Pay directly from the editor**

1. Open the checkout step editor.
2. Place a payment element on the step canvas. You can use the **Payment form** or the **2-Step form**.

<figure><img src="https://2613769297-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1AQCa9ckIWH7hGfrUV%2Fuploads%2FoIKvlUjG0vfhIinUqDBo%2FPayment%20element.png?alt=media&#x26;token=54a2c164-b417-4411-b4f0-72ad857f6c37" alt=""><figcaption><p>Choose a payment element. </p></figcaption></figure>

3. Click the **payment form** field to display the settings panel on the left.
4. On the settings panel, click the **Edit payment options** button. A new panel will display on the right side of the screen. &#x20;

<figure><img src="https://2613769297-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1AQCa9ckIWH7hGfrUV%2Fuploads%2FZ9J38eDSwz7DPUcRmxhk%2FEdit%20payment%20options.png?alt=media&#x26;token=88df7bd3-6804-41d1-83f9-999f8c292020" alt=""><figcaption><p>Editing payment options.</p></figcaption></figure>

5. On the **Edit payment options** panel, switch the toggle to enable the Funnelish Pay app.
6. Choose a theme for the live payment form.

<figure><img src="https://2613769297-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1AQCa9ckIWH7hGfrUV%2Fuploads%2F1LiJZMa8QsWHZ8LbFL9P%2FFunnelish%20Pay%20themes.png?alt=media&#x26;token=3c4e81d4-2197-419f-bdb3-98e9befc0e4c" alt=""><figcaption></figcaption></figure>

### Using the 2-step form

If you use the **2-step form** element, complete an extra action to access the payment form field.

1. Place the **2-step form** element on the canvas.
2. Click the number 2 at the top of the element.&#x20;

<figure><img src="https://2613769297-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1AQCa9ckIWH7hGfrUV%2Fuploads%2FXFVlMljebEtIZiwfI8AV%2F2%20step%20form%20element%20number%202.png?alt=media&#x26;token=4f2c1c2a-e0a2-4ff0-af27-320e392609db" alt=""><figcaption><p>Click the number 2 to display the payment form field.</p></figcaption></figure>

3. Scroll down to the payment form field.&#x20;
4. Complete the steps described in the previous subsection.&#x20;