---
title: Adding links and buttons [B12 2.0]
description: Redirect and edit links and buttons in the B12 Editor.
---

[Skip to content](https://support.b12.io/en/v2/editing-links-and-buttons#main-content)

![b12 logo](https://support.b12.io/hubfs/b12%20logo.svg)

- [Help Center](https://support.b12.io/)
- [B12 Website](https://www.b12.io/)
- [AI Website Prompts](https://www.b12.io/ai-website-prompt-gallery)
- [Resources](https://www.b12.io/resource-center/)
- [Pricing](https://www.b12.io/pricing/)
- [Log in](https://b12.io/dashboard/)

Open main navigation

Close main navigation

- [Help Center](https://support.b12.io/)
- [B12 Website](https://www.b12.io/)
- [AI Website Prompts](https://www.b12.io/ai-website-prompt-gallery)
- [Resources](https://www.b12.io/resource-center/)
- [Pricing](https://www.b12.io/pricing/)
- [Log in](https://b12.io/dashboard/)
- [Start for free](https://b12.io/signup/)

[Start for free](https://b12.io/signup/)

 How can we help?

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

1. [B12 Help Center](https://support.b12.io/en?hsLang=en)
2. [B12 2.0](https://support.b12.io/en/b12-2-0?hsLang=en)
3. [Website Structure and Content](https://support.b12.io/en/b12-2-0?hsLang=en#website-structure-and-content)

# Adding links and buttons \[B12 2.0\]

## Learn how to add and edit links and buttons.

| ![static.intercomassets.comavatars337561square\_128Meredith\_Headshot-1462435312-1462487117-Apr-18-2024-02-53-22-9331-PM-modified](https://support.b12.io/hs-fs/hubfs/static.intercomassets.comavatars337561square_128Meredith_Headshot-1462435312-1462487117-Apr-18-2024-02-53-22-9331-PM-modified.png?width=60&height=60&name=static.intercomassets.comavatars337561square_128Meredith_Headshot-1462435312-1462487117-Apr-18-2024-02-53-22-9331-PM-modified.png) Written by: Meredith Last updated: 16 Dec., 2025 |
| --- |

Links and buttons help visitors navigate your website and take action—like contacting you, booking a service, or viewing another page. In the B12 Editor, you can easily edit or add new links and buttons to guide visitors to the right place.

<iframe width="256" height="144.64" src="https://www.youtube.com/embed/H_-AOPx4UBY?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen title="Adding and Editing Links &amp; Buttons on Your B12 Website | Step-by-step tutorial" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: none;"></iframe>

### Editing a link or button

1\. Go to the page and section where you want to add or edit a link or button.

2\. In the left sidebar, scroll to **Collection links**. This area lists all existing buttons and links for that section.

![](https://support.b12.io/hs-fs/hubfs/image-png-Oct-07-2025-09-57-00-1795-PM.png?width=250&height=497&name=image-png-Oct-07-2025-09-57-00-1795-PM.png)  
3\. Click an existing link to edit it, or click `Add new link` to create a new one.

4\. In the **Text** field, enter the label that you want to appear on your link or button.

![](https://support.b12.io/hs-fs/hubfs/image-png-Oct-07-2025-09-58-28-9156-PM.png?width=250&height=291&name=image-png-Oct-07-2025-09-58-28-9156-PM.png)

5\. Under **Link type**, choose the appropriate option depending on whether you want it to open a page or perform an action. See [B12 Link Types](https://support.b12.io/en/articles/3415183-b12-link-types?hsLang=en) for descriptions of each option.

![](https://support.b12.io/hs-fs/hubfs/image-png-Oct-07-2025-09-59-24-2182-PM.png?width=250&height=417&name=image-png-Oct-07-2025-09-59-24-2182-PM.png)

6\. Under **Appearance**, choose `Button` or `Link`.

![](https://support.b12.io/hs-fs/hubfs/image-png-Oct-07-2025-10-05-41-7209-PM.png?width=250&height=314&name=image-png-Oct-07-2025-10-05-41-7209-PM.png)

If you select **Button**, choose between `Primary` or `Secondary` to match your website’s design.

7\. Your link will be automatically updated and displayed in real time on the right side of the editor.

- To **remove** an existing link, click the `x` icon next to its title.

![](https://support.b12.io/hs-fs/hubfs/image-png-Oct-07-2025-10-06-24-0177-PM.png?width=250&height=182&name=image-png-Oct-07-2025-10-06-24-0177-PM.png)

- To **rearrange** links, click and hold the **drag-and-drop icon** into your preferred order.

![](https://support.b12.io/hs-fs/hubfs/image-png-Oct-07-2025-10-07-33-7433-PM.png?width=240&height=175&name=image-png-Oct-07-2025-10-07-33-7433-PM.png)

#### See also:

- [Adding and deleting navigation links](https://support.b12.io/en/articles/1618658-adding-editing-and-deleting-navigation-links?hsLang=en)
- [Creating a drop-down menu](https://support.b12.io/en/articles/1377196-creating-a-drop-down-menu?hsLang=en)
- [Styling buttons](https://support.b12.io/en/articles/5063819-changing-your-site-s-button-styling?hsLang=en)

<iframe width="256" height="144.64" src="https://www.youtube.com/embed/XJy-dyxD17c?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen title="Customizing Button Styles on Your B12 Website | Step-by-step tutorial" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: none;"></iframe>

 

- [Getting started](https://support.b12.io/en/getting-started?hsLang=en#main-content)

    - [Introduction](https://support.b12.io/en/getting-started?hsLang=en#introduction)
    - [Detailed guides](https://support.b12.io/en/getting-started?hsLang=en#detailed-guides)
- [Working with B12's AI Agent](https://support.b12.io/en/working-with-b12s-ai-agent?hsLang=en#main-content)

    - [Agent Skills](https://support.b12.io/en/working-with-b12s-ai-agent?hsLang=en#agent-skills)
- [Built-in features](https://support.b12.io/en/built-in-features?hsLang=en#main-content)

    - [Visual edit](https://support.b12.io/en/built-in-features?hsLang=en#visual-edit)
    - [Code editor](https://support.b12.io/en/built-in-features?hsLang=en#code-editor)
    - [Data & users (Backends)](https://support.b12.io/en/built-in-features?hsLang=en#data-users-backends)
    - [Forms & submissions](https://support.b12.io/en/built-in-features?hsLang=en#forms-submissions)
    - [Commerce](https://support.b12.io/en/built-in-features?hsLang=en#commerce)
    - [Contact manager](https://support.b12.io/en/built-in-features?hsLang=en#contact-manager)
    - [eSignatures](https://support.b12.io/en/built-in-features?hsLang=en#esignatures)
    - [Email Marketing](https://support.b12.io/en/built-in-features?hsLang=en#email-marketing)
    - [Team](https://support.b12.io/en/built-in-features?hsLang=en#team)
    - [Analytics](https://support.b12.io/en/built-in-features?hsLang=en#analytics)
    - [Website settings](https://support.b12.io/en/built-in-features?hsLang=en#website-settings)
- [Adding functionality](https://support.b12.io/en/adding-functionality?hsLang=en#main-content)

    - [Third-party integrations](https://support.b12.io/en/adding-functionality?hsLang=en#third-party-integrations)
- [Publishing & growing](https://support.b12.io/en/publishing-growing?hsLang=en#main-content)

    - [Domains](https://support.b12.io/en/publishing-growing?hsLang=en#domains)
    - [Connecting your Domain](https://support.b12.io/en/publishing-growing?hsLang=en#connecting-your-domain)
    - [Managing Your Domain](https://support.b12.io/en/publishing-growing?hsLang=en#managing-your-domain)
    - [Email Forwarding & Sending](https://support.b12.io/en/publishing-growing?hsLang=en#email-forwarding-sending)
    - [Growth & Marketing](https://support.b12.io/en/publishing-growing?hsLang=en#growth-marketing)
- [Troubleshooting](https://support.b12.io/en/troubleshooting?hsLang=en#main-content)

    - [FAQs](https://support.b12.io/en/troubleshooting?hsLang=en#faqs)
- [Account & billing](https://support.b12.io/en/account-billing?hsLang=en#main-content)

    - [Account Login & Password](https://support.b12.io/en/account-billing?hsLang=en#account-login-password)
    - [Subscription & Payment Information](https://support.b12.io/en/account-billing?hsLang=en#subscription-payment-information)
    - [Your Account](https://support.b12.io/en/account-billing?hsLang=en#your-account)
    - [Managing Multiple Websites](https://support.b12.io/en/account-billing?hsLang=en#managing-multiple-websites)
    - [Multi-user](https://support.b12.io/en/account-billing?hsLang=en#multi-user)
- [Getting support](https://support.b12.io/en/getting-support?hsLang=en#main-content)

    - [Professional & Advanced Plan Support (B12 2.0)](https://support.b12.io/en/getting-support?hsLang=en#professional-advanced-plan-support-b12-2-0)
- [B12 2.0](https://support.b12.io/en/b12-2-0?hsLang=en#main-content)

    - [Website Structure and Content](https://support.b12.io/en/b12-2-0?hsLang=en#website-structure-and-content)
    - [Website Style & Design](https://support.b12.io/en/b12-2-0?hsLang=en#website-style-design)
    - [Sitewide Settings](https://support.b12.io/en/b12-2-0?hsLang=en#sitewide-settings)
    - [Using the B12 Editor](https://support.b12.io/en/b12-2-0?hsLang=en#using-the-b12-editor)
    - [Analytics & SEO](https://support.b12.io/en/b12-2-0?hsLang=en#analytics-seo)
    - [Integrations - General](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-general)
    - [Integrations - Communication](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-communication)
    - [Integrations - Language](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-language)
    - [Integrations - Ecommerce](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-ecommerce)
    - [Professional & Advanced Plan Features](https://support.b12.io/en/b12-2-0?hsLang=en#professional-advanced-plan-features)
    - [Troubleshooting & Resources](https://support.b12.io/en/b12-2-0?hsLang=en#troubleshooting-resources)
    - [Contact Forms](https://support.b12.io/en/b12-2-0?hsLang=en#contact-forms)
    - [Online Scheduling](https://support.b12.io/en/b12-2-0?hsLang=en#online-scheduling)
    - [Advanced Editing (Experts Only)](https://support.b12.io/en/b12-2-0?hsLang=en#advanced-editing-experts-only)

[![B12\_logo\_2025](https://support.b12.io/hs-fs/hubfs/B12_logo_2025.png?width=53&height=24&name=B12_logo_2025.png "B12_logo_2025")](https://www.b12.io)

© 2025 B12. All rights reserved.

<https://twitter.com/b12> <https://www.facebook.com/B12io> <https://www.youtube.com/@b12io> <https://www.instagram.com/b12io>

×