Embedding the widget on your page

You have two possibilities to integrate the Conversional widget on your page: either by pasting the code in your page source or by using the Google Tag Manager.

bulb

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

embed New tag: When you create a new tag, you specify the type and trigger. You can name the tag "Conversional Snippet".
embed Tag type: Select "Custom HTML" as the tag type.

3. Add a trigger to the tag (usually on all pages)

embed 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.