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 Story in a Modal
  • Open in Lightbox
  • Link to Anchor
  • Link to Slide
  • Link to Smart Navigation 
  • Trigger Custom Javascript

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 Story in a Modal

Open another Maker story in a modal. Click on the option "Open Story on a modal" > pick the story from the story picker > edit the size of the modal > click on "Add Link." Maker automatically optimizes the size of the modal on other breakpoints. 

Note: Only stories that have been posted will be available in the story picker to link. 


Open in Lightbox


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.

Link to Slide

Trigger slider navigation using the "Link to slide" option to elements or components inside or outside any slider. Begin with creating a slider and use "link to slide" option in the link settings to trigger the navigation. Next, select the slide you'd like to link and click on add link. For a smoother transition between the slider, toggle on the option "Fade" in the slider contextual panel. 


Trigger Custom JavaScript

You can also trigger a custom JavaScript function like opening a form in a pop-up modal or add to the cart by using the Trigger Custom JavaScript field. We would need to know what function in a global namespace to call with what arguments, and we can trigger that action from inside Maker. To do this, we need to know what that function on your website is. Once you've created the custom JavaScript, paste it into the JavaScript field in the Add Link options.


maker