Hello, how can we help you?
Menu +

Embed (insert) 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.

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

embed to a site or blog

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

copy code

Tip:
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:

3
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

4
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

5
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:

embed_visme-fixed-size

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:

embed_visme-responsive

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

NOTE: 
Some platforms or hosts do not support embeds of third party codes or pose limitations.  For example WordPress websites hosted on WordPress.com pose such restrictions.
Back to home
Home
Publish & Download
  • The Basics
  • Getting Started
  • Common Questions & Answers
  • Creating & Editing 101
  • Publish & Download
  • Account & Plans
  • Project Types
  • Presentations
  • Infographics
  • Graphics for Social Media
  • Graphics for Website & Ads
  • 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
  • Working as a team
  • Analytic Tools & Insights
  • Tips & Tricks
  • Productivity Tools

Didn't find the answer to your question? Contact us using the form below: