Quick start guide – Readymag Help

Click the red plus button next to your user pic to start a new project from your account page. This will load an empty Editor window with two panels at the bottom.

Organizing pages in your project

The first icon on the left panel shows where you are in your project’s page count. Click on it to see a list of pages or to add a new page. You can also use the M shortcut.

From here, you can rearrange, duplicate, and delete pages. You can also access and edit SEO settings like title, description, keyword, and URLs.

Click on ‘Page title’ to modify titles or click ‘Custom URL’ to edit how the associated URL will appear to visitors. You can also create nested pages from here by dragging and dropping the desired page at the center of the previous page preview.

Say you’ve built a portfolio under myportfolio.com. There are also several categories for different projects that you’ve created for your clients, including one for non-profit organizations under the URL myportfolio.com/non-profit/. You can create separate pages for each of your non-commercial projects, then collect them under the category. Each page will have a related URL, like myportfolio.com/non-profit/project1, myportfolio.com/non-profit/project2, etc.

You can organize the transition between pages in a published project in two ways:

Pages exist independently of each other. Your visitors switch between them using the horizontal navigation arrows (Preview —> Settings —> enable Navigation arrows) or using links created by you (e.g., via the navigation menu). This type of navigation is enabled in all projects by default.
Your visitors can scroll through pages vertically from the first to the last page. To turn on this type of navigation, go to Preview and enable Stack all pages vertically. You can also enable arrows for easier navigation (Preview —> Settings —> enable Navigation arrows) or add the Slide-in Transition effect (Preview —> Settings —> enable Slide-in Transition). With this effect, the page will slide out from under the previous page.

Editing layouts for different devices

Click the Devices icon on the left panel to add a mobile and tablet layout, or to switch between them. You can also use the shortcuts 1/2/3. Learn more here.

Adding widgets

All projects in Readymag are built with widgets. To add a new widget, click on the Plus button at the bottom left panel or use the shortcut W. Learn more about different types of widgets in the Widgets section of our Help.

To view a list of widgets already added to your project, click the Layers icon or use the shortcut Q.

Background

To change your project background, click on Layers at the bottom left panel —> Background. Learn more about different types of backgrounds here.

Lock layout

Click ‘Lock layout’ to switch to the editing mode, which allows you to modify content and some widget attributes without damaging the rest of your layout. Find more information here.

Grid and Layout

Set grid and guides for your project, enable or disable Scale Layout, enable Blocks, etc. Read more here.

Project settings

From your project settings, you can specify the title of your project, add a description and keywords, map a custom domain, set a password, etc. Learn more in the Project settings of our Help.

Preview mode

To preview your page, click the Eye icon at the bottom right of the Editor window. From Preview mode, you can publish your project and then open the published version. To keep editing, click the Pencil icon.

You can also customize project appearance from here: stack pages, enable Navigation arrows, customize a project menu, sharing buttons, etc.