Embed iframe code into your platform by converting to short code

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:

Create a new page under Publish>Pages
From the Block Editor content library (black plus + sign), search for "Custom HTML Block" and that to your page
Add the iframe code into the Custom HTML block on the page
Remove the
Change the [&lt;/b&gt;iframe at the start of the code&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p class="no-margin"&gt;Change the final &gt; to ] at the end of the code&lt;/p&gt;&lt;/li&gt;&lt;/ol&gt;&lt;p class="no-margin"&gt;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.&lt;/p&gt;&lt;p class="no-margin"&gt;&lt;/p&gt; &lt;div class="intercom-container"&gt;&lt;img src="https://downloads.intercomcdn.com/i/o/1145595021/92ea5a077059a49038dce4da/iframe+screenshot.png?expires=1772046000&amp;signature=7b502fc13112105b99a515b57f955f3d9577b3c2d436539cca1ab3580a0c40dc&amp;req=dSEjE8x3mIFdWPMW1HO4zSFToDH2HY7qhtktF8YtlW9ndObZnAlfJtPWUgsk%0AozOA%0A"/&gt;&lt;/div&gt;&lt;p class="no-margin"&gt;&lt;/p&gt; &lt;p class="no-margin"&gt;&lt;b&gt;Note: &lt;/b&gt;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. &lt;br/&gt;&lt;/p&gt;