How to customize the look and feel of your survey

How to customize the look and feel of your survey

This article will guide you to set up the appearance of the survey on your webpage.

Appearance: There are three layouts available in the Appearance - Full Screen, Pop-Up, and Sidebar

1. Pop-Up: The survey will appear as a popup inside your website or web application. You can also choose where to display this pop-up.

This can keep your users/leads on the web application and contingently promotes the survey. It appears as a small widget, allowing your users to interact with other content on the same page.

You can choose any of the three alignments from the below options:

  • Left: The pop-up will appear on the left of your website.
  • Center: The pop-up will appear in the center of your website. This is also the default for pop up.
  • Right: The pop-up will appear on the right side of your website.


2. Full Screen: The full size of the survey will open on your web application.

This view is great when you want to get your users' full attention on a page. Full-screen surveys have the same functionality as Pop-up surveys. However, the difference is that a Full-screen survey appears on the entire screen.


3. Sidebar: The last option in the layout is the sidebar where the survey will appear on the sidebar of your website or web application.

You can edit the tab text, which says Give feedback by default. And you can also change the color. You can adjust its positions on the left-hand side or right-hand side.

This can help your users/leads to respond the survey anytime they want.


4. Embed Inside View: This option in the layout is used for opening the survey within another view of your website or web application like a div of your html page.

Define the Container in Your HTML:

To embed the survey inside your webpage, you must create a div element in your website’s HTML and assign it an ID. For example: <div id="survey-container"></div>


    • Related Articles

    • Survey Settings

      General settings like survey link expiration date, password protected surveys, survey access, etc. can be modified in survey options. To view, these settings click on survey settings in your builder These settings will help better the experience of ...

    • Scale-based Questions

      Overview Scale-based questions allow you to measure user sentiment, satisfaction, or experience using a defined numerical or visual scale. These question types are widely used in feedback surveys to: Track performance over time Compare responses ...

    • Survey Metadata

      What is Survey Metadata? Metadata is background information associated with a survey response. It is a survey-specific property, meaning it is defined at the survey or project level and applies to all responses collected under that project. This ...

    • How to rotate Sections within a Survey

      This feature will help you to rotate sections within a survey to prevent user bias. In case you want to run a concept test and are wondering why the first concept is receiving more responses, then it might be because of the Serial-position effect ...

    • Getting Started

      Get started with Surveysensum Welcome to Surveysensum, Create, Share, Analyze surveys like never before. With its AI-enabled CX platform, SurveySensum helps organizations improve their customer experience with real-time actionable insights across the ...