Add links to elements on your website

You have several options for adding links to different elements on your website. Links can be used to promote specific pages/products or to simplify the navigation for your visitors. In the following, you can find more information on how to add links to texts, unique selling points (USPs), icons and images. Additionally, you can link your social media profiles in the footer.

Skip to:

• Links on texts
  • Add links to text
  • Detect and repair broken/dead links
• Links on images
• Links on icons
• Links on unique selling points (USPs)
• Allowed formats for external links
• Where to find the link to one of your website's pages
  • If your website is already live
  • If your website is not live yet
• Where to find the link to one of your products

Links on texts

You can use the formatting options to add a link to text elements of any length. This applies to all texts on your website where these icons are available as formatting options: and

Add links to text

1. If you haven't done so yet, enter the text you would like to add a link to.
2. Mark the respective text.
   A toolbar opens above the text.
3. Select (add link only) or (convert text to button).
   The link picker opens.
4. Add a link:

   • If you want to add an internal link to a page or product on your website, select Pages or Products. You can then select the item you want to link to.
     Alternatively, you can also enter search terms in the Enter link or search page/product field to more easily find the item you would like to link to. Internal links will open in the same tab.
     

     Note

     You can only link to published products. If a product is still in draft state, you’ll need to publish it first before you can link to it.

   • If you want to add a link to an external website, enter the desired link in the Enter link or search page/product field. External links will open in a new tab.
5. Confirm by selecting to the right of the link field.

The respective text is now highlighted and linked. If you have selected , the text will be displayed as a button. Your visitors will be forwarded to the corresponding product/page when they select the text/button.

To change/edit the link, select the linked text part/button and select next to the link field.

To remove the link, select the linked text part/button and select next to the link field or or in the toolbar.

Detect and repair broken/dead links

A broken link, also referred to as a “dead link”, is a link that doesn’t work. When visitors select a broken link, it fails to take them to the intended content.

There are multiple reasons for why a link breaks, for example, if a website is restructured which causes changes in the URL. That’s why you should regularly check if all links on your website are still working properly.

Internal links to a page/product only break if the linked content is deleted. For internal links, a broken link is indicated by the following icon:

To repair a broken link, select the linked text part/button and select next to the link field. This opens the link picker, where you can add a different link

Instead of repairing a broken link, you can also remove it by selecting the linked text part/button and selecting next to the link field or or in the toolbar.

Caution

When deleting content on your website, make sure to repair or remove any existing links to the now deleted content.

Links on images

• How you add a link to images is explained in more detail under Add text and links/buttons to image elements.
• This works slightly different for the image gallery element. For further information, refer to Display images in an image gallery.

Links on icons

The content element Icon with text allows you to add a group of three or four icons to your website and add a text to each. You can add an individual link to both the icon and the text. For information on how to add a link to the text, refer to the Adding links to texts section above.

Here’s how to add a link to one of the icons:

1. In the sidebar of your cockpit, navigate to Editor.
2. Navigate to the Icon with text element to which you want to add a link.
3. Select .

4. Enter the desired link in the Link input field.

   • If you want to add an internal link to a page or product on your website, select Pages or Products. You can then select the item you want to link to.
     Alternatively, you can also enter search terms in the Enter link or search page/product field to more easily find the item you would like to link to.

     Note

     You can only link to published products. If a product is still in draft state, you’ll need to publish it first before you can link to it.

   • If you want to add a link to an external website, enter the desired link in the Enter link or search page/product field.

   Confirm by selecting to the right of the link field.

5. Optionally, you can activate the Open link in new tab checkbox. If you activate this checkbox, the linked page will open in a new browser tab when a visitor selects the image. It is recommended to activate the checkbox if you have entered a link to an external page, as this will make it easier for your visitors to return to your website.
6. Select Save.

You have added a link to the icon. From now on, visitors will be forwarded to the respective link when they select the icon

Links on unique selling points (USPs)

You can display your unique selling points (USPs) in a bar in your header. You can also add links, which gives you even more options for using the USP bar. For example, you can link to your social media profiles or display your business email address with a link to your contact page.

1. In the sidebar of your cockpit, navigate to Editor.
2. In the bottom bar, select .
3. Select the tab.
4. Select Edit next to an enabled USP.

5. Enter the desired link in the Link input field.

   • If you want to add an internal link to a page or product on your website, select Pages or Products. You can then select the item you want to link to.
     Alternatively, you can also enter search terms in the field Enter link or search page/product to more easily find the item you would like to link to.

     Note

     You can only link to published products. If a product is still in draft state, you’ll need to publish it first before you can link to it.

   • If you want to add a link to an external website, enter the desired link in the Enter link or search page/product field.

   Confirm by selecting to the right of the link field.

6. Optionally, you can activate the Open link in new tab checkbox. If you activate this checkbox, the linked page will open in a new browser tab when a visitor selects the image. It is recommended to activate the checkbox if you have entered a link to an external page, as this will make it easier for your visitors to return to your website.
7. Select Save.

You have added a link to the USP. From now on, visitors will be forwarded to the respective link they select the USP in the USP bar.

Allowed formats for external links

You can add the following types of external links to your website:

• URLs to external websites.
  For example: www.sitename.com, https://www.sitename.com or sitename.com
• Links that initiate a phone call, for example when visitors select it from a mobile device.
  For example: tel:[phone], tel:[phone], tel:[phone] or tel:[phone]
• Links that open the visitor's default email tool to send an email directly.
  For example: mailto:[e-mail]

Where to find the link to one of your website's pages

You want to link one of the pages on your website on an external website, e.g. on one of your social media pages? How to do that depends on whether your website is already live or not.

Note

To add links to elements of your website via the Editor, use the link picker instead to link to one of the pages on your website.

If your website is already live

1. In the top bar of your cockpit, select Open website view.
   Your website opens in a new tab.
2. Navigate to the page you would like to link.
3. Once you are on the desired page, copy the URL in the address bar of your browser.

Done! You can now paste that URL in the respective link input fields.

If your website is not live yet

1. In the sidebar of your cockpit, navigate to Editor.
   The Editor opens.
2. In the sidebar of the Editor, locate the page you want to edit and select next to the page name.
3. Select Settings.
   The Page settings view opens.
4. Under Search engine entry, copy the URL from underneath the page name.

Done! You can now paste that URL in the respective location.

Where to find the link to one of your products

You want to link one of your products on an external website, e.g. on one of your social media pages?

Note

To add links to elements of your website via the Editor, use the link picker instead to link to one of the products on your website.

Here's how to find the right link:

1. In the sidebar of your cockpit, navigate to Products.
2. From the Product overview, select the product you would like to link to.

3. In the top bar of your cockpit, select Open product view if your website is already live or Open product preview if your website is not live yet.

   Note

   You can only link to published products. If a product is still in draft state, you’ll need to publish it first before you can link to it.

4. Copy the URL in the address bar of your browser.

Done! You can now paste that URL in the respective location.