The guide has a setting to choose on which pages it loads. So if your only option is to put the code on all your pages, you don't have to worry about it, the guide will only load on the ones where you want it.
Still, if you have the option to only put the code on selected pages, it's probably better to save some bandwidth where the guide is not needed.
From our experience, the guide performs best when places directly into the main customer journey, where people engage in product selection.
On a typical e-commerce site, this would be your product category page.
The guide will run anywhere you put it. But if you put in on a separate "help" page, chances are fewer people will engage with it and it will bring you less value than it could.
Learn more about guide placement
We recommend placing it above the product listings. It should primarily serve visitors who need help with their selection. Therefore, it makes sense to offer them advice even before they start browsing through the product listings and filters.
Yes. We can modify things such as colors or fonts to better fit the Guide into your website. We handle all modifications for you. If you have any requests on how to customize the appearance, please let us know.
This is a good option if you can modify the code of your pages. The guide will load like a brezze.
Please insert this code into the header of your page, i.e. into the <head> element:
<script src="https://embed.outfindo.com/guide/embed.js"></script>
Insert this code into your page where you want to have our guide:
<div id="outfindo-catalog-guide"></div>
That's it, you're all set.
If you cannot access your code directly, you can deploy our script by simply publishing it with Google Tag Manager.
Add this code into a custom code tag:
<script src="https://embed.outfindo.com/guide/embed.js"></script>
Trigger the tag on the pages where the guide should load. Or, if you don't have such option, trigger the tag on all pages - the guide has a setting for which pages it should load on.
We have added the main script. Now we need to mark the place where the guise should load on the page.
If you cannot edit the code of your website, you can do this by simply adding this line of code into the same tag you have created in the previous step:
<script src="https://embed.outfindo.com/script/insert-guide-placeholder.js"></script>
When this is done, we will set up the exact place on the page where the guide will load. Currently, we do this on our side so you don't have to worry about it, your part is done here.
If you can edit your code and want to place the marker directly on your own, just add this line where you want the guide to load:
<div id="outfindo-catalog-guide"></div>
That's all.
