After you have integrated the Aiden scripts, you can place your guided selling apps anywhere on your website. You do this by generating an embed code in Aiden. Follow the steps in the Embed section.
First, choose which interaction mode you want to use: Scripted, Conversational, or Agentic. Then choose how you want to display the product finder: as a sidebar, pop-up, or in-page app.
Curious about the embed code? Here is an example of the sidebar embed code in Scripted Mode:
<!-- Do not use this example code, copy the code from the Embed page in Aiden -->
<button
data-advisor-id="00000000-0000-0000-0000-000000000000"
data-aiden-mode="sidebar"
style="
border: none;
background: #F5C402;
border-radius: 0.25rem;
padding: 0.75rem 1.25rem;
color: #000000;
font-size: inherit;
font-weight: bold;
cursor: pointer;
">
Start Boot Finder
</button>
And this is what a sidebar looks like on the front end: a customer clicks on the 'Start Boot Finder' button, and the sidebar slides in from the right.
The trigger to open your app doesn't necessarily have to be a button: you can open it from any clickable element on your website.
💡 Good to know: You only need to embed your apps once. If you change anything later on, you can publish the changes directly from Aiden without replacing the embed code.