How to Install the Klix Widget on Shopify

#Get Your Widget Embed Code

1. Login to your dashboard..
2. Navigate to your widgets list, and click on the widget you wish to install.
3. On the top right of the widget page, click the button labelled Embed Code.

This will display the HTML code you need to insert into your HTML at the place where you want to display the Klix widget. It will look similar to the code below... (do not use the code below).

<div class="klixEmbed" data-id="widget_id"></div>
<script src="https://goklix.com/api/embed/widget_id/embed.js" async></script>

4. Follow the instructions to copy your widgets unique code to your 📋 clipboard

#How to Create a Shopify Custom HTML Section

A shopify Custom HTML sectio nallows you to enter custom HTML, CSS and JavaScript code into specific sections of your online store.

• From your Shopify admin, navigate to 'Online Store > click on Themes > Customize > Edit code'.
• Click 'Add a new section' under 'Sections' and name it 'Klix Widget'.
• Ensure you select 'Custom section' from the types of sections available.
• Click 'Done'.
• When you have created a Custom content section you will see two fields appear: Content and CSS. In the content field paste your Klix Widget embed code and click 'Save'.
• Now navigate back to the 'Theme Customization' option and open the page you with to add the Klix embed to.
• Click 'Add Section', find your newly created 'Klix Widget' section and hit add to add the HTML to your Shopify store.

#Placing Klix Widgets - Things to Note

• You can display several different widgets on the same page.
• You can display the same widget multiple times on your page.