All product finders use a 'style template' where you can precisely set how the product finder will look.
Create a new style template
Follow these five steps to create a new style template.
1. In the menu on the left, choose Look & Feel
Here you can see an overview of all style templates, with a list of your product finders at the bottom of the page, and which style template is used for each product finder.
2. To create a new style template, click on New Template in the top right corner
Here you can see the settings for colors and fonts on the left side.
On the right side, you'll see a preview of your product finder with sample texts and images. With every adjustment you make, you'll immediately see how it looks in the product finder on the right side.
Use the buttons at the top to switch between different pages.
3. On the left side, you can now start setting up your style template
💡 Tip: give your style template a good name first, so you can easily find it again later!
Colors
Background color:
Used for the background (behind the content pages). Make it extra beautiful by choosing the same background color as you use on your website for an in-page integration.
Text color:
Used for titles, questions, and the price on the advice page.
Primary color:
Used for main actions, such as the start button or the call-to-action buttons on your product cards.
Highlight color:
Used for elements such as the progress bar.
Fonts
The Header font is used for page titles and Text font is used for all other texts.
Corner rounding
Here you can indicate whether you want to use rounded corners for your buttons and answer options.
5. Click on Create template to create a new template
You now see a much more extensive template appear. We have already filled this in for you. Satisfied? Then the template is ready to be connected to your product finders!
💡 Good to know: Based on your preferences, we have already filled in the more extensive style template for you. But you can adjust this yourself! Want a different background color for the product cards in the advice, or a different font on your start page? Feel free to experiment!
Connecting your style template to your product finder
Choose Look & Feel in the menu on the left to return to the style template overview.
Your new style template has now been added to the overview. At the bottom of the page, you'll see a list of your product finders and which style template each product finder is connected to.
To connect your new template to your product finder, select the product finder. Then choose a style template, and click on Change to connect your new style template.
Publishing style templates
Every change you make is automatically saved. To actually see the result of your changes in your product finder, you need to publish the style template.
In the template overview, you can see when the last change was made and if there are any changes that still need to be published.
Click Publish to publish your changes.
💡 Good to know: You don't need to separately publish your product finder to see the changes in your style template.
Your fancy new style template is now visible to everyone!