Skip to main content
All CollectionsPublish Content
Embed iframe code into your platform by converting to shortcode
Embed iframe code into your platform by converting to shortcode

To embed iframe code into your platform, you will need to convert it to shortcode so read on to learn how to do this.

Christina Butler avatar
Written by Christina Butler
Updated over a week ago

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 shortcode.

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.
โ€‹

Did this answer your question?