---
title: How to Add a Hyperlink to an HTML Design
description: Turn any text or image in your HTML design into a clickable element so viewers can go straight to a website, landing page, or profile when they open the link.
---

[Skip to content](https://support.maxadesigns.com/knowledge/how-to-add-a-hyperlink-to-an-html-design#main-content)

![Maxa\_Logo](https://support.maxadesigns.com/hs-fs/hubfs/Maxa_Logo.png?width=212&height=79&name=Maxa_Logo.png)

Open main navigation

Close main navigation

 How can we help?

- There are no suggestions because the search field is empty.

1. [Knowledge Center Home](https://support.maxadesigns.com/knowledge?hsLang=en)
2. [Design Customization](https://support.maxadesigns.com/knowledge/design-customization?hsLang=en)
3. [HTML & Email Marketing](https://support.maxadesigns.com/knowledge/design-customization?hsLang=en#html-email-marketing)

# How to Add a Hyperlink to an HTML Design

## Turn any text or image in your HTML design into a clickable element so viewers can go straight to a website, landing page, or profile when they open the link.

**Steps**

1. Select the text/image you want to make clickable.
2. In the right hand menu click **Link**.
3. Enter the URL you want to link to. Make sure to include "https://" before the address (e.g., [https://www.example.com](https://www.example.com)) — links without it may not work.

![Screenshot 2026-08-03 at 10.24.00 p.m.](https://support.maxadesigns.com/hs-fs/hubfs/Screenshot%202026-08-03%20at%2010.24.00%20p.m..png?width=670&height=323&name=Screenshot%202026-08-03%20at%2010.24.00%20p.m..png)

**Changing Link Color**

1\. Open your design and select the element that contains the link.

2\. **Highlight** the linked text you want to change.

3\. In the right hand menu, click on the color picker and select your desired color.

![Screenshot 2026-08-03 at 10.24.21 p.m.](https://support.maxadesigns.com/hs-fs/hubfs/Screenshot%202026-08-03%20at%2010.24.21%20p.m..png?width=670&height=327&name=Screenshot%202026-08-03%20at%2010.24.21%20p.m..png)

**Helpful Shortcuts for Common Link Types**

When adding a hyperlink, use the following formats to link directly to a phone number or email address:

1. **Phone number:** Make sure to include *“tel:”* before the number. Example: tel:000-000-0000
2. **Email address:** Make sure to include *“mailto:”* before the email. Example: [mailto:email@email.com](mailto:email@email.com)

- [Getting Started](https://support.maxadesigns.com/knowledge/getting-started?hsLang=en#main-content)

    - [Setting Up Your Account](https://support.maxadesigns.com/knowledge/getting-started?hsLang=en#setting-up-your-account)
    - [Dashboard Tips & Tricks](https://support.maxadesigns.com/knowledge/getting-started?hsLang=en#dashboard-tips-tricks)
- [Design Customization](https://support.maxadesigns.com/knowledge/design-customization?hsLang=en#main-content)

    - [Editing Designs](https://support.maxadesigns.com/knowledge/design-customization?hsLang=en#editing-designs)
    - [Automated Marketing Packages (AMP)](https://support.maxadesigns.com/knowledge/design-customization?hsLang=en#automated-marketing-packages-amp)
    - [Managing MLS Info](https://support.maxadesigns.com/knowledge/design-customization?hsLang=en#managing-mls-info)
    - [HTML & Email Marketing](https://support.maxadesigns.com/knowledge/design-customization?hsLang=en#html-email-marketing)
    - [Sharing & Exporting Designs](https://support.maxadesigns.com/knowledge/design-customization?hsLang=en#sharing-exporting-designs)
    - [Market Stats](https://support.maxadesigns.com/knowledge/design-customization?hsLang=en#market-stats)
    - [QR Code](https://support.maxadesigns.com/knowledge/design-customization?hsLang=en#qr-code)
    - [AI Features](https://support.maxadesigns.com/knowledge/design-customization?hsLang=en#ai-features)
- [Print & Mailing List Tool ](https://support.maxadesigns.com/knowledge/print-mailing-list-tool?hsLang=en#main-content)

    - [Downloading](https://support.maxadesigns.com/knowledge/print-mailing-list-tool?hsLang=en#downloading)
- [Compliance](https://support.maxadesigns.com/knowledge/compliance?hsLang=en)
- [Design Concierge](https://support.maxadesigns.com/knowledge/design-concierge?hsLang=en)
- [General](https://support.maxadesigns.com/knowledge/general?hsLang=en)
- [Resources for Staff / Office Admins](https://support.maxadesigns.com/knowledge/resources-for-staff-office-admins?hsLang=en)
- [Resources for Marketing Team](https://support.maxadesigns.com/knowledge/resources-for-marketing-team?hsLang=en)
- [Still Need Help?](https://support.maxadesigns.com/knowledge/still-need-help?hsLang=en)

[![Asset 3-1](https://support.maxadesigns.com/hs-fs/hubfs/Asset%203-1.png?width=110&height=27&name=Asset%203-1.png "Asset 3-1")](https://www.maxadesigns.com/)

#1 Rated Marketing Center

We make marketing leaders superhuman

© Maxa Software, Inc.