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

This article walks uConnect admins through embedding iframe content (like Tableau or Monday.com) into their platform by converting it to shortcode via a Custom HTML block, since JavaScript is no longer supported. It also explains that iframe content isn't readable by AI Search by default, and offers two fixes: the built-in AI Search Context field (preferred, where available) or a hidden HTML block workaround for pages like Community or Experiences where that field isn't yet supported.

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.

Good news — there's now a simpler option for most content types. If you're adding your iframe embed to a blog post, resource post, or page, you can use the AI Search Context field instead of the hidden display: none trick below. This field lets you add the same kind of plain-text summary natively, without hand-coding a hidden HTML block — and unlike the manual method, this content isn't retrievable in the page's source code.

If your embed lives somewhere this field isn't available yet (like Community pages or Experiences), use the manual workaround below instead.

The manual workaround (for content types without the field): 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.

A note on this method: this content is visually hidden, but it is still present in the page's raw source code — meaning someone could view the page source and find it. If your summary includes anything sensitive, use the AI Search Context field instead where possible.

Steps:

  • On the same page as your [iframe] embed, add another Custom HTML Block.
  • 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>
  • Publish your page as usual. The hidden text won't appear visually, but it will be indexed by AI Search.

Good to know:

  • The AI Search Context field is available on blog posts, resource posts, and pages. It can be used instead of the "display: none" trick, and content added there isn't retrievable in the page's source code.

  • The manual workaround works for any iframe-embedded content, not just Tableau — Power BI, The AI Work Platform for People & Agents | 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.


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