This embed option creates a start button on your website. Once a customer clicks the start button, it opens the app as a full-page pop-up modal.
This way of embedding is recommended if you want to feature your app on a product detail page or category/lister page.
Here's an example. Most webshops get a lot of direct traffic to product pages. However, a lot of this traffic is still in the orientation phase: they don't actually know if this particular product matches their needs. That's why the product detail page for this car seat features a button 'Try the car seat finder':
A customer who isn't quite sure whether this particular car seat is the right one can simply click the button. When clicked, a pop-up modal with the Car Seat Finder app opens. The customer will now have full focus on the guided selling app, and can continue their guided journey to the right product:
<aside> 💡 Here’s an example of a pop-up modal embed code:
<button
data-advisor-id="a1798edb-3531-4cdd-9684-bee972a1c084"
style="
border: none;
background: #ef8a31;
border-radius: .25rem;
padding: 1rem 2rem;
color: #000000;
font-size: inherit;
font-weight: bold;
">
Start product finder
</button>
</aside>
<aside> 👉 Want to call the pop-up modal from a website element other than a button (e.g. using a banner)? Check out this related tutorial:
</aside>