Adding an image overlay to your ClickFunnels pages can be a great way to add visual interest and branding.
In this brief, you will learn how to add an image overlay in ClickFunnels.
In essence, you will need two images: the background image and the overlay image.
The background image will be the main focus of the page, while the overlay image will be placed on top of it.
Choose the background image for your page
To choose the background image for your page, navigate to the Page Setup step of the funnel builder and click on the Background Image tab.
There, you can either select an image from your computer or use a built-in image placeholder.
If you want to use your own image, click on the Upload Image button and select the image from your computer.
It’s recommended that you use an image that’s at least 1920x1080px for best results.
Once you’ve selected your image, ClickFunnels will automatically optimize it for faster loading times.
You can also drag and drop the image to reposition it on the page.
If you want to use a built-in image placeholder, click on the Choose from Library link.
This will open up a library of free stock images that you can use as your background.
Just click on any image to select it and then click on the Use This Image button.
Add the overlay image to ClickFunnels
To add an overlay image to ClickFunnels, you will first need to upload the image to your account. Once the image is uploaded, you can then add it as an overlay on top of another image.
To add the overlay image:
1. Click on the Settings tab at the top of the page.
2. Click on the Add Image Overlay button.
3. Select the Image Overlay file from your computer.
4. Select the position of the overlay and click on the OK button.
Your overlay image will now be added to ClickFunnels.
To add an image as a background overlay:
1. Navigate to the page where you want to add the background overlay.
2. Click on the Background tab.
3. Select the Image option.
4. Click on the Upload Image button and select the image file from your computer.
5. Select the position of the overlay and click on the Save button.
Your background overlay image will now be added to ClickFunnels.
Resize and position the overlay image
First, resize the overlay image to be the same size as the background image. You can do this using the toolbar in the upper-left corner of the image editor.
Next, position the overlay image in the center of the background image. You can do this by clicking and dragging the overlay image around.
Apply the overlay image :
Once you have the overlay image positioned where you want it, click the “Apply” button in the bottom-right corner of the image editor.
This will apply the overlay image to the background image.
Save your changes and preview your page
To save your changes and preview your page, click the “Preview” button at the top of the page. This will open a new tab or window with your updated page.
If you’re happy with how your page looks, click the “Save & Exit” button. This will take you back to the main ClickFunnels page. From here, you can edit your page or funnel further, or view your funnel’s statistics.
If you need to make changes to your image overlay, click the “Edit” button next to the image element on the left-hand side of the screen.
This will open the Image Editor. Make your changes and then click the “Save” button. You can then preview your page again to see your updated image overlay.
When choosing a background image for your page, be sure to pick something that will support your message and complement the overlay image you add.
The overlay image should be resized and positioned so that it is clearly visible and doesn’t detract from the main image.
Once you’ve made all of your changes, be sure to save your work! Having the right images will definitely increase the chance of success.