How to create links in Carrd

By David Nge • Last Updated: July 25, 2022

In this quick tutorial we'll go over how to create various types of links in Carrd.

More specifically:

All these features are available on Carrd's free plan.

But, if you ever need to create more than a few Carrd websites in the future then  the paid plan offers incredible value.

It starts at just $9 a year (cheapest of all website builders)! You can get it while Carrd still offers 40% discount on the paid plan.

Now onto the tutorial.

Use this method if you want to link a certain text in a paragraph.

How to Brand your Website

For example:

Linking a text in Carrd
Linking a text in Carrd

In the text element, simply wrap the text that you want to link in a square bracket followed by the URL in parentheses.

Linking a text in Carrd's markdown format
Linking a text in Carrd's markdown format

Wrap "here" in a square bracket then add the URL in parentheses.

The end result:

```[here](https://www.google.com)```

A few things to note:

  1. You won't be able to customize the size, color, alignment, etc of the linked text, if you want to customize the link then use a link element instead.
  2. You can add various types of links in the parentheses. For example: (mailto:user@gmail.com) to open mailbox, (tel:0005551234) to call someone, or (skype:username) to Skype someone.
  3. The link opens in the same tab by default. If you want the link to open in a new tab, add @blank at the end of the URL: (https://www.google.com/@blank).

Adding a link element allows you to customize the outlook of that link (e.g. size, color, alignment, spacing, shadow, etc).

Carrd's link element
Carrd's link element

The only downside is you can only link the entire paragraph, which means you can't select a certain text to link.

To start, click the + button on the top right and select Links.

Add a link element
Add a link element

You can then customize the color, size, alignment, etc in the Appearance tab.

Customize the link element in appearance
Customize the link element in appearance

Image links are pretty common on all websites. Here's how to link an image in Carrd.

First create an Image element:

Add an image element
Add an image element

Upload an image of your choice.

Upload a picture of your choice
Upload a picture of your choice

Then add the URL in the Link URL field:

Update the Link URL for the image
Update the Link URL for the image

If you'd like the image link to open in a new tab then add @blank at the end of the URL.

Add @blank to the URL to open the page in new tab
Add @blank to the URL to open the page in new tab

You can also add various types of links based on the use case:

Button links are useful for directing a call to action for user to visit a website, fill in a form, download a PDF, etc. Here's how to do it.

First add the Buttons element.

Add a button element
Add a button element

Update the button label.

Update the button label
Update the button label

Then add the URL in the URL field.

Update the URL field
Update the URL field

Just like an image link you can add various types of URLs:

Head over to the appearance tab to customize your button link.

Customize the button in the appearance tab
Customize the button in the appearance tab

Carrd allows you to easily add sections to a page AND create links to jump or scroll to that section.

This is also called anchor links — a link that navigates user to a different section of the same page.

Continuing from the previous button link example. Update the button label and create a new Container with some text below it.

Update the button label and add new containers with text
Update the button label and add new containers with text

Then make a few duplicates of this section.

Make duplicates of the first container
Make duplicates of the first container

Your page should look something like this:

How the page would look like now (3 containers with text)
How the page would look like now (3 containers with text)

Then add a new Control element and change its type to Scroll Point. Scroll point is a feature in Carrd that allows user to link to a specific part of a site.

So instead of linking to an external URL, you can link to different section of the same page.

Add a new scroll point
Add a new scroll point

Update the name of the scroll point. It can be whatever you like as long as it's made up of lowercase letters, numbers, and hyphens (e.g. signup, new-page, newform2).

Rename the scroll point
Rename the scroll point

Drag the #new-section scroll point to the section where you the user to scroll to.

Drag the scroll point to the specific section you want to link to
Drag the scroll point to the specific section you want to link to

Lastly, update the URL of the button with the name of the scroll point preceded by a hash (#). This is so that when the user click on this button, they will be redirected to this section (#new-section) of the page.

Update the URL of the button
Update the URL of the button

And that's it!

Publish the website and you can now navigate to different section of the page. Optionally add more scroll points and call to action button/links as you see it.

Final link demo
Final link demo

Take this further

If you're feeling adventurous, check out this tutorial on how to make a Carrd website with multiple pages.