|
/guides
|
<span class="NavbarItem__NavbarLabel-sc-16vobcz-3 hUkRqZ">Guides</span>
|
|
|
/apis
|
<span class="NavbarItem__NavbarLabel-sc-16vobcz-3 hUkRqZ">API Reference</span>
|
|
|
/mcp-server
|
<span class="NavbarItem__NavbarLabel-sc-16vobcz-3 hUkRqZ">MCP</span>
|
|
|
/embeds
|
<span class="NavbarItem__NavbarLabel-sc-16vobcz-3 hUkRqZ">Embeds</span>
|
|
|
/embeds
|
<li role="none" data-testid="menu-item-label" data-active="true" class="MenuItem__MenuItemLabelWrapper-sc-gvfd8v-3 jEdFYA"><div class="MenuItem__MenuItemLabelTextWrapper-sc-gvfd8v-4 eBGjAs"><span class="MenuItem__MenuItemLabel-sc-gvfd8v-9 gxEffd"><span data-text="Introduction" class="MenuItem__MenuItemLabelText-sc-gvfd8v-10 kmgpOf">Introduction</span></span></div></li>
|
|
|
/embeds/iframe-embed
|
<li role="none" data-testid="menu-item-label" data-active="false" class="MenuItem__MenuItemLabelWrapper-sc-gvfd8v-3 fkfZyu"><div class="MenuItem__ChevronWrapper-sc-gvfd8v-0 jlONbr"><svg viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" color="--tree-content-color-default" data-component-name="icons/ChevronRightIcon/ChevronRightIcon" class="ChevronRightIcon-sc-ah73fk-0 cuKucm"><path d="M11 8L6.00002 13L5.30002 12.3L9.60002 8L5.30002 3.7L6.00002 3L11 8Z"></path></svg></div><div class="MenuItem__MenuItemLabelTextWrapper-sc-gvfd8v-4 eBGjAs"><span class="MenuItem__MenuItemLabel-sc-gvfd8v-9 gxEffd"><span data-text="Iframe embed" class="MenuItem__MenuItemLabelText-sc-gvfd8v-10 jbpXPZ">Iframe embed</span></span></div></li>
|
|
|
/embeds/script-embed
|
<li role="none" data-testid="menu-item-label" data-active="false" class="MenuItem__MenuItemLabelWrapper-sc-gvfd8v-3 fkfZyu"><div class="MenuItem__ChevronWrapper-sc-gvfd8v-0 jlONbr"><svg viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" color="--tree-content-color-default" data-component-name="icons/ChevronRightIcon/ChevronRightIcon" class="ChevronRightIcon-sc-ah73fk-0 cuKucm"><path d="M11 8L6.00002 13L5.30002 12.3L9.60002 8L5.30002 3.7L6.00002 3L11 8Z"></path></svg></div><div class="MenuItem__MenuItemLabelTextWrapper-sc-gvfd8v-4 eBGjAs"><span class="MenuItem__MenuItemLabel-sc-gvfd8v-9 gxEffd"><span data-text="Script embed" class="MenuItem__MenuItemLabelText-sc-gvfd8v-10 jbpXPZ">Script embed</span></span></div></li>
|
|
|
/embeds/embed-options/fullscreen
|
<li role="none" data-testid="menu-item-label" data-active="false" class="MenuItem__MenuItemLabelWrapper-sc-gvfd8v-3 gHptdb"><div class="MenuItem__MenuItemLabelTextWrapper-sc-gvfd8v-4 eBGjAs"><span class="MenuItem__MenuItemLabel-sc-gvfd8v-9 gxEffd"><span data-text="Full page" class="MenuItem__MenuItemLabelText-sc-gvfd8v-10 jbpXPZ">Full page</span></span></div></li>
|
|
|
/embeds/embed-options/chatbot
|
<li role="none" data-testid="menu-item-label" data-active="false" class="MenuItem__MenuItemLabelWrapper-sc-gvfd8v-3 gHptdb"><div class="MenuItem__MenuItemLabelTextWrapper-sc-gvfd8v-4 eBGjAs"><span class="MenuItem__MenuItemLabel-sc-gvfd8v-9 gxEffd"><span data-text="Chatbot" class="MenuItem__MenuItemLabelText-sc-gvfd8v-10 jbpXPZ">Chatbot</span></span></div></li>
|
|
|
/embeds/embed-options/sidetab
|
<li role="none" data-testid="menu-item-label" data-active="false" class="MenuItem__MenuItemLabelWrapper-sc-gvfd8v-3 gHptdb"><div class="MenuItem__MenuItemLabelTextWrapper-sc-gvfd8v-4 eBGjAs"><span class="MenuItem__MenuItemLabel-sc-gvfd8v-9 gxEffd"><span data-text="Side tab" class="MenuItem__MenuItemLabelText-sc-gvfd8v-10 jbpXPZ">Side tab</span></span></div></li>
|
|
|
/embeds/embed-options/popup
|
<li role="none" data-testid="menu-item-label" data-active="false" class="MenuItem__MenuItemLabelWrapper-sc-gvfd8v-3 gHptdb"><div class="MenuItem__MenuItemLabelTextWrapper-sc-gvfd8v-4 eBGjAs"><span class="MenuItem__MenuItemLabel-sc-gvfd8v-9 gxEffd"><span data-text="Pop-up" class="MenuItem__MenuItemLabelText-sc-gvfd8v-10 jbpXPZ">Pop-up</span></span></div></li>
|
|
|
/embeds/embed-options/slider
|
<li role="none" data-testid="menu-item-label" data-active="false" class="MenuItem__MenuItemLabelWrapper-sc-gvfd8v-3 gHptdb"><div class="MenuItem__MenuItemLabelTextWrapper-sc-gvfd8v-4 eBGjAs"><span class="MenuItem__MenuItemLabel-sc-gvfd8v-9 gxEffd"><span data-text="Slider" class="MenuItem__MenuItemLabelText-sc-gvfd8v-10 jbpXPZ">Slider</span></span></div></li>
|
|
|
/embeds/passing-form-data
|
<li role="none" data-testid="menu-item-label" data-active="false" class="MenuItem__MenuItemLabelWrapper-sc-gvfd8v-3 gHptdb"><div class="MenuItem__MenuItemLabelTextWrapper-sc-gvfd8v-4 eBGjAs"><span class="MenuItem__MenuItemLabel-sc-gvfd8v-9 gxEffd"><span data-text="Passing data to your form" class="MenuItem__MenuItemLabelText-sc-gvfd8v-10 jbpXPZ">Passing data to your form</span></span></div></li>
|
|
|
/embeds/examples/react
|
<li role="none" data-testid="menu-item-label" data-active="false" class="MenuItem__MenuItemLabelWrapper-sc-gvfd8v-3 gHptdb"><div class="MenuItem__MenuItemLabelTextWrapper-sc-gvfd8v-4 eBGjAs"><span class="MenuItem__MenuItemLabel-sc-gvfd8v-9 gxEffd"><span data-text="React" class="MenuItem__MenuItemLabelText-sc-gvfd8v-10 jbpXPZ">React</span></span></div></li>
|
|
|
/embeds/examples/nextjs
|
<li role="none" data-testid="menu-item-label" data-active="false" class="MenuItem__MenuItemLabelWrapper-sc-gvfd8v-3 gHptdb"><div class="MenuItem__MenuItemLabelTextWrapper-sc-gvfd8v-4 eBGjAs"><span class="MenuItem__MenuItemLabel-sc-gvfd8v-9 gxEffd"><span data-text="Next.js" class="MenuItem__MenuItemLabelText-sc-gvfd8v-10 jbpXPZ">Next.js</span></span></div></li>
|
|
|
/embeds/examples/vue
|
<li role="none" data-testid="menu-item-label" data-active="false" class="MenuItem__MenuItemLabelWrapper-sc-gvfd8v-3 gHptdb"><div class="MenuItem__MenuItemLabelTextWrapper-sc-gvfd8v-4 eBGjAs"><span class="MenuItem__MenuItemLabel-sc-gvfd8v-9 gxEffd"><span data-text="Vue" class="MenuItem__MenuItemLabelText-sc-gvfd8v-10 jbpXPZ">Vue</span></span></div></li>
|
|
|
/embeds/examples/kotlin
|
<li role="none" data-testid="menu-item-label" data-active="false" class="MenuItem__MenuItemLabelWrapper-sc-gvfd8v-3 gHptdb"><div class="MenuItem__MenuItemLabelTextWrapper-sc-gvfd8v-4 eBGjAs"><span class="MenuItem__MenuItemLabel-sc-gvfd8v-9 gxEffd"><span data-text="Kotlin" class="MenuItem__MenuItemLabelText-sc-gvfd8v-10 jbpXPZ">Kotlin</span></span></div></li>
|
|
|
/embeds/iframe-embed
|
<div class="Card__CardContentWrapper-sc-tk4xrd-0 jTTaBw"><div class="Card__ContentWrapper-sc-tk4xrd-1 dxWdDE"><h3 id="card-title-iframe-embed" class="Card__Title-sc-tk4xrd-2 NCsNC">Iframe embed</h3><div class="Card__Body-sc-tk4xrd-4 klcNKL"><p>A single <code><iframe></code> tag. No JavaScript required. The simplest way to place a form inline on a page.</p></div></div></div>
|
|
|
/embeds/script-embed
|
<div class="Card__CardContentWrapper-sc-tk4xrd-0 jTTaBw"><div class="Card__ContentWrapper-sc-tk4xrd-1 dxWdDE"><h3 id="card-title-script-embed" class="Card__Title-sc-tk4xrd-2 NCsNC">Script embed</h3><div class="Card__Body-sc-tk4xrd-4 klcNKL"><p>A loader script plus a small snippet. Required for every layout besides a basic inline form, plus auto-resizing height and prefilled data.</p></div></div></div>
|
|
|
/embeds/embed-options/fullscreen
|
<div class="Card__CardContentWrapper-sc-tk4xrd-0 jTTaBw"><div class="Card__ContentWrapper-sc-tk4xrd-1 dxWdDE"><h3 id="card-title-full-page" class="Card__Title-sc-tk4xrd-2 NCsNC">Full page</h3><div class="Card__Body-sc-tk4xrd-4 klcNKL"><p>The form fills the entire browser viewport.</p></div></div></div>
|
|
|
/embeds/embed-options/chatbot
|
<div class="Card__CardContentWrapper-sc-tk4xrd-0 jTTaBw"><div class="Card__ContentWrapper-sc-tk4xrd-1 dxWdDE"><h3 id="card-title-chatbot" class="Card__Title-sc-tk4xrd-2 NCsNC">Chatbot</h3><div class="Card__Body-sc-tk4xrd-4 klcNKL"><p>A chat-bubble button that opens the form in a compact window.</p></div></div></div>
|
|
|
/embeds/embed-options/sidetab
|
<div class="Card__CardContentWrapper-sc-tk4xrd-0 jTTaBw"><div class="Card__ContentWrapper-sc-tk4xrd-1 dxWdDE"><h3 id="card-title-side-tab" class="Card__Title-sc-tk4xrd-2 NCsNC">Side tab</h3><div class="Card__Body-sc-tk4xrd-4 klcNKL"><p>A small tab on the edge of the screen that expands into the form.</p></div></div></div>
|
|
|
/embeds/embed-options/popup
|
<div class="Card__CardContentWrapper-sc-tk4xrd-0 jTTaBw"><div class="Card__ContentWrapper-sc-tk4xrd-1 dxWdDE"><h3 id="card-title-pop-up" class="Card__Title-sc-tk4xrd-2 NCsNC">Pop-up</h3><div class="Card__Body-sc-tk4xrd-4 klcNKL"><p>A modal dialog, opened by a click, on page load, or after a delay.</p></div></div></div>
|
|
|
/embeds/embed-options/slider
|
<div class="Card__CardContentWrapper-sc-tk4xrd-0 jTTaBw"><div class="Card__ContentWrapper-sc-tk4xrd-1 dxWdDE"><h3 id="card-title-slider" class="Card__Title-sc-tk4xrd-2 NCsNC">Slider</h3><div class="Card__Body-sc-tk4xrd-4 klcNKL"><p>A panel that slides in from the edge of the screen.</p></div></div></div>
|
|
|
/embeds/passing-form-data
|
Passing data to your form
|
|
|
/embeds/examples/react
|
<div class="Card__CardContentWrapper-sc-tk4xrd-0 jTTaBw"><div class="Card__ContentWrapper-sc-tk4xrd-1 dxWdDE"><h3 id="card-title-react" class="Card__Title-sc-tk4xrd-2 NCsNC">React</h3><div class="Card__Body-sc-tk4xrd-4 klcNKL"></div></div></div>
|
|
|
/embeds/examples/nextjs
|
<div class="Card__CardContentWrapper-sc-tk4xrd-0 jTTaBw"><div class="Card__ContentWrapper-sc-tk4xrd-1 dxWdDE"><h3 id="card-title-next.js" class="Card__Title-sc-tk4xrd-2 NCsNC">Next.js</h3><div class="Card__Body-sc-tk4xrd-4 klcNKL"></div></div></div>
|
|
|
/embeds/examples/vue
|
<div class="Card__CardContentWrapper-sc-tk4xrd-0 jTTaBw"><div class="Card__ContentWrapper-sc-tk4xrd-1 dxWdDE"><h3 id="card-title-vue" class="Card__Title-sc-tk4xrd-2 NCsNC">Vue</h3><div class="Card__Body-sc-tk4xrd-4 klcNKL"></div></div></div>
|
|
|
/embeds/examples/kotlin
|
<div class="Card__CardContentWrapper-sc-tk4xrd-0 jTTaBw"><div class="Card__ContentWrapper-sc-tk4xrd-1 dxWdDE"><h3 id="card-title-kotlin" class="Card__Title-sc-tk4xrd-2 NCsNC">Kotlin</h3><div class="Card__Body-sc-tk4xrd-4 klcNKL"></div></div></div>
|
|
|
/embeds/iframe-embed
|
<button data-component-name="Button/Button" class="Button__StyledButton-sc-1cnyvkw-1 ctwqCV button button-tone-default button-variant-link button-size-medium Button-sc-1cnyvkw-2" tabindex="-1">Next page<svg viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" data-component-name="icons/ArrowRightIcon/ArrowRightIcon" class="ArrowRightIcon-sc-19aiuha-0 QAnLk"><path d="M9 3L8.285 3.6965L12.075 7.5H2V8.5H12.075L8.285 12.2865L9 13L14 8L9 3Z"></path></svg></button>
|
|
|
/legal/terms
|
Terms
|
|
|
/legal/responsible-use
|
Responsible Use
|
|