Basic integration

Insert an HTML block with the following content where you want to place the iFrame:

<div id="sentiyen-iframe-wrapper" data-id="CHANNEL_ID"></div>
<script defer type="text/javascript" src="<https://www.sentiyen.com/embed/embed.js>"></script>

Here’s a demo.

Changing width

To adjust the width of the embed, you have a couple of options:

1. Set the max-width directly in the style of the div:

   <div id="sentiyen-iframe-wrapper" data-id="CHANNEL_ID" style="max-width: 80%"></div>
   

2. Use an existing Wordpress class, such as alignwide:

   <div id="sentiyen-iframe-wrapper" data-id="CHANNEL_ID" class="alignwide"></div>
   

Changing height

To adjust the initial iFrame height, you can use the style param:

<div id="sentiyen-iframe-wrapper" data-id="CHANNEL_ID" style="height: 700px"></div>

Integrating into search

You can have the AI automatically trigger use messaged based on the search parameters by repurposing the s parameter that WordPress uses for search. To do so, add a data-q-param attribute to the iframe div, such as:

<div id="sentiyen-iframe-wrapper" data-id="CHANNEL_ID" data-q-param="s"></div>

Example here.