How can we help you?

Popular Topics : The Basics, Tips & Tricks , and Designing & Editing

Menu +

Embed a Visme to your own website or blog

A Visme can be easily embedded to any website or blog.  The process is very similar to how one embeds other third party objects such as from Youtube.

 From Publish window, click on the Embed to a site or Blog tab.

embed to a site or blog

Copy the HTML code (also called “embed code”) and then paste to your website or blog.

copy code

You need to insert this into the HTML code of your website.  Nearly all site builders, and CMS (Content management systems) have the ability to insert HTML code snippets to web pages.    If you are not sure how to insert this, refer to your website’s documentation or contact your webmaster / web designer for assistance.

For example, if your content management system is WordPress (currently the most popular CMS) here’s how you can embed to your site:

Login to your WordPress admin area, and find the post you want to insert the content to.   Then switch to the Text mode located on top right of your editor as shown below.

Screen Shot 2014-12-28 at 10.57.55 AM

Paste the embed code from Visme to the editor in the location you want to insert it.(as shown below)

Screen Shot 2014-12-28 at 11.01.54 AM

Switch back to Visual tab and you can see the area occupied by the Visme project. (You will need to Preview/Publish your project on WordPress to view the project)

Screen Shot 2014-12-28 at 11.02.05 AM

What is the difference between Responsive and Fixed Width?

Responsive is where your visme will automatically adjust to the width of the the container it is inserted in.  On the other hand a Fixed width will be exactly the width of the Visme project.

For example if your Visme is 450 pixels and your website’s container (or column) it is inserted onto is 600 pixels;  your project will appear this way:


And if you set your Visme to Responsive (which is the default setting) and your website’s container (or column) it is inserted onto is 600 pixels;  your project will appear this way:


Want to learn other ways to use Visme online?  Visit this topic to learn various methods to publish for the web.

Some platforms or hosts do not support embeds of third party codes or pose limitations.  For example WordPress websites hosted on pose such restrictions.

Was this helpful?

Click on a thumb to rate it!

Back to home
Publish & Download
  • The Basics
  • Getting Started
  • Common Questions & Answers
  • Creating & Editing 101
  • Publish & Download
  • Account & Plans
  • For Print
  • Project Types
  • Presentations
  • Infographics
  • Reports and Ebooks
  • Printables
  • Web Graphics
  • Social Graphics
  • Designing & Editing
  • Text & Text Widgets
  • Shapes & Icons
  • Photos
  • Charts & Widgets
  • Video
  • Tables
  • Audio & Music
  • External Content (i-frames)
  • Backgrounds
  • Animation
  • Make content Interactive
  • Grides & Guides
  • Content Blocks
  • Collaboration and Team Features
  • My Brand
  • Workspaces
  • Apps and Integrations
  • Analytic Tools & Insights
  • Tips & Tricks
  • Productivity Tools
Visme 101

Learn how Visme will change the way you create stunning content.

Reserve your seat
  • Live Q&A
  • New Features
  • Cool Tips