If you already have a Survey created, you can easily incorporate it into your page by dragging and dropping the survey element to the desired position and then selecting the survey to be displayed. If you would like to create a new survey, select the “Click Here” button after positioning the survey element. This will open the survey section of your CRM in a new tab.
The General Setting feature displays the default name/title of the Edit option you are currently working on, which you can either leave as is or change according to your preference. Renaming is a useful option, especially when you are dealing with multiple elements in your funnel page that you need to identify easily.
There are different spacing options available for adjusting your content.
Padding Left, Right, Top, and Bottom: There are four different toggle bars available for Padding: Left, Right, Top, and Bottom. By selecting the appropriate toggle bar, you can move your content to the left, right, top, or bottom, according to your preference. Adjusting the padding can help improve the visual balance of elements on your web page, making it more appealing to your audience.
Margin Top and Bottom: You can toggle the bars to adjust the Margin Top and Bottom of your content easily. This feature provides greater control over the position and appearance of your content on your web page, allowing you to customise your web page's design to fit your style.
Need to change your survey? Use the survey dropdown to choose a different survey to include in your funnel page.
Click the “Edit Survey” button to access the survey editor. This will open the chosen survey in a new tab, where you can make any necessary adjustments. After saving your changes, the funnel preview will show the updated survey, and refreshing will reflect these changes in the builder.
The Button Action feature provides you with three options:
Use action from Survey Builder: The button action configured in the survey builder will be performed.
Go-to website URL: When you select this option, you must select the website page you wish the survey link to.
Go to Next Step: This option directs visitors to the next funnel or website step.
The Advanced Settings feature provides additional customisation options for your web page.
The Visibility option allows you to choose whether a particular Edit option is visible on desktop, mobile, or both. By highlighting the relevant icon, you can optimise your web page for your target audience and device.
The Custom Class option enables you to assign a custom class name to your element, enabling you to apply custom styles specifically to that element. You can input your custom class name in the designated field to link it to style definitions in a stylesheet.
You can easily copy the Custom CSS code by clicking on the Copy icon located on the right side of the reference code. By simplifying the process of replicating and implementing your CSS Selector code across your web page, you can save time and improve your web page's functionality.
