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.
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.
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.
4
Paste the embed code from Visme to the editor in the location you want to insert it.(as shown below)
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)
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.
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.
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.
Publish & Download
- The Basics
- Getting Started
- What can I create with Visme?
- Who uses Visme?
- Sharing and Publishing my Visme
- How to create a new Project
- Common Questions & Answers
- FAQ’s – Using Visme
- FAQ’s – Account Management
- FAQ’s – Design Tips and Questions
- FAQ’s – Preview and Rendering Issues
- FAQ’s – Downloading and Publishing Projects
- Why does text in my design download incorrectly?
- What happens if I cancel my Premium account?
- How to Renew your Complete Visme Account
- Creating & Editing 101
- How to create a new Project
- Saving your Visme Projects
- How can I delete a Project?
- Importing Powerpoint Projects into Visme
- Publish & Download
- Account & Plans
- Where can I manage my profile?
- Where can I view my Payment History and Receipts?
- How can I upgrade my account?
- How can I manage my subscription settings?
- Project Types
- Presentations
- Presentations 101
- Creating and managing slides
- Creating Slide Transitions
- Using the Slide Library
- Publish or Download a Presentation in Visme
- Using Presentation Notes
- Infographics
- Graphics for Social Media
- Graphics for Website & Ads
- Designing & Editing
- Text & Text Widgets
- Shapes & Icons
- Searching for shapes and Icons
- Adding and removing shapes and lines
- Format Shapes
- Format Lines
- How to Change Object Colors
- Photos
- Searching for Photos
- Uploading photos
- Cropping or resizing photos
- Framing photos
- Organizing photos using Media Library
- Uploading Images to Media Manager
- Charts & Widgets
- Video
- Tables
- Audio & Music
- Uploading and Inserting Audio
- How to Record Audio Voice Over
- Customizing audio settings
- Adding background music
- Using the Audio Library
- External Content (i-frames)
- Backgrounds
- Animation
- Make content Interactive
- Interactivity 101
- Link to website, email or social media
- Link to another slide
- Create pop-ups and rollovers
- Grides & Guides
- Working as a team
- Analytic Tools & Insights
- Tips & Tricks
- Tips for using background images
- Locking and unlocking objects
- Hiding control bar on published projects
- Grouping Objects
- Productivity Tools
