Image Popup Element

In this article, we will go over how to add images to your ClickFunnels page using the Image Popup Element. An Image Popup element will create a popup of an image on your page when a thumbnail image is clicked. This is helpful when creating an image gallery or for organizing many images on a page.

 

 

Prior to getting started, you will need to have the following:

  • A funnel
  • An image file

Step 1: Add the Image Popup Element in the Page Editor:

1. Open your funnel step in the page editor by clicking on the EDIT PAGE button.

CS_SCS-_Elements_-_Image_Element_1.png

2. Hover over the ELEMENTS tab at the top of the page and click on ADD ELEMENT.

CS_SCS-_Elements_-_Image_Element_2.png


3. Locate and click on the IMAGE POPUP element in the list.

CS_SCS_-_Elements_-_Image_Popup_Element_3.png


4. Drag it onto the page.

Step 2: Update Image Popup Element Settings:

1. Within the page editor, click on the image element or click on the gear icon on the element’s orange border to open the image settings.

CS_SCS-_Elements_-_Image_Element_4.png


2. Add a THUMBNAIL image and a FULL-SIZE image for the popup from the image library by clicking on the image icons next to each field.

 

CS_SCS_-_Elements_-_Image_Popup_Element_5.png


3. Double-click the image from the Image Library to add it to the page. For more information on adding images to the image library, visit this article: Image Library.


4. Edit the element by adjusting the settings as desired. Here are the settings that you can adjust that are specific to the Image element:
 

CS_SCS_-_Elements_-_Image_Popup_Element_6.png


Important Notes: 
  • The supported file types for image files are jpg, jpeg, gif, png, webp, and bmp.
  • Any size/dimension of images is acceptable, but please keep in mind that the larger the files, the longer it will take your page(s) to load.

 

 If you have any questions about this, please contact our support team by clicking the support icon in the bottom right-hand corner of this page.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article