If you already have a survey created, you can add it to your page by dragging and dropping the survey element to your preferred position, then selecting the survey you want to display. To create a new survey, click the "Click Here" button after placing the survey element. This will open the survey section of your CRM in a new tab.

General Setting

Element Name

The General Setting feature shows the default name of the Edit option you are currently working on. You can leave it as is or rename it to something more descriptive. Renaming is particularly useful when you have multiple elements on your funnel page and need to tell them apart easily.

Edit

Click the "Edit Survey" button to open the survey editor. You can open the chosen survey in a popup window by clicking the pencil icon, or in a new tab by clicking the new tab icon. After saving your changes, the funnel preview will show the updated survey, and refreshing will reflect these changes in the builder.

You can also use the survey dropdown to choose a different survey to include on your funnel page.

Button Actions

The Button Actions feature gives you three options:

  1. Use action from Survey Builder: The button action configured in the survey builder will be performed.
  2. Go-to website URL: When you select this option, you must select the website page you wish the survey link to.
  3. Go to Next Step: This option directs visitors to the next funnel or website step.

Styles

The Styles feature provides additional customisation options for your web page.

Margin & Padding

There are different spacing options available for adjusting your content.

  • Padding Left, Right, Top, and Bottom: There are four toggle bars available for Padding: Left, Right, Top, and Bottom. By selecting the appropriate toggle bar, you can move your content left, right, up, or down to suit 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. This gives you greater control over the position and appearance of your content on the page, letting you tailor the design to your style.

Visibility

The Visibility option lets you choose whether the element should be visible on desktop, mobile, or both. Highlighting the relevant icon lets you optimise your web page for your target audience and device.

Custom Class

The Custom Class option lets you assign a custom class name to your element, so you can apply custom styles specifically to it. Enter your custom class name in the designated field to link it to style definitions in a stylesheet.

CSS Selector

You can copy the Custom CSS code by clicking the Copy icon on the right side of the reference code. This makes it straightforward to replicate and apply your CSS Selector code across your web page, saving time and improving your page's functionality.

Using these survey integration and customisation features, you can seamlessly add dynamic, interactive surveys to your funnel pages while keeping full control over design, functionality, and user experience.