How to Embed a Visme Project on a Website

Embedding a Visme project on your website keeps it interactive and always up to date — any changes you make in Visme appear automatically wherever the project is embedded.

Generating and using the embed code

When your project is ready, click the Share button in the top-right corner of the editor.

In the panel that appears, click Embed, then click Publish.

Choose between Responsive Size and Fixed, then click Copy to copy the embed code.

Tip: Paste the code directly into the HTML of your webpage. Most site builders and CMS platforms support HTML embed snippets. If you’re not sure how to add it, check your website’s documentation or contact your webmaster.

Responsive vs. Fixed — what’s the difference?

Responsive — the project automatically adjusts to the width of the embed container on your page. Recommended for most websites.

Fixed — the project displays at the exact pixel width set in the editor. To change the width, go to the Hamburger Menu in the top-left of the editor and select Resize Project.

What viewers see in the embedded player

Once embedded, viewers can navigate through slides using the forward and backward arrows in the control bar. They can also mute or unmute audio, share the project, or go fullscreen.

To hide the control bar, go to Share → Advanced Settings → Appearance and disable it.

FAQs

Is embedded Visme content SEO-friendly? Yes. The host page — its title, headings, text, and metadata — is fully indexable by search engines. Visme projects are also published as their own public pages, which can be crawled and indexed independently. For best results, include a short text summary near the embed, use clear headings on the host page, and link to the public Visme project URL when it makes sense.

Can search engines read content inside the embed? Search engines primarily evaluate the host page based on its own text and structure. The embedded content is loaded via JavaScript and treated as a separate document. Publishing your Visme project as a public page and linking to it from your host page helps search engines find and index the content.

Does embedding affect page load speed? Visme embeds are designed to load efficiently. Performance can be affected by very large projects, heavy animations, or multiple embeds on the same page. To keep pages fast: limit the number of embeds per page, use lazy loading when your CMS supports it, place embeds below the fold when possible, and avoid embedding very large or complex projects on performance-critical pages.

Can all Visme content types be embedded? Yes — presentations, infographics, documents, forms, and whiteboards can all be embedded.

What’s the difference between embed code and HTML5 export? Embed code loads your project from Visme’s servers. Updates appear automatically wherever it’s embedded. HTML5 export generates a file package you host yourself — giving you full control over hosting and SEO, but requiring a manual re-export and re-upload every time you update the project.

Common issues

The embed isn’t displaying on my website | Make sure the project is published — unpublished projects will not display when embedded. If it’s published and still not showing, check that your CMS supports JavaScript embeds and that no scripts are being blocked.

The embed looks too wide or too narrow | Switch to Fixed size and set the exact width you need, or use Responsive and adjust the width of the container on your website.

I updated my project but the embedded version looks the same | Embed codes update automatically — try clearing your browser cache or the cache on your website. If you’re using an HTML5 export instead of an embed code, you’ll need to re-export and re-upload the files manually.

How to Download Your Visme Project as HTML5 for Offline Use — self-hosted alternative to the embed code.

Advanced Settings: Privacy, Navigation, and Appearance Options — configure who can view your project and how it displays.

How to Share Your Visme Project Online — share via a public link instead of embedding.