How to Install the Klix Widget on Google Sites

#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

#Adding a Widget to Your Article Content

You may add a Klix widget inside the body of any article by using the Google Sites 'Embed' tool. This block can be found at the top of the Insert menu on the sidebar.

After opening the Embed tool a popup will appear asking you to enter the details of your 'Embed'.

Click on the 'Embed Code' tab.

Paste your Klix Widget Embed code from above into the textbox.

You should see an immediate preview of the widget in the popup window.

Click 'Insert' to insert this into your Google Site.

Once your embed is inserted into your Google site you can position it anywhere you choose by simply dragging and dropping it.

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

#Fonts and Style

Google sites does not supply page level 'styles' which can be inherited by the Klix embed. This means in order to customize the Font, Colors and other attributes of Klix embeds on Google Sites you must use custom CSS.