Skip to content
  • There are no suggestions because the search field is empty.

Embed iframe code into your platform by converting to short code

To embed iframe code into your platform, you will need to convert it to shortcode

For various tools such as Tableau, Monday.com, etc. you may want to embed this content into your uConnect platform to appear in an interactive way on a page. You can do this anywhere in your uConnect platform that has the WordPress Block Editor enabled, such as in Community pages, Pages, Resources, Blogs, and Experiences.

Let's use Tableau data as an example. You would need to get the Tableau HTML into an iframe code and then convert this to a short code.

Important: We no longer support JavaScript code so please use HTML instead.

Here are the steps to convert your iframe code to shortcode:

    1. Create a new page under Publish>Pages

    2. From the Block Editor content library (black plus + sign), search for "Custom HTML Block" and that to your page

    3. Add the iframe code into the Custom HTML block on the page

    4. Remove the </iframe>

    5. Change the <iframe to [iframe at the start of the code

    6. Change the final > to ] at the end of the code

    See the below screenshot of what it should look like when you add it. It will only preview on the front-end, not in the Block Editor. 

Note: Sometimes, Tableau requires you to list where you plan to embed so they can "allow" it. If you are seeing a "refused to connect" error, this oftentimes means you need to connect with your administrator to allow embedding on your uConnect platform.

Caution: Be sure to grab the full link from your Tableau public account, and then don’t miss the “?:” (question mark). You need to have at the end of it before the language code.