Link component

add links to your pages

  • text links
  • variation of button links
  • image links

With the Link component links in form of text, buttons or images can be added to a page. The links can be for internal or external pages, scroll to anchors, downloads or even emails.  

on this page:

Introduction

The Link component is the main component to add links to a page. It is possible to add text, button or image links. The links can be set up for internal (with or without a query string) or external pages, anchors, downloads or for emails.

Glossary:

Example:

Component settings

It is possible to configure 2 links per component

tab: General

tab: Links

Front-end examples

Vertical alignment: Next to each other

Horizontal alignment: Left

Horizontal alignment: Center

Horizontal alignment: Right

Vertical alignment: Wrapped to next line

Horizontal alignment: Left

Horizontal alignment: Center

Horizontal alignment: Right

Link Style

Text Link

Orange Button (primary)

Outline Button (secondary)

Blue Button

Red Button

Image

Image

Without Link Text

With Link Text

Link Type

Internal (Same Tab)

Scroll To Anchor (Step by step)

External (Google - New Tab)

Download (PDF)


Email (Modal)


Internal URL with query string (link+component)

Download

Display File Info Unchecked

Display File Info Checked

Separator Text

Vertical alignment: Next to each other

Vertical alignment: Wrapped to next line

Link Target

Same Tab (Link to Google)

New Tab (Link to Google)

New Tab: Display new window icon unchecked

New Tab: Display new window icon checked

Step by step

1

2

3

Related topics

Used recurring elements