This feature is available on paid plans, excluding legacy plans (Creator and some custom plans).
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
Custom code fully works on paid plans, as well as in Preview (P) mode on Free—this way you can test functionality before upgrading.
On the Free plan, only <iframe>…</ iframe> codes can be added.
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 only visible in Preview (P) mode.
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.
Switch to the CSS tab to use any custom CSS script for your project. The CSS code is applied to all pages.
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.
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.
Custom code tutorials
- Accordion menu
- Blending modes
- Gradient for text background
- Change variable fonts on hover