Publishing the selling guide

Once you’re happy with the selling guide, you can publish it to your website. In the Publish section, hit the Publish button (left navigation). Publishing the selling guide to your website requires you to: 

1. Add a script to your website. The script takes care of loading Qonfi on your website.
2. Add a HTML element to your website. The HTML element determines where your selling guide will be displayed on a web page.

1. Adding the Qonfi script to your website

You can add the Qonfi script using Google Tag Manager or by implementing the script directly on your website without a tag manager.

Adding the Qonfi script using Google Tag Manager

1. Click on the Publish section (left column) in Qonfi.
2. Click on ‘create your first publication’. 
3. Copy the script at step 1: <script src="https://platform.getqonfi.com/build-wizard/wizard.js"></script>
4. Log in to Google Tag Manager and head to the account which represents the website you want to add your selling guide to. 
5. Within Google Tag Manager > click on ‘Tags’ (left navigation). 
6. Click on ‘New’ to add a new tag and give your new tag a name (e.g. ‘Qonfi guided selling’).
7. Click on ‘Tag configuration’ and find and click on ‘Custom HTML’ .
8. Paste the copied script (step 3).
9. Click on 'Triggering' and select 'All pages'.
10. Click Save.

Adding the Qonfi script directly

If you don't use Google Tag Manager, you can also choose to directly add the script to your website. Depending on what CMS you use, you can do this in your CMS or you can ask your developer to directly add it in the code. 

Regardless of what option you choose you have to add the following script right before the closing </body> tag on your web page: <script src="https://platform.getqonfi.com/build-wizard/wizard.js"></script>

2. Adding the Qonfi HTML element to your website

Once you have added the Qonfi script, the last thing you need to do is to add the Qonfi HTML element to your website. The Qonfi HTML element determines where your selling guide will be displayed on a web page. You can add the Qonfi HTML element using a CMS like WordPress or you can implement the Qonfi HTML element directly in the website code.

Adding the Qonfi HTML element using a CMS like WordPress

Many content management systems (for example WordPress) allow you to add custom HTML on your web page. Most times you can also add a custom HTML block if you use a page builder plugin. For example WPBakery. 

You can add the HTML element with the following steps: 

1. Click on the 'Publish' section (left navigation) in Qonfi. 
2. Click on 'create your first publication'.
3. Copy the script at step 2: <div data-qonfi-uuid="XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX" data-qonfi-resize style="min-height: 400px;"></div>
4. Paste the copied script in the HTML block of your CMS or page builder plugin as shown in the example below. 

Adding the Qonfi HTML element directly in code

Sometimes you don't have access to a CMS or your CMS doesn't support custom HTML code/blocks. If this is the case, please ask your developer to add the HTML element for you. In this case, share the Qonfi HTML element code with your developer. You can find the code with the following steps: 

1. Click on the 'Publish' section (left navigation) in Qonfi. 
2. Click on 'create your first publication'.
3. Copy the script at step 2: <div data-qonfi-uuid="XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX" data-qonfi-resize style="min-height: 400px;"></div>

Awesome! If you followed all the steps, your selling guide should now be visible on your website. Only when you publish the configuration, the changes you made are visible to your visitors. This way, you can go ahead and edit your configuration and only show the changes to your visitors once you're happy with the changes you made.