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
  • Creating a popup
  • Opening a popup
  • Renaming a popup
  • Customizing appearance
  • Customizing action
  • Setting popup action
  • Displaying a popup on clicks
  • Previewing the popup

Was this helpful?

  1. Getting Started
  2. Customize design

Popups

Increase conversions

PreviousOrder BumpNextForm element

Last updated 5 months ago

Was this helpful?

Funnel popups can capture users who signal an intent to leave your e-commerce site without hitting any of your on-page conversion objectives.

Note You can use the same popup on multiple funnel steps. Any changes you make to the original popup appear in every instance.

Creating a popup

  1. Open a funnel step.

  2. Click the Edit page button.

  3. Go to the top left corner of the page.

  4. Click the Popups icon.

5. Click the New popup button. A new panel displays.

6. Enter a unique name. Funnelish automatically creates the path.

7. Click the Create popup button.

  • Funnelish displays a default popup window and opens the settings panel.

Opening a popup

To view and edit an existing popup:

  1. Open a funnel step.

  2. Click the Popup icon in the top left corner. A list of popup names displays.

  3. Click a name to open the popup on the canvas.

  4. Click the ellipsis to open a menu and select an option (Edit, Duplicate, or Delete).

Renaming a popup

It's not possible to change the name of a popup. If you want to reuse an existing popup and give it a different name, use the Duplicate tool.

  1. Click the ellipsis.

  2. Select Duplicate.

  3. Enter a new name.

  4. Click the Duplicate popup button.

Customizing appearance

You can customize the appearance of a popup. Appearance includes the design and content. All the standard design tools are here, including text, colors, borders, margins, and padding.

Add content to a popup by inserting rows and containers and then dragging widgets (e.g. Headline and Paragraph) to the popup canvas. If you want to collect email addresses, add a Form element widget.

To customize appearance:

  1. Select a popup. The Properties panel displays.

  2. Set the width. The default setting is Medium.

  3. Add text.

  4. Add a form. (optional)

  5. Add a CTA button. (optional)

  6. Add design elements.

  7. Click Save changes.

  8. Go on to the next step and customize popup action.

Customizing action

Action controls how the popup behaves in relation to user intent on the funnel step. To customize popup action, open the popup Page Properties panel.

  1. Click the Popup Properties icon.

  2. Click the ellipsis.

  3. Select Page properties. A new panel displays.

4. Click the field below Page popup.

5. Click the popup you want to edit. A new panel displays.

Setting popup action

At the top of the new panel, choose one action for this popup.

Exit intent

  • Available only on desktops, the popup automatically displays when the customer intends to navigate away from the funnel step.

Visitor scrolls down the page

  • Show the popup after the visitor scrolls down a percentage of the funnel step. Enter a figure in the field.

Visitor spends X seconds on the page

  • Show the popup after a visitor spends a fixed amount of time on the page. Enter figure (number of seconds) in the field.

Show after customer scrolls down then up

  • This is usually the best indication of exit intent on mobile devices. Display the popup after the user scrolls a percentage of the screen. Enter percentage figures in the fields.

Displaying a popup on clicks

In addition to the action steps described above, you can display a popup after a user clicks an element (e.g. image, button, or link).

Click on images and buttons

To display a popup after a user clicks an image or button:

  1. Select the element (image or button).

  2. In the left panel, select the Click action field. A popup window displays.

3. In the popup window, click Show popup.

4. Click the field below Show popup. A drop-down menu displays.

5. Select the popup you want to display.

6. Click Save changes.

7. On the next page, click Save changes.

8. Click Preview.

9. Repeat steps and edit popup as required.

Click on links

Use this option to display a popup when the user clicks a text link.

  1. Click the Popups icon.

  2. Locate the popup you want to display.

  3. Open Notepad (or a similar app) and type the popup path.

4. Open the canvas and click the text which will hold the hyperlink.

5. Click the Link icon.

6. Copy the popup path from Notepad (or a similar app).

7. Paste the path into the Visit URL field.

8. Click Save.

Previewing the popup

  1. Click Save changes in the top right corner.

  2. Click Preview.

  3. Edit as required.

2️⃣
Popups icon
Enter a unique name for the popup
Default popup
Opening a list of popups
Clone a popup
Select a popup
Set a percentage
Display popup after a fixed period of time on page
Display popup after user scrolls down and up
Select Click action
Select a popup
Popup path
Paste popup path into the field
Popup displays on funnel step