×

Welcome to ClickFunnels Support!


To get you a solution as fast as possible please read and follow these guidelines prior to submitting a ticket. This sequence has been proven to get you solutions, very fast.


  1. Don’t Panic. All problems can be solved, and most can be found quickly within our Help Articles.


  2. Clear Your Cache. Please see our article on Clearing Your Browser Cache if you’re not familiar with how to do so. This quick and easy step is the first step to solving a number of issues.


  3. Review Your Settings and Steps. Many issues are caused by an unintentional miss-step, like not saving a change in settings or the editor. Please try the process again to see if the solution presents itself in the re-attempt.


  4. Submit a Ticket with All Relevant Information To get you an answer faster it’s important that our team has all relevant information including the issue that you’re experiencing, relevant links, screenshots, error messages, and images to show us what you see. Please also include the funnel, custom domain, integration related to your solution.



Our funnel heroes are often able to respond within 24 hours of submitting your question, Monday through Friday.

Articles in this section

See more

Image Popup Element

Eduardo Duarte
  • Updated
Follow

Elements


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.

 

By the end of this document, you should be able to answer:

  • How do I add an Image Popup element to a funnel page?

  • What type of image files are supported by the Image Popup Element?

  • What settings are important for the Image Popup Element?

 

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

 

Please watch the video below, in full screen:

 

 


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

 

 

 

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.

  • When using a third-party image link, the image is not saved in ClickFunnels. We recommend uploading all third-party images to the ClickFunnels image library to ensure that your image remains available on your ClickFunnels page at all times.

 

 

Here are the key takeaways for this document:

  • An Image Popup element will create a popup of an image on your page when a thumbnail image is clicked.

  • An Image Popup element can be added to a page from the Element menu, clicking on Add Element and then dragging the element to the page.

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

Related articles