Log in Sign Up Free

How can we help you?

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

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 Share window, click on the Embed tab.

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

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.

Here’s an example of how embed code is added to WordPress. WordPress is the most popular open source blogging/website platform.

3
Locate the page you want to add the html code to. Click on the Text tab shown.

Embed Code to WordPress

You then paste the embed code that you copy from Visme.

Embed Code to WordPress

What is the difference between Responsive and Fixed Width?

Responsive is where your Visme project automatically be adjust to the width of the container it is inserted in.

If you set your project to Responsive (which is the default setting) and your website’s container (or column) is 600 pixels, your project will appear like how it is shown below.

Embed Project in Responsive Mode

 

A Fixed Width on the other hand will be exactly the width of your Visme project.

Let’s say your Visme Project is 450 pixels and your website’s container (or column) is 600 pixels,  your project will appear like how it shown below.

Embed Project in Fixed Width

 

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
  • 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
  • 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