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 where on your website you want to place the product finder, e.g., on the PLP or PDP. You can choose how you want to display the app: as a sidebar, pop-up, in-page, or full-page app. For each page type, Aiden will recommend a certain type of interaction.
Curious about the embed code? Here is an example of the sidebar embed code:
<!-- 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 your 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.