NOTE
The embedding option has no effect on the functions of the tool and depends on your preferences. If you want to filter subpages you should opt for the page source embedding. If you have no further restrictions and are using the Google Tag Manager this might be the most convenient way for you.
Embedding in page source
To embed the tool in your page source follow the steps below.
1. Define the pages where you want to place the tool on your website. If you wish to place the tool only on selected subpages (e.g. because only some pages of your website are relevant for kitchen), look at "Selective embedding on subpages" first.
2. Copy your personal code snippet on your website. This code will be sent to you by email. Place it anywhere between the tags in the respective pages or in your main site template. It looks exemplary like this:
<body>
...
<script type="text/javascript" src=“
https://storage.googleapis.com/conversional/bundle.js"
async> </script>
<div id="questionnaire" dataversion="2.0" data-qid="7"
datakey=“xxxxxxxxxxxxxxxxxxEXAMPLExxxxxxxxxxxxxxxxxxx">
</div>
...
</body>
Embedding using Google Tag Manager
To embed the tool through your Google Tag Manager follow the steps below.
1. Open Google Tag Manager.
2. Create a new tag with the type "Custom HTML" and insert the Conversional Snippet as HTML value
New tag: When you create a new tag, you specify the type
and trigger. You can name the tag "Conversional
Snippet".
Tag type: Select "Custom HTML" as the tag type.
3. Add a trigger to the tag (usually on all pages)
Add trigger: Below the configuration mask you can define a
trigger.
Selective embedding on subpages
You can either place the tool on every page of your website or chose on which subpages you want to integrate the tool.
Instead of copying the code snippet into every single page code you can use a filter system to select the pages where you want the tool to appear.
Please contact our support for further details.
Defining Call to Action
You can turn any element on your page into an interactive
button that can be used to open the tool.
You don't need
links or other references to do that.
Just add class="rt-stylecheck" to the HTML element you want to use as a button.
<!-- Element without Call to Action -->
<button>
<!-- Element as interactive button -->
<button class="rt-stylecheck">
As a second option you can create a direct link by adding "?openWidget" at the end of the current URL.