This feature is available on paid plans, excluding legacy plans (Creator and some custom plans).
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.
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 custom code. Insert it 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.
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 CSS script 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.