MAGLR BLOG / 10 September 2021

Update: new variants to embed Maglr publications and microcontent

Maglr embed variants

The Maglr platform offers extensive possibilities to embed a publication within an external website, similar in how you embed a Youtube video. The method of embedding a Maglr publication within a website depends entirely on the type of page and the purpose of the content. With this update, we’ll explain what embed options you have and when to use them.

Example of a HTML single page inject embed
Example of a HTML single page inject embed

Snackable content for in and around your website

With Maglr you create snackable content, without having to write a single line of code. An advantage of embedding Maglr content is that you can transfer your story to any other website, in a visually appealing and bite-sized format. From our platform, you can easily create an embed code and copy and paste it directly on a website through its CMS. Supercharge your content across all of your customer interactions.

Choosing the right embed type 

There are several ways to embed a Maglr project. Whether you like to embed a complete publication or a single page on another website, you first need to create the right embed code. Via you create the embed code inside the dashboard, you can choose from various embed types, in combination with the correct ratio, to fill in the desired space on your website:

  • Automatic format is an iframe that adapts the chosen desktop ratio and automatically switches to mobile format. 

  • Fixed format is where you manually determine the width and height through the iframe code. This embed type won’t automatically switch to mobile view. 

  • Fullscreen layover places a customisable preview banner on a website. After clicking the banner, a fullscreen Maglr page will visually open on top of the current web page. 

  • HTML Inject is an embed variant where a page or publication is injected and becomes part of the rest of the website. This embed type is ideal for search engine optimisation. Also, scroll animation performances run more smoothly on this page. 

Example of a fullscreen layover embed on a webpage
Example of a fullscreen layover embed on a webpage

Embed ratio options

With the automatic format embed type, you configure the width or height ratios the embed should have on a web page. This way the embed type can adapt to the correct space on a page, without losing its responsive design.

  • Proportional; Both height and with scales proportionally to the page size ratio. 

  • Variable width; Width expands, but height can't get larger than the original page height. 

  • Original format; Height and width never exceed the original page dimensions.

Example of a fixed format embed
Example of a fixed format embed

With or without navigation interface 

Embeds from Maglr can be displayed with or without the surrounding navigation interface, which allows you to browse through publications. Another option is to minimize the interface in its design, displaying only the slider buttons to navigate with.

To learn more about all the embed functionalities in our Maglr platform, please visit the Help Center. 

Start your first publication

Request trial

I would like to

Request a trial account

Want to discover if Maglr suits the needs of your organization? Let us know how you would like to use Maglr by filling out this form. We will create a demo environment for you. With this 14-day trial period, you are able to try out all the features of our platform.

Plan a meeting for an online demonstration

Curious about all the details? We will be happy to show you everything. Through a Skype session or appointment on location we go through all the possibilities and show you how to set up a publication with both editors.

Design by Maglr Studio

No expertise to create interactive content yourself? Our own designers are happy to help you. Many of the examples on this website have been devised, designed and developed by our internal Studio. Indicate what you are looking for and we will contact you.