How to Use an Image Element in the Funnel Builder

How to Use an Image Element in the Funnel Builder

Incorporating images into your funnels is essential for creating an engaging and visually appealing experience. This guide will walk you through the steps to add and customize image elements effectively.

Step 1: Adding the Image Element

1. Access Your Funnel:

   • Open the funnel or webpage where you want to include an image.

2. Insert the Image Element:

   • In the page editor, click the + sign on the left to view available elements.

   • Search for “Image” in the elements list, then click on it and drag it to your desired location on the page.

Step 2: Editing the Image Element

1. Open Image Settings:

   • Once the image is placed, locate the “Image Settings” panel on the right side of the screen. This panel includes three tabs: General, Themes, and Advanced. Use these tabs to make various adjustments.

2. General Settings:

   • Name and Spacing: Assign a name to the image element and adjust the spacing settings.

   • Background and Opacity: Set a background color and adjust opacity if needed.

   • Alignment and Sizing: Align the image and adjust its height and width.

   • Image Selection and Actions: Choose the image file you want to display and set any actions if required.

3. Themes:

   • Preset Designs: Apply themes to quickly add design elements like borders, drop shadows, and rounded corners. This is a convenient way to enhance the image without making detailed customizations.

4. Advanced Settings:

   • Radius and Border: Adjust the border radius and style to refine the image’s appearance.

   • Shadow and Visibility: Customize shadow effects and set visibility options.

   • Custom Class: Add a custom CSS class for additional styling and adjustments.

By following these steps, you can effectively add and customize image elements within your funnel builder, making your funnels more visually attractive and engaging.