You can add links to Text, Hotspot, Picture, Buttons, or Shape widgets.
- Website URL. Link to an external website. Such links are recognized when you paste them as text. Use this option if you want to make a link to other published Readymag projects.
- Jump to Page. Link to any page within a project. Type in the page number or page custom link. These links are updated automatically when you rearrange pages in project.
- Email. Standard ’mail to’ URI scheme that creates a new email message to a specified address.
- Phone Number. ‘Tel’ URI scheme that starts a call for mobile devices. The number has up to fifteen digits without spaces, hyphens, or separators: +[country code][national destination (area) code][subscriber number], as per E.164 recommendations.
- Anchor. Link to any particular position on the same page. Click anywhere to set your anchor, or type the height in pixels, e.g. 748 px. The anchor can’t be placed on a different page.
- Scroll to Top. Brings viewer to the top of the page.
- Go Back. Leads to the previous page of the project.
After you set up the link type, you will be able to define the link style in your current project or make it global, so that it can be applied throughout your projects. You can add various link styles by clicking on the plus icon to streamline your design process. To show only the styles that are used in your project, click on the “Show only used“ from the dropdown menu; to show and delete unused styles clicking on “Show only unused” and “Delete all unused”.
To define the Link style, open the Link panel and select Edit from the drop-down menu. There are 3 default link states that can be customized: Regular Link, Hover, and Current.
You can customize the appearance of each by adjusting settings like text color, underline, underline color, underline width and padding.
This is how your link will look by default.
This is how your link will look when you hover over it.
You can define the Current Link style for widgets with the ‘On all pages’ setting enabled. It’s a link style for the page that the visitor is currently on.
Show layers with links
You can view all the widgets in your project that contain links. To do so, click the three dots icon next to Layers and select Show layers with links. This is helpful if the structure of your project changes and you need to replace your links or fix the broken ones.