Via the Code widget or the Code Editor in the project settings, you can add HTML, JavaScript, and CSS code for styles, animation effects, third-party tool integration, and other customizations for your project.
Note: Any third-party scripts will likely require additional coding to make them compatible since Readymag has some very sophisticated mechanisms under its hood. We recommend enlisting a professional web developer to work with Code Injection. Use any custom code at your own risk, and proceed with extreme caution—Readymag support won’t be able to assist with custom code issues.
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
Project code
Paste the custom code you want to execute for the entire project in the <HEAD> section, after opening <BODY>, or before closing </BODY> tags. The project code is applied to all pages.
CSS
Switch to the CSS tab to use any custom style CSS for your project. The CSS code is applied to all pages.
Widget code
If you want to execute code locally within the project—e.g., embed a customized video player or web application on one of your pages—paste your code in the Widget Code section of the Code widget.
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.