This widget supports custom HTML, JavaScript, and CSS code for additional interactive forms, menus, styles, web analytics tools, or any customizations of your page. Click + (W) in the widget bar and select Embed & Code.
Any third-party script will likely require additional coding to function since Readymag utilizes some very sophisticated web mechanisms. We recommend consulting a professional web developer to work with Code Embedding. Use any custom code—especially the Use iFrame switch—at your own risk, and proceed with caution. Readymag support isn’t able to assist with Embed & Code issues.
You can also change standard Animation, Position, and Arrange attributes for your Embed & Code widget.
Custom code on Free and Creator plans
Custom code fully works on the Professional and Custom plans (Code Injection has to be enabled on Custom), as well as in Preview (P) mode on all plans—this way you can test functionality before upgrading.
On the Creator plan, only <iframe>…</ iframe> codes can be added. However, there are several exceptions—on this plan, you can also embed:
- Instagram posts;
- Pinterest boards;
- videos from third-party platforms;
- some external e-commerce services;
- analytics and marketing tools: Google Search Console, Facebook Pixel, Pinterest Pixel, Yandex.Metrika, Yandex Webmaster, and VK Pixel;
- cookie consent tools: Iubenda, CookieBot, and CookieHub.
Note: if you paste an existing <iframe>…</ iframe> code that has any other tags—such as <div> or <script>—they will be ignored on Free and Creator plans, only visible in Preview (P) mode.
Code editor
Double-click the Embed & Code widget to open a code editor, where you can type or paste the plain HTML code. Use Widget Code to run your custom code locally on the page, or switch to Project Code to create an injection for the entire project.
Widget code
This code is executed within the Embed & Code widget only.
Clear widget contents
If you want the custom code to be removed when visitors switch to another page or window, toggle the Clear widget contents control. This option allows you to, for instance, mute an auto-playing video while your project’s browser tab is inactive.
Use iFrame
Custom code may not display correctly in the Editor. Switch to Preview (P) mode on any plan to see if the embedded code works. If your custom code doesn’t appear even in preview, toggle the Use iFrame switch to enclose your injection in an <iframe>…</iframe> tag.
CSS
Switch to CSS if you want to use a specific style.css file for your project. The CSS code will be applied to all pages.