Time to embed your fancy new app in the right place on your website!

Choose your embed option


Aiden offers 3 ways to integrate: as a pop-up modal, as a category page app, and as a full page app.

Embedding is easy: simply pick your preferred integration option, then copy and paste the embed code into the HTML of the desired page on your website.

<aside> 💡 Want to know the difference between the embed options?

Discover the ins & outs of each one:

  1. Pop-up modal
  2. In-page app
  3. Full page app

</aside>

  1. Navigate to Integrate.

  2. Select your preferred embed option:

    Screenshot 2021-11-23 at 13.14.16.png

  3. Make the necessary adjustments to the button text or menu bar height.

  4. Copy the embed code:

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/77fe4566-a5d5-4e47-bb07-902b1baacb24/Screenshot_2021-07-19_at_14.32.11.png

  5. Paste the embed code in the relevant part of your website's HTML.

  6. Test, test, test! Does the application show up the way you want it to? How does it look on mobile?

1. Embed as a pop-up modal


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':

Untitled

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: