How to Install the Klix Widget on a WordPress Website

#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 WordPress 'Custom HTML' block. This block can be found in the WordPress 'Add Block' menu in the 'Widgets' section.

After you have added a 'Custom HTML' block to your content, click inside it and paste the widget embed code you copied earlier.

Click inside the Custom HTML Block and then click 'Preview' on the WordPress toolbar.

You should see the Klix widget appear inside your document!

#Adding a Widget to Your Website Theme (Footer, Sidebar etc)

In recent versions of WordPress, the Custom HTML block is available to use anywhere in your site template that you are allowed to edit. To check what areas of your theme you can adjust, you need to visit 'Appearance > Themes' in your WordPress dashboard and click 'Customize' on your theme.

If your theme supports it, you will be able to edit the template designs of various sections of your blog such as 'Home', 'Archives' and 'Index' pages.

These templates will be opened in the WordPress block editor and allow you to use a 'Custom HTML' block (containing your Klix widget embed code) anywhere you choose.

#Placing Custom HTML Blocks - Things to Note

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