Skip to main content

Embedding a Survey on Your Website

Learn how to host a RaveCapture Experience Survey directly on your own site for a fully branded experience.

Overview

The Embedded Survey feature allows you to display a RaveCapture Experience Survey directly on your website using a simple HTML snippet. This gives you full control over how and where the survey is presented, enabling a seamless and white-labeled experience for your customers.

Embedded Surveys are ideal for brands that want to maintain tighter visual alignment and reduce friction in the survey process.

🔒 Available only on the Enterprise Plan

How It Works

Embedded Surveys are rendered through a lightweight <div> element paired with RaveCapture’s JavaScript. Once added to your site, the survey will appear natively on the page, styled to match your branding and layout.

Each survey has a unique ID, and the embed code is specific to that survey.

Setup Instructions

  1. Open the Survey Builder
    Navigate to any active Experience Survey and open the Survey Builder (Editor).
    ​

  2. Go to the “Embedded Survey” Tab
    This is the fourth tab in the builder, after General, Questions, and Emails.
    ​

  3. Copy the Embed Code Snippet
    Paste this directly into the HTML of any page where you want the survey to display. Example:

    <div class="ravecapture-embedded-survey" data-rc-survey-id="000"></div>

  4. Add Custom Styles (Optional)
    Use the Custom CSS field in the Embedded Survey tab to apply styles to survey elements. This CSS is injected dynamically into the widget.
    ​

  5. Ensure the RaveCapture JavaScript Is Installed

    • If you’re already displaying reviews, the script is already present.

    • Otherwise, install your ecommerce integration or use the Manual Integration option to install the JavaScript.

Display Behavior

  • Works across any modern CMS or website builder that supports custom HTML.

  • Can be used on multiple pages or domains simultaneously.

  • Respects all core survey logic, including:

    • Exit URL

    • Thank You messaging

    • Required questions

    • Repeat submission rules

Best Practices

✅ Place the embed above the fold to encourage completion.
✅ Test your CSS styles on both desktop and mobile.
✅ Pair the survey with a clear call-to-action on your site (e.g., “Tell us what you think!”).
✅ Avoid embedding the same survey twice on a single page to prevent conflicts.

Related Articles
Did this answer your question?