Articles on: Ask

How to embed Surveys directly on your website

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


  1. Define Target Audience: Set rules to specify who will see the survey, such as based on user behavior or specific page views.
  2. 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-page Use 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.

Updated on: 15/01/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!