Creating a Hyperlink within Justuno

A guide on how to create hyperlinks within the Justuno design canvas

At a glance:

Use our simple hyperlink feature to present a link
Make an image a hyperlink
Present your whole overlay as a hyperlink
Use the tab as a hyperlink

Last updated: 12/15/2021

Introduction


If you are a blogger or media site, you can use our hyperlink feature to offer a free post of video instead of a discount. Sites that are trying to drive traffic to a specific page to buy can also use this feature in Justuno promotion. This article will show three different ways to hyperlink within the design canvas.

Use our simple hyperlink feature to present a link


This step will give the most basic way to create a hyperlink by highlighting text and adding a link through our editor.

  1. Head to the design canvas of the promotion you are looking to edit
  2. Select the layer you would like to hyperlink and highlight the desired text
  3. Our editor will appear, select the Chain icon:
    Screenshot 2021-08-05 115325
  4. This will open an option to enter a URL

Clicking the link will count as an engagement so if this action is unwanted please follow this guide: Linking without engagement | Justuno

Make an image a hyperlink


  1. Head to the design canvas
  2. Add in your image on an image layer
    image layer
  3. Upload your image to the layer and size as needed
  4. Add in a CTA layer and size it to cover your image
    cta layer
  5. Insert the desired link in the CTA settings on the right-hand side of the canvas
  6. Make the CTA layer clear by using the color and opacity settings
    configure color and opacity
  7. Save and Publish

Present your whole overlay as a hyperlink


  1. Head to your Design Canvas
  2. Head to the Overlay JS section of the Custom Code area within your design canvas
  3. Enter this code into the Pop up JS tab:
    $(document).ready(function(){
        $(document).on('click','.design-layer[data-layertype="close"]',function(e){
            e.stopPropagation();
        });
        $(document).on('click','.design-layer[data-layertype!="close"]',function(){
           window.top.location.href = "YOURURLHERE";
        });
    });
  4. Make sure to turn the Override Default JS in the top right corner
  5. Save and Publish

Use the tab as a hyperlink


  1. Set your tab
  2. Select the Tab Settings submenu on the left-hand side of the design canvas
  3. Find the "Link URL" option. Enter in the URL you would like the tab to link:
    tab link URL
  4. Hit Save and Publish

Visit Justuno @justuno.com