How to Embed External Online Content Using HTML in Visme

Are you looking to take your presentations to the next level? Embedding external online content into your Visme projects can create a more engaging and cohesive experience for your audience. Whether you want to showcase a live website, display interactive content, or share important information directly from another platform, using HTML to embed these elements can streamline your presentation process.

In this support article, we’ll walk you through the simple process of embedding content using HTML in Visme. By following these instructions, you’ll learn how to integrate various online resources directly into your projects, allowing you to present everything from videos to web pages without the hassle of switching between tabs. Let’s get started and unlock the potential of your Visme projects with seamless embedding!

Important: Some websites are designed to have blockers on them to allow other sites/visitors to crawl the size or “pick it up” to embed it within another platform or online solution. This is unfortunately something that the Visme platform cannot work around. If you are within a Visme Enterprise plan and you are having challenges with your site embedding into Visme through the instructions below, please connect with your Website Development or IT team to review options to potentially whitelist the Visme domain to allow for embedments, or to adjust other settings within the backend of the website to allow for your site to be embedded.

This feature is only available for Enterprise Plans.

Let’s Dive in:

Open up your project and locate the left-hand sidebar. Then, click the Media tab to move on to the next step.

In the Media tab, look for the Embed Online Content option. Click on it and a pop-up window appears. Then, select HTML from the drop-down menu.

Navigate to the website you want to embed, right-click on the page, and select View Page Source. This will open up a new browser tab with the website’s HTML code. From there, just highlight the code and copy it.

Note: Keep in mind that this method may vary depending on your browser.

Return to the pop-up window, and paste the HTML code into the designated area. Then, click the Insert button to move to the next step.

[tips_block]Note: Once you’ve embedded the website, you can adjust the width and height pixel dimensions to make the embedded view larger or smaller within your project.[/tips_block]

[green_number]5[/green_number][green_number_text]Congratulations, you have successfully embedded your website into your Visme project!

This feature allows users to embed external content, such as Tableau dashboards, directly within Visme projects.

Note: Learn the best way to easily add any URL, website, or iframe widget to your Visme project.[/tips_block]

How to Embed External Online Content Using HTML in Visme

Let’s Dive in:

Visme 101