Embedded Forms let you collect feedback directly within your website content, for example, at the end of help articles or documentation pages. Unlike the Feedback Button or Trigger-based Forms, an Embedded Form is placed directly into your page HTML and sits right alongside your content.
To start your form:
The builder uses a multi-page structure, which lets you create a conversation with your users. Once you open the Build form view, you can add questions from the menu on the left.
Use the page tabs at the top of the builder to set up the Start page, intermediary pages, and the End page. You can preview the form using the Preview button, and when you select Next. You'll see the Install page where you can copy script and widget code.
This is the form your users see first. Customize the Title (e.g., Was this useful for you?) and define the initial interaction.
You can add follow-up questions to new pages that appear after your Start page. These additional pages allow for a variety of question types and multiple questions per page.
You can give these pages their own titles, and add any of the following question types from the Add questions menu:
Set the final screen users see after submitting their feedback. Customize the Header (e.g., Thank You) and the confirmation message.
The End page typically contains confirmation and optional follow-up fields. Common elements you can add include:
Page logic lets you jump to specific pages depending on the answers given in the current page. Control visibility lets you show questions on the same page based on the answer to a previous question.
To add page logic:
To add control visibility:
You can't use control visibility on the End pages.
Unlike Feedback Buttons and Trigger-Based Forms, Embedded Forms require a specialized 2-step setup to make sure the inline layout renders correctly within your page design.
Select the first View code button to open the Script snippet modal. Copy this global snippet and paste it directly into your website's main master page source code. For the best performance, place the code inside the <body> section right before the closing </body> tag.
Next, select the second View code button to reveal your unique Widget code snippet (e.g., <div ub-in-page="..."></div>).
Copy this code snippet and paste it directly into your website's HTML at the exact location where you want the inline form to appear (for example, nested inside an accordion component or placed between two text blocks).
Before you finish, select Preview at the top of the builder to test the interactive flow. This makes sure your follow-up questions appear exactly as intended.
Learn more How to Analyze Your Results to track feedback from your embedded form responses.