How to link elements

Image, Shape, Hover Effects, Buttons and 3D Parallax Elements

Look for the Link To dropdown option in the Properties Panel to set the link.

Page 

Link this image to another page on your site. Select your page from the second drop-down menu. 

Link

Link this image to a page on another site. A box will appear where you can enter the address of the external page.

Popup 

(This is only available for image or image gallery elements)

This will enable you to make the image enlargeable by clicking on it.

  1. Upload the image in the full, large size. Please note: be wary about the size of your original image, because the will be the size of your pop-up. So if you upload an image that is say the size of an A4 sheet of paper, chance are the pop-up won't fit on your live website visitors screen, particularly if they are using a small laptop or notebook. So you need to think about the practicalities of what your website visitors might be using to view your site, so they don't just get fed up and click-off to your competitors website.
  2. Make the image smaller on the page. Use the zoom option (if required) to adjust the thumbnail, if you need to crop it to show part of the image, or a close up in the on page image, but it will show the full image on the pop-up.
  3. Link to "pop-up"
  4. Publish to test and click on the image to see the effect;

Anchor

Link this image to an anchor point on the page. Select your anchor from the second drop-down menu. 

Text Element

Double click to enter into the text box. Highlight the text you would like to link, then click on the link icon. A new window will appear for your Link Properties.

When adding a Link, you can choose from several options. The content of the Link Properties window will change according to you choice: 

Page

Link this image to another page on your site. Select your page from the second drop-down menu.  

URL

Link this image to a page on another site. A box will appear where you can enter the address of the external page. 

Anchor

Link this image to an anchor point on the page. Select your anchor from the second drop-down menu. 

Email

Set a link to a specific email address, edit the subject and the content of the email.

File

Upload a file and enable users to access it through a link in the website.

 

Setting Style of Text

When setting a link, you can also select it’s style from the available styles. You can create and add your own custom style for links. This is something that we will be able to do using the the Paragraph Styles window and the Paragraph Properties panel.

If you leave the style as default, it will look like this​:

To change it, double click on your link to re-open the Link Properties window. And using the Style dropdown choose your desired paragraph style.​

Linking Gallery Images

The following galleries allow you to link individual images: Full Width, Fluid Grid, Fixed Grid, Image Rotator, Logo Rotator, Thumbnails and Slide Show.

Click on the manage icon in the Properties Panel or double click the gallery element to open up the editing window. Use the Link To drop-down menu on the bottom right to link each image.​

Page 

Link this image to another page on your site. Select your page from the second drop-down menu. 

Link

Link this image to a page on another site. A box will appear where you can enter the address of the external page.

Popup 

This will enable you to make the image enlargeable by clicking on it.

  1. Upload the image in the full, large size
  2. Make the image smaller, Use the zoom option to adjust the thumbnail
  3. Link to "pop-up"
  4. Publish to test and click on the image to see the effect;

Anchor 

Link this image to an anchor point on the page. Select your anchor from the second drop-down menu. 

BASIC LINKS EXPLAINED

This article will explain how to link all the different elements within the Studio.​

Here to ensure nothing stops you from succeeding.

Simple is as simple does, with our easy step by step, code-free knowledge base to help you edit your website.​

Credits: Website illustrations courtesy of Freepik from Flaticon.com

Powered By:

website design, logo design, branding, brands, low cost print, cheap printing, social marketing,

Send

Thank You!

Your message has been

successfully sent.

Name

This field is required.

Email

This field is required.

Website address

This field is required.

A brief outline of what you need, your market and any issues

This field is required.

Challenge Us

TO TELL YOU WHAT WE'D DO

To Re-Energise Your Business

It costs nothing to ask. Simply add your details below and we'll get back to you with few ideas that could add the spark your business needs.

Let's talk.

Tell us what you think, share with others, see our latest offers and keep up to date with all the latest info that could help your business and your brand.

Join Us, Like and Share

Social Media /

And if you still need any more proof of our passion for big ideas, great design and the results they bring, then please check out some of our testimonials and our portfolio examples, because we truly understand the difference it can make to your brand and your sales. 

Stand Out