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.

Updated yesterday

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.

Did this answer your question?