Submit a Ticket

Loading support form...
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

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 add 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 at the start of the code to [iframe
  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 don't miss the "?:" (question mark). You need to have this at the end of it, before the language code.

 

Make your iframe content searchable in AI Search

Content displayed inside an [iframe] shortcode (like Tableau, Power BI, or Monday.com embeds) is not currently readable by AI Search, since AI Search can't "see" inside embedded/iframe content. This means visitors using AI Search won't find results that live only inside an embed — even if the embed is front and center on the page.

The workaround: You can add a second, hidden Custom HTML block on the same page containing a plain-text summary of the embed's content. This hidden block won't be visible to visitors, but AI Search can read it, making the page discoverable in AI Search results.

Steps:

  1. On the same page as your [iframe] embed, add another Custom HTML Block.
  2. Add your summary content wrapped in a hidden <div>, like this: 
    <div style="display: none;">   Add a plain-text summary of your embed's content here. For example, key   takeaways, labels, categories, or data points a visitor might search for. </div>
  3. Publish your page as usual. The hidden text won't appear visually, but it will be indexed by AI Search.

Good to know:

  • This works for any iframe-embedded content, not just Tableau — Power BI, Monday.com, and similar tools all apply.
  • The hidden content doesn't need to be formatted or "look nice" — since it's hidden, plain text is all you need.
  • This is a manual, interim solution. uConnect is building a dedicated block to streamline this process (no hand-coding required) — we'll update this article once that ships.

Have questions on what to include in your hidden summary? Reach out to our support team!