Project Settings and Publishing#

Readymag takes care of creating, managing and hosting your projects. The most convenient option is to host projects you’ve created on our servers. To access Project Settings and Publish your project, click on the title in the Project Menu (M).

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.

Custom domain name#

You can use custom domain instead of a default Readymag URL for any of your projects, as well as map a domain to your whole profile.

Custom domain name for a project#

Map the domain magazine.brand.com to your project:

  • https://magazine.brand.com/ opens the project’s homepage.
  • https://help.readymag.com/contents-page/ and similar links open specific pages within the project.

Two or more projects cannot share the same domain name.

Custom domain for profile page#

Map the domain profile.brand.com to your Readymag profile:

  • https://profile.brand.com/ opens the public Readymag profile page. This page cannot be customized, but you can sort your projects in Public and Private folders, and hide any of them by turning off the Show this project on my profile page control on Privacy tab in the Project Settings.
  • https://profile.brand.com/project-name/ opens a specific project. You can set the project Link on General tab in your Project Settings.
  • https://profile.brand.com/project-name/page/ opens a specific page in the project. You can set this Link on SEO tab in your page Settings.

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.14

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 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.

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.

Privacy#

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.

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.

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.

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.

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.

Custom code#

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.