Survey Element in Funnel and Website Builder
You can add FG Funnels surveys directly to your pages using the Survey element.
In This Article:
This article does not cover creating surveys. To learn how to create a survey, visit the Creating Surveys article.
Adding Your Survey Element and Selecting Your Survey
- To add the Survey element, click on the plus sign in the upper left hand corner and select elements from the left side of the panel that opens. Find the Custom section, select the Survey element and drag it to the desired location on the page.
- Once the Survey has been placed, a Survey Picker popup will appear. From here you can select from your existing surveys or click to create a new survey in the survey builder.
Customizing the Survey Element
- From the Options panel on the right hand side you can rename the Survey element for ease of organization and recognition.
- You can manage the margin and padding for spacing adjustments. Margin will add spacing outside of the survey element, so outside of the orange outline, whereas padding adds space inside the element or inside the orange outline.
- If you need to change the selected survey, there is a dropdown menu that will allow you to select a different survey. The blue Edit survey button will open the survey in the survey builder for any adjustments that need to be made.
Setting Button Action
The final option in the General Tab of the survey is Button actions. This sets what happens when someone clicks the button to submit the survey. From the funnel builder, there are three options:
- Use action from survey builder: Use action from survey builder will use whatever was set in the On Submit options in the survey builder, either sending to a URL or a message. If you choose this option, go to the survey and ensure that that is set correctly.
- Go to website URL: You can paste in any URL for the user to be directed to after submitting, whether that is a thank you page, a sales page, a page on your website etc.
Go to Next Step: This will take them to the step directly underneath the current step in the funnel overview tab. You can quickly check that step by clicking on the name of the page in the middle of the middle row in the top toolbar, this will bring up the pages menu. The page listed right under the current page is the "Next Step".
Advanced Options
The advanced options panel allowing you to turn on or off visibility on mobile or desktop. Blue icons means that it is visible on that device, whereas gray icons means that it is hidden on that device.
Custom class and CSS selector allow you to make CSS adjustments that target this element.