Readymag Guide
Did you meanShowing results for {{correction}}?
Nothing found for {{query}}
{{post.parent_title != '' ? ' • ' + post.parent_title : ''}}
Need help? Contact Readymag support
{{post.parent_title != '' ? ' • ' + post.parent_title : ''}}
Show {{results.length - SHORT_LIMIT}} more results

Project Settings and Publishing#

Click Project Settings beside your project’s title to access General, Privacy, Domain, and Viewer attributes. 

Publish and update#

Publishing a project takes just one click. Once you’ve published your project, you will have a direct URL, as well as Facebook, Twitter, and Email buttons for a quick sharing. Click Unpublish to hide your project from the visitors.

The public version of your project is separated from the one you can edit. If you update the published project, it will have Unpublished Changes status in the Project Menu (M). To show updated version to your visitors, click Republish button in Project Settings.


Hint: publish (republish) button is also available in Preview (P) mode.

Project transfer#

We can transfer projects between accounts by request. Send us the following information to support@readymag.com:

  1. Make sure that both accounts are on equal pricing plans, or else that the Destination Account is on a higher tier plan.
  2. Send us a request from the email of the Origin Account with the following information:
    • the ID of the project you would like to transfer (e.g. 1003912);
    • the email address of the Destination Account.
  3. If the project requires custom fonts you will have to upload them again once the transfer is complete. We strongly recommend creating all font styles beforehand.

Code injection#

Click Code Embedding on the General tab in your Project Settings to open a code editor, where you can type in or paste a custom HTML, JavaScript, and CSS code for additional interactive forms, menus, styles, animation effects, and other customizations of your project.

Note! Any third-party script will likely require additional coding to make it work since Readymag has some very sophisticated mechanisms under the hood. We recommend inviting a professional web developer to work with  Code Embedding. Use any custom code at your own risk, and proceed with extreme caution — Readymag support won’t be able to assist you with Project Code issues.

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.

CSS#

Switch to CSS tab to use an custom styles CSS for your project. The CSS code is applied to all pages. Please note, custom code fully works on the Professional and Enterprise plans, as well as in Preview (P) mode on all plans — this way you can test the functionality before upgrading.

If you want to execute your code locally within the project, e.g. to embed a customized video player or web application on one of the pages, use Widget Code in Embed & Code widget.

Google Tag Manager#

Create and manage custom Google Tag Manager tags in your project: remarketing and conversion tracking, chat applications, and so on. Paste your container ID, which looks like GTM-XXXXXX, on Domain tab of your Project Settings:

Please note, Google Tag Manager feature is only available if you are using a custom domain name for the project.

Read more about setting up GTM account on Google Help.

Privacy settings#

Click Privacy tab in your Project Settings to change these attributes.

Password Protection#

Create a password to make your project completely private. It won’t be indexed by search engines and social networks, while any visitor with a direct URL will be prompted to enter the password to view your project. This way you can try it out on a limited audience before going public.

Click Password Protection switch, type in the desired combination, and press Save.

Search engine optimization#

Turn this switch off to prevent search engines from indexing your project. It will not appear in search results.

Show this project on my profile page#

Turn this switch off to hide the project from your Readymag public profile page. It will be accessible through a direct URL and visible in search results.

Custom domain name#

You can map a custom domain to profile as well as to any of your projects.

Before you start#

  1. Purchase a new domain.
  2. If you already own a domain name, make sure you have full access to DNS settings in your domain’s administrative console.

More about DNS#

In order to change DNS settings, you need to have name servers (NS) assigned to your domain. In most cases, you can simply use the default name servers provided by your domain registrar.

Your provider must offer full DNS access in order to map a custom domain to Readymag. You can transfer the purchased domain from the initial registrar to any other domain provider if necessary.

Step 1: Configure domain name#

Connect an existing domain to Readymag#

  1. Find DNS settings in the administrative panel of your domain provider.
  2. Create DNS records for each domain name that you want to use with Readymag.

Second-level domain name: yourdomain.com

Host Type Point To (Value)
@ A 54.194.41.141

Subdomain: www.yourdomain.com

Host Type Point To (Value)
www CNAME domains.readymag.com

In the Host field for a subdomain record, you need to specify the part of the domain name before the second dot from the end, e.g.

  • if the subdomain name is bar.yourdomain.com, type in ‘bar’;
  • if the subdomain name is foo.bar.yourdomain.com, enter ‘foo.bar’ in this field.

Depending on the provider, you may already have some existing A records for your domain. Make sure there is only one record with A Type and @ Host matching the values above left.

If you have any email service connected to your custom domain, such as G Suite and Yandex.Connect, make sure not to delete any MX records associated with it.

Purchase a ready-to-use domain#

Visit ‘I Want My Name’ domain service to purchase a domain name that already has A record set for Readymag. After that, you can proceed to Step 2.

Step 2: Wait and test#

If all DNS records are entered correctly, your domain will be connected to Readymag servers within a couple hours. This process may take up to 72 hours. Check here for progress at any time.

Once the domain is correctly linked, you will be able to use it on Readymag – proceed to Step 3. Otherwise, check DNS settings again or contact your domain provider’s support.

Step 3: Map domain#

To a profile page To a project
Open your Readymag profile, click Edit Profile button, and select Domain (link to profile). Open your Project Settings and click Domain tab.

Type in your domain name and press Test. If the domain is configured correctly, Map Now button will appear. Click it to complete the process, or return to the previous steps to change your domain’s A Record.

