Funnel Builder - Image

1. Click "Marketing"

2. Click "funnels"

3. Click "Add Element"

4. Select "Image"

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.

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.

7. Click here to customize "Margin"

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

8. Select "Background Color"

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

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.

10. Select "Align"

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

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.

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

13. Customize "width and Height"

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

14. Input "Alt Text" for SOE

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

15. Select "Image Actions"

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

16. Click "Themes"

17. Select "Themes"

You can select a theme from a range of options available

18. Click "Advanced"

19. Select "Image Radius"

20. Select "Image Border"

21. Select "Image Shadow"

22. Select "Image Effects"

23. Select "Visibility"

24. Input "Class Name"

You can add a custom class in this section.

25. Click here to copy "CSS Selector"

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