---
url: 'https://dxpr.com/hc/documentation/learn-dxpr-builder/elements/link'
title: 'Adding a Link | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2023-11-06T09:32:06+00:00'
updated: '2026-10-23T14:31:17+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'Wrapper container with link'
tags:
  - Marketing
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-23T14:31:17+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'Adding a Link'
      description: 'Wrapper container with link'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2023-11-06T09:32:06+0000'
      dateModified: '2026-10-23T14:31:17+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/hc/documentation/learn-dxpr-builder/elements/link'
      articleSection: Marketing
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/hc/documentation/learn-dxpr-builder/elements/link'
      description: 'Wrapper container with link'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Home
            item: 'https://dxpr.com/'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: en
---
[Help Center](/hc)/[Documentation](/hc/documentation) /[Learn DXPR Builder](/hc/documentation/learn-dxpr-builder) /[Build pages](/hc/documentation/learn-dxpr-builder/build) /[Add content](/hc/documentation/learn-dxpr-builder/elements) /[Marketing](/hc/documentation/learn-dxpr-builder/elements/marketing) # Adding a Link.

Wrapper container with link

 Learn DXPR BuilderBuild pagesAdd contentMarketing

   ## In this guide

 Related guides

- [Style tab](/hc/documentation/learn-dxpr-builder/element-settings/style-tab)

You make a whole group of elements, such as a card with a title and text, open one page with a single click. Use it for teaser cards, banners and navigation tiles where the whole area should be clickable.

## Add a link

Open your page while logged in: the builder controls appear when you hover the content area. [Your first page](/hc/documentation/learn-dxpr-builder/getting-started/first-page) shows the basics.

1. Hover the column and click **+** in its control bar, or click **Add Elements** on an empty page. Open the **Content** tab and click **Link**. It lands at the top of the column and its settings dialog opens.
2. Type the destination URL in **Link**.
3. Choose where the page opens in **Link target**. Here we pick **New window**.
4. Open the **SEO** section lower in the same dialog and type a **Title attribute** for screen readers and tooltips.
5. Click **Save** in the dialog.
6. The empty link shows a **+**. Click it and add a **Card**, because a link is a container. Set its **Header** and **Title** as in [Card](/hc/documentation/learn-dxpr-builder/elements/card).
7. Click **+** inside the card, add **Text** and type a short description in its dialog. Click **Save** in that dialog. Then click **Save** in the toolbar at the top of the content area to store the page.

  ## What you see

The card and its text now form one link: a click anywhere on the card opens the page you entered. In the video, it opens an annual report in a new window.

To test the click, choose **Preview** in the toolbar's eye menu, or open the saved page, and click the card. Visitors see it once you save the page and it is published.

## Set up your link

Hover the element and open **More > Settings** in its control bar. Options:

- **Link:** the destination. Type a URL, or start typing a content title to pick a page of your site.
- **Link target:** where the page opens: Same window or New window.
- **Title attribute:** in the **SEO** section. Browsers show it as a tooltip, and some screen readers read it.
- **Tell search engines not to follow:** in the **SEO** section. Adds `rel="nofollow"`, so search engines do not follow the link.

The link is a container. Add or drag images, text or a card inside it to make them one clickable unit.

## If you don't see it

- **Link is not in the Content tab.** Your user profile hides it. Ask an administrator to enable it in [User Profiles](/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin).
- **It is gone after you reload.** The page was not saved. Add it again and click **Save** in the toolbar at the top of the content area.
- **Clicking the area does nothing.** The **Link** field is empty. Hover the element and open **More > Settings**, then type a URL or pick a page.
- **Only part of the content is clickable.** The card was added next to the link, not inside it. Drag the card into the link.
- **There is no Link target option.** It stays hidden until **Link** has a value. Type the URL first, then choose the target.

## What's next?

[Style tab](/hc/documentation/learn-dxpr-builder/element-settings/style-tab) to change spacing and background for your link.