Embedding Inline Widget

Inline widgets are embedded directly into your page content rather than appearing as overlays. This guide covers the two universal methods for placing an inline widget on your site.

To get started, open the Display Rules tab and select Place the Widget to choose your embedding method.

!Place the Widget option in Display Rules

Via Custom Element (Universal)

Target a specific element on your page using a CSS selector — either an ID (e.g., #my-form) or a class (e.g., .signup-area).

!Custom Element selector field

Widget Position Options

Choose where the widget appears relative to the target element:

• Top — inside the element, at the top
• Bottom — inside the element, at the bottom
• Before — immediately before the element
• After — immediately after the element
• Instead — replaces the element entirely

!Widget position: Top

!Widget position: Bottom

!Widget position: Instead

Via the Embed Code (Universal)

Copy the embed code and paste it into your page HTML wherever you want the widget to appear.

!Embed code snippet

Each embed code is unique to the widget. The widget will display once per page at the location where the code is placed.

Need more help?

If you've worked through this and still need a hand, contact support — we'll dig in with you.