To add the embed:

  1. Insert a Container element where you want to place the iFrame.

    1. Select the element and go to Settings in the Inspector panel on the right.

    2. Set the ID of the element to sentiyen-iframe-wrapper

    3. Add a custom attribute

      1. Name: data-id
      2. Value: CHANNEL_ID (to be provided by Sentiyen)

      Untitled

  2. Go to page settings and add Sentiyen script to Custom Code. (Requires Webflow hosting plan)

    1. Insert the following code in the Custom Code’s “Inside <head> tag”: <script defer type="text/javascript" src="[<https://www.sentiyen.com/embed/embed.js>](<https://www.sentiyen.com/embed/embed.js>)"></script>

    Untitled

Here’s a demo.

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>

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

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

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>