Quick links

Standards FAQ

๐Ÿ”‘ Sign in

๐Ÿ†•ย Create account

๐Ÿ’ฌ Chat on Slack

๐Ÿ“ฉ [email protected]

๐Ÿ–ฅย Website standards.site

๐Ÿฆ Twitter @standards_site

๐Ÿ“ท Instagram @standards.site

Design & Editing

Editor overview

Preparing logo assets

Click & Hover Behaviors

Text

Media

Accessibility

Button

Dropdown

Sequence

Navigation Menu

Links

Color

Components

Automations

Tooltips

Files & Downloads

Collaborative editing

Project backups

Workspace & Project Management

Publish & share

Dashboard overview

Workspaces

Workspace members

Viewers

Project access page

Project folders

Project settings

Agency client workflow

Project transfers

Connect a custom domain

SAML SSO integration

Analytics & view history

links-hero.gif

Links are an essential part of helping viewers navigate Standards sites. Set internal links to navigate pages, anchor links to jump to different contents on a page, and external links to point to other sites.

In this guide:


Overview

There are various types of links, all accessed in one place from the On click menu of the in-body toolbar that appears when an element is selected.

Types of links

Link to page Navigates to another page of your Standards site. Additionally, a content section may be set to create an anchor link.

Jump to Navigates to the top and bottom of the page it is on.

Anchor links See above Link to page & Jump to.

Link to URL Navigates to another web URL.

Download file Links to a file in the project files for download.

Email Automatically opens default email app and pre-fills the to address.


Creating a link

Links are typically added to text and buttons, but can be set on media, dropdowns, and more elements.

creating-a-link.gif

Apply a link

  1. Select the element the link will be applied to
  2. Select the On click button from the toolbar popup.
  3. Choose the intended link type from the Behaviors list.
  4. Follow the additional steps specific to each link type.

<aside> ๐Ÿ’ก Tip: Activate Preview H to hide the editor side bars and test the new link.

</aside>


Link styles

Links applied to text have specific styling that is managed with the usage of link styles. Every text link must use a style, and itโ€™s typical that numerous styles are created for different needs.

Choosing a link style

  1. Within the editor, highlight the text you want to apply a link style to.
  2. Within the On click pop-up menu, choose the desired behavior.
  3. In the same menu are, choose the Link style you would like applied, or create a new one

Editing link style

  1. Within the editor, select the Styles tab from the top of the right side bar.
  2. Near the bottom is a settings grouping called Link styles.
  3. Listed in this section are the links styles, which can be edited, removed, and added to.
  4. Modifying a link style in this way will apply to everything site-wide that uses the associated style.

Related guides

Files & Downloads

Click & Hover Behaviors

Button