How to use widgets in your page

You can add widget to your web page in 2 ways, one for a specific content which will always open that specific content and dynamic widget which you can control which content should be loaded based on the page url from poltio platform.

So you can use the same snippet to load different widgets based on url.

Specific Content

If you want to use a specific content, you can use it as in the example. Here you need to add the public id of your content to the data-poltio-widget-content parameter.

Widgets need Poltio Tag on the page. Your tag is unique to your account, so you get it ready to use from Poltio Panel: open the sidebar and click Poltio Tag under Resources.

Poltio Tag entry under Resources in the Poltio Panel sidebar

A dialog opens with the tag already filled in with your Account ID. Copy it with the button in the top right corner of the code box and paste it into the <head> section of your page.

Setup Poltio Tag dialog with the ready to copy tag

Then add the widget area wherever you want the widget to appear:

Example Specific Content Widget

<div
  class="poltio-widget-flying"
  data-poltio-widget-content="your-content-public-id"
></div>