How to add and customize image with the funnel builder

This article will help you how to add image and customize it in funnel builder

1. Click "Marketing"

Click

2. Click "funnels"

Click

3. Click "Add Element"

Click

4. Select "Image"

Select

5. Click "Element Name / Title"

This section displays the default name/title of the Edit option you are currently working on, which can be renamed according to your preference.

Click

6. Click here to customize "Padding"

The four different toggle bars for Padding Left, Right, Top, and Bottom allow you to move the content in the desired direction.

Click here to customize

7. Click here to customize "Margin"

Margin Top and Bottom can be adjusted using toggle bars as well.

Click here to customize

8. Select "Background Color"

By clicking on the content whose background color needs adjustment, you can easily change its color.

Select

9. Select "Opacity"

This option lets you control the extent to which your text/content fades in each element box. The opacity ranges from None, Light, Half, to Heavy fade.

Select

10. Select "Align"

You can position your text in different ways, including Left, Center, Right, or Justified.

Click

11. Add "Image"

To add an image, click on the image icon and upload it from your storage page. Once the image is uploaded, copy the URL by clicking on the "copy to clipboard" icon. Paste the URL in the editor's space, and the image will appear.

Click

12.Toggle switch on to "Optimize Image load"

By toggling this option off, you can optimize image loading. However, it comes with a warning that turning it off may affect your page speed. Optimizing images for your website can reduce your total page load time by up to 80%.

Click

13. Customize "width and Height"

You can decide the width and height of the image by inputting your desired size in the space provided.

Customize

14. Input "Alt Text" for SOE

This option allows you to add alternative text to the image for SEO purposes.

Input

15. Select "Image Actions"

You can select either "Open the popup" or "go to website URL.

Click

16. Click "Themes"

Click

17. Select "Themes"

You can select a theme from a range of options available

Click

18. Click "Advanced"

Click

19. Select "Image Radius"

Fill

20. Select "Image Border"

Fill

21. Select "Image Shadow"

Click

22. Select "Image Effects"

Click

23. Select "Visibility"

Click

24. Input "Class Name"

You can add a custom class in this section.

Click

25. Click here to copy "CSS Selector"

You can copy a CSS Selector by clicking on the "copy" icon next to the reference number.

Click
Did this answer your question?
😞
😐
😁