Embed

Being able to embed such things as social media posts or even pages/profiles is a powerful function. It allows you to show off a certain post or page that you might think is relevant to your publication. Your viewer then knows that what they are seeing is real and exists somewhere on the internet.

In order to place your own code or content from external websites directly into your publication, the embed element can be used. In the add panel on the left side of the editor, you can add this element to your canvas. You can then resize the element to fit your embedded content. In the configuration panel on the right side of the editor, you will see three options to choose from.

1. Embed code

Paste your code in the code box. This code box is useful for content that only needs small amount of code. This can be an HTML page with a bit of CSS and javascript.

For example, you want to post a Twitter or Instagram post in your page. On the relevant website, you copy the embed code and paste it in the settings of the panel. Within the placed frame, you can now see the embed visually appearing.

The embed frame is not automatically placed in the correct format. An external embed code is always an iFrame where we have no control over the content. If you want to place a piece of code yourself, it is also possible to paste your code in JS or HTML directly. Note that this is injected directly onto the page, which can therefore result in conflicts with Maglr's own code. Pay attention to what you do, as we can not guarantee the success of this.

2. External page (URL)

Do you have a form on an external website that you want to use in your publication? Then embedding a link is the easiest method. Enter the HTTPS link of the page you want to embed. Then you place the frame in the correct format.

Note: this is only possible with https links.

3. File on server

Select a folder from the select box. The best option for embeds consisting of multiple files and/or big files. The files must be uploaded through FTP and you can select them from the select box. Contact us if you want to use this option so we can create an FTP account for you.

To upload your own content, such as HTML & JavaScript content, you can use separate FTP access. We use an external FTP client because the amount of files together with the structure of the folders is in many cases decisive for the operation of a page.

This makes it easy to maintain more complex forms with separate assets. With an FTP client of your choice, you connect to the Maglr server. In the root, it is possible to create a folder inside the standard /upload/ folder. When switching back to the Maglr Pro editor, you can then choose this folder in the settings drop-down menu. The embed option then looks for an index.html inside this folder. You determine the content structure of this folder yourself if the index.html is only on the root level. 

Note: this option is made for simple static forms or calculation tools. It is not possible to work with PHP or MySQL databases. If you want to use PHP/Databases, we recommend the second option. If you update content via the FTP you will see this directly in your publication. Note that an iFrame (where the embedded content is loaded) sometimes suffers from browser cache. Sometimes you have to reload twice to see the updated content. To use the FTP option you can request access through Maglr support.

Make your embed interact with Maglr elements

If you use animations in your embedded code, there are ways to start or stop these animations based on Maglr events. For more information check out the Maglr JS Embed API.

Updated on: 08/02/2023