INSTALLATION — OUTFINDO PRODUCT GUIDE

How does it work

Should I put the code into all my pages?

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.

Which pages to choose?

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

Where to place the guide on the page?

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.

Example of good placement

Can we have our own colors in the guide?

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.

Install by Directly Inserting the Code (Best Option)

This is a good option if you can modify the code of your pages. The guide will load like a breeze.

Step 1: Insert the Main Guide-loading Script

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>

Step 2: Insert a Marker Where to Place the Guide

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.

Back to documentation