---
schema_version: "1"
id: 5890e6f0c31f9e5eedf6db2ae2a3d25700395ca8253fda06dde0e429e21cdb31
title: Attach Hyperlinks to Text and Images in Design Mode
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/platform/264-0-0/siteforce_contentblock_hyperlink.md
canonical_url: https://help.salesforce.com/s/articleView?id=platform.siteforce_contentblock_hyperlink.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: d8052b8223fb6fed2b6eb8576d3aeb66cf85161e83267c6a1a8b0c43246714a3
description: When viewing a page in Design Mode, designers and site administrators can create hyperlinks to external Web pages or websites, pages and assets in the site, email messages, and anchors on the page.
products:
  - Salesforce Platform
  - Security
release: "264"
---
# Attach Hyperlinks to Text and Images in Design Mode

When viewing a page in Design Mode, designers and site administrators can create hyperlinks to external Web pages or websites, pages and assets in the site, email messages, and anchors on the page.

### Required Editions

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small edition">
        <colgroup>
          <col>
        </colgroup>
        <tbody>
          <tr class="">
            <td class="slds-cell-wrap" style="vertical-align:top;">Available in: Salesforce Classic</td>

          </tr>
          <tr class="">
            <td class="slds-cell-wrap" style="vertical-align:top;">
              <p>Available for purchase in: <strong>Enterprise</strong>, <strong>Performance</strong>,
                and <strong>Unlimited</strong> Editions</p>
              <p style="margin-bottom:0;">Available (with limitations) in:
                <strong>Developer</strong> Edition
              </p>
            </td>

          </tr>
        </tbody>
      </table> <table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small permission">
        <colgroup>
          <col style="width:50%">
          <col style="width:50%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="colgroup" class="slds-cell-wrap" colspan="2" style="text-align:center;vertical-align:top;" id="d49164e74">User
              Permissions Needed</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d49164e74 ">To build, edit, and manage Site.com sites:</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d49164e74 ">
              <p><samp class="parmname">Site.com Publisher User</samp> field enabled on the
                user detail page</p>
              <p>AND</p>
              <p style="margin-bottom:0;">Site administrator or designer role
                assigned at the site level</p>
            </td>

          </tr>
        </tbody>
      </table>

When the page is open:

1. Double-click the content block on the page.
2. Select the text or image that you want to attach a hyperlink to and click ![Add or edit links](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-extend_click-264-0-0-production-enus/5f7d9219-b7b1-4552-8891-f1aba9b289fc/extend_click/images/siteforce_icon_link.png).
3. Select the link type in the Link to dropdown list. To link to:
    
    - A Web page:
        1. Select **A URL**.
        2. Type the address in the URL field—for example, http://www.externalsite.com.
        3. Go to step 4.
    - A page or item in your site:
        1. Select **An item in your site**.
        2. Select the item type, such as a page or image.
        3. Select the item. (If you can’t see the list of items, place your cursor in the URL field and press the DOWN key on your keyboard.)
        4. Go to step 4.
    - [An anchor](https://help.salesforce.com/s/articleView?id=platform.siteforce_contentblock_anchor.htm&release=264.0.0&type=5 "An anchor is an invisible marker that identifies a particular location on a page. If you’re a designer or site administrator, you can add an anchor to the page and then create a hyperlink that jumps to that specific location, which can be useful if a page is particularly long. For example, if your page has several sections, you could add links to each section at the top of the page to aid navigation.") that you previously added to the page:
        1. Select **An anchor on the page**.
        2. Select the anchor in the dropdown list. Alternatively, enter a new anchor name and create the anchor afterwards.
        3. Go to step 5.
    - An email message:
        1. Select **An email**.
        2. Enter the recipient's email address and the message information.
        3. Go to step 5.
    
    ![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-extend_click-264-0-0-production-enus/5f7d9219-b7b1-4552-8891-f1aba9b289fc/images/icon_note.png)
    
    Note For content blocks in a data repeater, you can use [expressions](https://help.salesforce.com/s/articleView?id=platform.siteforce_data_merge_fields.htm&release=264.0.0&type=5 "Site.com uses expression language to display data dynamically. Expressions serve as placeholders for data that is replaced with information when the page loads. When working with data-bound page elements or custom widget properties, you can use expressions to customize how data is displayed on the page.") to add a custom link, such as a URL query string, to an item in your site or to a Web page.
4. To select which window the item opens in, select an option in the Target dropdown list:
    - **Popup window** loads the item into a window. When you select this option, you can set the title for the popup and control its appearance and size with the options that appear.
    - **New window (\_blank)** loads the item into a new, unnamed browser window.
    - **Same window (\_self)** loads the item into the same frame or window as the link. This setting is the default.
    - **Topmost window (\_top)** loads the item into the topmost parent frameset or window of the frame that contains the link.
    - **Parent window (\_parent)** loads the item into the parent frameset or window of the frame that contains the link.
5. Optionally, enter a tooltip description for the link. The tooltip displays as a pop-up when the user hovers over the link.
6. Click **Apply**.
7. Click **Save**.

To delete a hyperlink, select it and click ![Delete link](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-extend_click-264-0-0-production-enus/5f7d9219-b7b1-4552-8891-f1aba9b289fc/extend_click/images/siteforce_icon_link_del.png).

#### See Also

- [Edit Content Blocks in Design Mode](https://help.salesforce.com/s/articleView?id=platform.siteforce_contentblock_edit.htm&release=264.0.0&type=5 "Designers and site administrators can edit content blocks on the page. Content blocks contain the text for site pages, and can also house images, videos, and hyperlinks.")
- [Understand the Content Editing Toolbar](https://help.salesforce.com/s/articleView?id=platform.siteforce_contentblock_toolbar.htm&release=264.0.0&type=5 "Designers and site administrators can edit content blocks when in Design mode. Content blocks contain the site page's text, along with images, videos, and hyperlinks.")