Embedded Surveys are available with Ask or .
Embedded Surveys let you gather responses at the right moment by placing a survey inline with other page elements. Showing a survey to users when they're viewing a specific part of a page can help provide more context when they respond.
Changes made to an embeddable Survey can take up to 60 seconds to appear on your live site. This article walks through the steps on how to set up an embedded Survey.
Visit your live site and identify a position on the page where you'd like the embedded survey to appear.
Copy the target element selector for the position you identified in Step 1.
The CSS selector cannot exceed 400 characters
Selectors that are over 400 characters in length are not supported. If you encounter this limitation, consider using Firefox to copy the CSS selector because Firefox selectors are shorter than other modern browsers.
Copy the target element selector from your web browser's developer tools using the steps below. While the naming of menu items in the steps below are for Google Chrome, the process will be similar across other web browsers.
- Right-click at the location on the page from your site where the Survey should be embedded.
- From the right-click menu, click Inspect to open the Elements tab.
- Inside the Elements tab, identify the exact element where the survey will be embedded.
- Right-click on that element, then hover over Copy and click Copy selector. The element selector will then be copied to your clipboard.
Where multiple elements will match the selector, the survey only embeds at the first matching element
If the selector matches multiple page elements, the survey will only be embedded at the first element that successfully matches. To ensure the survey targets a specific element, we recommend adding a unique ID to the element on your page and using this ID as the target element selector during the embedded survey set up.
Visit your Survey page.
You'll find a general overview in our article, What is a Survey?
Click New survey.
Enter a name for your survey in the Details section of the survey setup.
In the Type section of the setup, click Embedded, to select the embedded survey type.
Choose the Appearance of your embedded survey.
In Targeting, add the target element selector you copied from Step 2 in the Position on page section.
Complete the remaining setup of your survey.
For more details on the other sections in the survey setup, see our How to Create a Survey article.
In Summary, change the status of the survey to Active, then click Start Survey.
This will activate the embedded survey on your live site.
Make changes to a saved survey.
If needed, you can edit a survey by visiting the Survey page, clicking on the three dots next to the survey you want to adjust, and selecting Edit.
Once you are done, click the Save changes button.