We recommend making the app available on multiple pages within your website.

Doing so ensures that a customer can always find the help they need, wherever they are in their customer journey.

<aside> 👉 There are 3 ways to embed your app. Find out more and learn best practices:

  1. Pop-up app
  2. In-page app
  3. Full-page app </aside>

Where to embed:

  1. On the category page (lister page) of the relevant product category. For this, the in-page app or pop-up app are recommended.
  2. On the product detail page (PDP) of every relevant product. For this, the pop-up app is recommended.
  3. On a separate page that a customer can reach through a menu item or from another page. For this, the full-page app or in-page app are recommended.
  4. On any related campaign pages, SEO pages, blogs, FAQ pages, or how-to’s. For these purposes, the full-page app or in-page app are generally preferred.

Once you’ve decided where you want to place it, embedding your Aiden app takes just 2 simple steps!

Step 1 — Add the Aiden script

The Aiden script needs to be implemented before you can add any Aiden apps to your website:

<script src="<https://app.aiden.cx/webshop/build/aiden-embedded.min.js>" async=""></script>

The script 'listens' for clicks on the page. To be specific, it only listens for clicks on elements with a so-called 'data attribute'. When a user clicks on an element with the data attribute data-advisor-id, the script will grab the value of the attribute (which is the identifier of the app) and start the app.

<aside> ⚠️ We recommend placing the Aiden script in the <head> of your website. This ensures that your Aiden apps will always function properly, and will not be affected or overwritten by other scripts on your website.

Using an e-commerce CMS? Check out these instructions on how to add scripts:

Woocommerce

</aside>

Step 2 — Embed the Aiden app

Once the script is implemented, you can add one or multiple Aiden apps anywhere on your website.

  1. Navigate to Embed.