Placeholder
Jun 14, 2017 100

Add a link

Key Features covered: 

Adding a link

Link Options

Link Destinations

Link to Web Address

Open in Lightbox

Link to Email Address

Link to Anchor

Trigger Custom JavaScript

Adding a link

To add a link, select an image or textbox in your story and click on Add a link in the right side panel to enter the URL or destination needed.

Link Options

To change the link options on a story-by-story basis, go to the link field in the style settings panel by clicking on Settings > Edit Style Settings > Link.

 In the expanded link field, you'll see three customization options:

  • Underline
    • To automatically underline all links in the story, turn on this option.
  • Color 
    • To change the color of the underline, select a new color here.
  • Open in new window
    • To automatically open all links in a new window, turn on this option.

Note: These changes will only apply to the links in the given story. If you want to make a global change to all stories in your account, contact your Maker representative.

Link Destinations

After clicking on Add link, you'll see a menu of link destinations:

  • Link to Web Address
  • Link to Email Address
  • Open in Lightbox
  • Link to Anchor

Make sure to choose the right destination for your link, depending on the desired effect.

Link to Web Address

To add a regular link to a web address, paste the URL in the Link to Web Address field and hit Add Link.

Link to Email Address

To add a link a that generates an email, expand the Link to Email Address option and enter an email address and desired subject line. Upon clicking, the end user will have an email generated ready to send from their email client.

Open in Lightbox

To open a web address in a lightbox (i.e. a pop-up modal on the page), expand the Open in Lightbox option.

Note: Pages that can be opened in a lightbox are links that can be embedded on a website - i.e. a video, iframe, image, pdf, map. etc. 

Link to Anchor

Add a link to another element in your story by adding a Link to Anchor. First, create the anchor/s desired on your page. 

(For a refresher on how to do this, visit this link). 

Then, select the Anchor from the Add Link options. The selected link will then direct your end-user directly to the anchor dropped on the page.

Trigger Custom JavaScript

You can also trigger a custom JavaScript function like opening a form in a pop-up modal, or adding to cart by using the Trigger Custom JavaScript field. Once you've created the custom JavaScript, simply paste it into the JavaScript field in the Add Link options.

Share

maker