Step 1 - Add the Aiden script to your website
Go to the Embed section and copy the Aiden script:
<script src="https://app.aiden.cx/webshop/build/aiden-embedded.min.js" async=""></script>
In WooCommerce is het alleen mogelijk om JavaScript in de <head> van je website te plaatsen met behulp van een plug-in of een aangepaste implementatie door een webontwikkelaar.
Door een plug-in te gebruiken en het script in de <head> te plaatsen, wordt het script op één plaats gezet en hoef je het niet meerdere keren te plakken voor elke nieuwe keuzehulp. Als je besluit om een plug-in te gebruiken, raden wij Head & Footer-code aan. Op de volgende plek kun je plug-ins vinden en toevoegen in WooCommerce:
After installing the plug-in, go to 'Tools' or 'Tools' and paste the script into the 'HEAD code' field.
If you prefer not to use a plug-in, you can also paste the script along with the Embed code directly into the desired location on your website.
Step 2 - Add the product finder to your CMS
After you add the script, you need to place the product finder itself in the desired spot(s) on your website.
1. Go to the Embed section.
2. Click on the desired integration:
3. Make necessary adjustments to the button text or menu bar height.
4. Copy the embed code:
5. In WooCommerce, go to the page and content block you want to display the product finder.
6. When you want to paste the embed code into the content block, make sure you select "Text" in the top right corner of the content editor. This will ensure that the embed code is pasted as code!
By using the 'Visual/Text' tabs, you can immediately see the result of your action.
7. If you didn't add the Aiden script via a plug-in, remember to paste it into the same field as the Embed code:
<script src="https://app.aiden.cx/webshop/build/aiden-embedded.min.js" async=""></script>
Step 3 - Publish your page
Publish the page to save your changes and make the product finder available to your customers.