Enhance user engagement by embedding surveys directly into your website pages. Follow these steps to set up and customize your in-page surveys without requiring technical expertise.
1️⃣ Go to Surveys
Navigate to the survey section within your account to create or manage your surveys.
2️⃣ Select In-page Embedded Survey
Choose the option for an "In-page Embedded Survey" to integrate the survey seamlessly into your web content.
3️⃣ Targeting and Placement
Define Target Audience: Set rules to specify who will see the survey, such as based on user behavior or specific page views.
Choose Placement: Identify the exact spot on your webpage where the survey should appear by providing a CSS Selector.
How to Find the CSS Selector:
Use the "Pick an Element" tool to visually select the desired element on your website.
Enter your website URL (ensure the Screeb tag is installed) to open a new tab where you can directly select the element for embedding.
Example :
Use the "pick an element" to choose directly on your website or use directly the CSS class.
Then, just confirm the emplacement.
Alternatively, if you know the CSS class or ID, you can enter it manually.
You can also use advanced CSS selectors to find any dom elements
.is-home-page, .is-user-pageUse a comma to match multiple elements.[class*="-page"]Match any elements with "-page" in their classes.Check W3C doc about CSS selectors for more advanced usages: https://www.w3schools.com/cssref/css_selectors.php
How can I find the CSS class?
Watch this video
4️⃣ Customize your surveys
After setting the placement, go to the Design Settings within your workspace to tailor the look and feel of the survey. Match it to your website's design for a seamless user experience.
💡Tips:
Preview: Always preview the survey on different devices to ensure it looks great everywhere.
Test: Verify the survey’s placement and functionality across various browsers and screen sizes.
Optimize: Monitor the survey’s performance and adjust as needed based on user feedback.