Mapping a domain with www.domain alias#

It is recommended to create an additional CNAME record for a www subdomain when you’re mapping a custom domain name to Readymag, as illustrated in the Step 1. This way, if your visitor opens a browser and types in https://yourdomain.com without ‘www,’ it will still resolve to the right server for your project.

SSL certificate#

SSL Certificate provides privacy, critical security and data integrity for both your projects and your users’ personal information. Having an SSL certificate installed on your project positively affect its credibility and search engine rankings. Trusted indicators for a correctly installed and configured SSL certificate should be https:// in the address bar. Actually, https is the secure version of http, which is the protocol over which data is sent between a browser and a website. The ‘s’ at the end of https stands for ‘secure’ which means all exchanges of information between the browser and the site are encrypted.

Certification Authority Authorization (CAA)#

SSL certificates for domains are issued by Let’s Encrypt. If you restrict the list of organizations that can issue a certificate for your custom domain, you need to add letsencrypt.org to the list of Certificate Authorities (CAs). 

Example: example.org. CAA 1 issue “letsencrypt.org”

To enable an SSL Certificate please follow these steps#

  1. Click on Domain tab in your Project Settings and make sure you have a mapped custom domain name.
  2. Toggle SSL switch. Wait a little.
  3. Your account or project and all the links inside will be automatically switched from http to https.

Please note, there are some limitations:

  • if you decide to migrate back from https to http, then you have to rewrite all links manually;
  • if you use links inside <iframe> make sure that they have the same protocol as your domain;
  • in some countries, https is slow due to local limitations.

Viewer and Navigation#

Click on Viewer tab in your Project Settings to change the appearance of the project. These attributes are applied globally to all pages.

Scalable layout (beta)#

Click Scale Layoutβ to automatically scale the content within the dotted frame to the width of your visitor’s browser window. This attribute applies only to the desktop layout. Please remember, the feature is still in development.

Default navigation elements#

You can hide any standard interface elements:

  • Navigation arrows. Hiding arrows also disable turning pages with the continuous scroll in Horizontal scrolling mode.
  • Menu button in the top right corner of the page
  • Project info 
  • Share button
  • Page Counter
  • Endpage — a default pop-up panel with social buttons that appears after the last page. You can disable the end page, show only project info, or add Readymag promo and your latest projects.

Slide-in transition#

This attribute allows the next page of your project to appear on top of the current one. 

Note! Slide-in transition option may slow down projects with heavy animation.

Sharing#

Open your page Settings. You can change these attributes individually for every page. 

SEO#

  • Title. Specify the <title> tag of your page.
  • Description. For the <meta name=”description”> tag.
  • Keywords. A list of keywords, separated by the comma, in the <meta name=”keywords”> tag.
  • Link. Direct URL that you can change to a specific page.

Sharing#

Add Open Graph tags to specify how your page will appear shared in a post on Facebook, Twitter, LinkedIn, Pinterest, and other social media platforms that support OG.

Click Customize to change default parameters:

  • Image. Upload an image to appear in the link preview instead of the autogenerated page miniature.
  • Title. Specify the <meta property=”og:title”> tag for your page.
  • Description. For the <meta property=”og:description”> tag.
  • Tweet Message. Pre-composed text for Twitter widget and standard Readymag sharing buttons.

Use these settings for all pages — allows you to automatically specify the same Open Graph meta tags for every page.

Facebook may not update your meta information immediately after you change it in the Editor. Use Object Debugger to notify of Facebook the changes in your Open Graph tags. 

Collect data#

Google Analytics#

Readymag has a built-in analytics tool, so you simply need to specify a unique tracking ID in your project’s or profile settings. The Tracking ID is a string like UA-000000-2, used by Google Analytics to send all collected data to your account and property.

Read how to Find your tracking ID in Google Help.

Option 1: Connect your profile#

Open your Readymag profile, click Edit Profile button, and paste your Tracking ID into the Google Analytics field. Click Save Changes. Data collected across all your projects will be sent to one property in your Google Analytics account.

Option 2: Connect a project#

Open your  Project Settings and paste the Tracking ID on Domain tab. Please note, the Google Analytics feature is only available if you are using the custom domain name for the project.

Setting up GA account to get Tracking ID#

Log in to your Google Account on this page and create new Analytics account if necessary. Click Admin below the list of reports on the left, and select Create a new property in the drop-down menu in the second column.

Specify the required settings, and click Get Tracking ID. Please make sure to select https instead of http in Website URL drop-down. Copy Tracking ID which looks like UA-XXXXXXXX-Y, and return to Readymag settings.

Tracking events#

We track all events in projects and send them to the configured Google Analytics property. They will be sent if you set up analytics properly using this instruction. All events are sent under the category ‘Project Actions’ and can be found in reports Behavior → Events. Check the Overview report to see if you have this category. 

The full list of events can be found here.


You can always check whether the events are sent to your property and check the descriptive data. Use the official Google Analytics Debugger for Google Chrome browser. The details will be displayed in the Developer Console.

Setting up goals#

Goals in Google Analytics can be set for particular events. Make sure the events are being sent to your property (see Tracking events).

To set up a goal use the instruction ‘Create, edit, and share goals — Analytics Help’. Provide the following details into the fields. Field 1 always contains the category ‘Project Actions’, field 2 — the name of an event, other fields could be left empty.

Other analytics tools#

At the moment, only Google Analytics is officially supported. However, with the help of a fellow developer and Readymag API, you can send data to other web analytics services.