---
title: Button
slug: docs/button
docTags: 
createdAt: 2024-07-24T11:14:32.351Z
---

![](https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-LW4as1RrCKEUk-Ep2_4MP-20240814-145914.png)

Buttons are the call to action of the digital world. They're those little clickable elements that tell users, "Hey, do this!" Whether it's to learn more, download a file, or purchase something.

## Why use a Button block?

- **Call to Action**
  Need to encourage users to try something new? A button with a compelling label can do the trick. For example, "Start Your Free Trial" or "Download Now".
- **Internal Linking**
  Want to send users to another part of your documentation? A button can seamlessly transport them there.
- **External Linking**
  Need to direct users to an external website or resource? A button can be your teleportation device.

## How to use a Button block

::::WorkflowBlock
:::WorkflowBlockItem
Type `/` to open Archbee block menu
:::

:::WorkflowBlockItem
Search for Button and insert the block
:::

:::WorkflowBlockItem
Click on label to rename it
:::

:::WorkflowBlockItem
Click on settings (⚙️) icon and configure the action:

- Use as internal link -> to send visitors somewhere else in documentation
- Use as external link -> to open a new website
:::
::::

![](https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-fL41FWmGGZrFqBDpCjC0T-20240814-135037.png "Adding a button block")

## How to use Buttons as an inline

Sometimes you may want a call to action *within* a sentence instead of as a standalone block. Archbee supports :InlineCtaButton[]{label="Inline Buttons" docId docAnchorId externalHref openInNewTab="true" noFollow="false"} directly inside paragraph text.

Here’s how you can quickly add one without breaking the flow of your content:

::::WorkflowBlock
:::WorkflowBlockItem
Place your cursor in the middle of any paragraph.
:::

:::WorkflowBlockItem
Press `/` to open the command menu.
:::

:::WorkflowBlockItem
Search for **Button** and select it.

![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/zekUaQZ6SvdTN0hbp0tLt-20260526-140945.png)
:::
::::

## Example

Here is an example to show how you can use use the button:

:::::VerticalSplit{layout="right"}
:::VerticalSplitItem
**Receive documentation and technical writing tips & trends — our newsletter**

Join 5000+ people from around the world that receive a monthly edition of the Archbee Blog Newsletter.
:::

::::VerticalSplitItem
:::CtaButton{label="Subscribe to newsletter" externalHref="https://www.archbee.com/blog" openInNewTab="true"}

:::
::::
:::::

***

::::LinkArray{contentSource="CUSTOM"}
:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-C1IcmVcG0rx4ZLHX6X7V7-20250911-192557.png"}
**Find other blocks**

Discover new ways and blocks to create stunning and functional documentation pages.

[Editor Blocks](docId:6B0VTQTVUnMP93e-SZQ2p)
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-YRyGGWKsNS1ZZJa5XJy0z-20250911-192608.png"}
**Need help?  ⬇️**

Use the **blue** **chat bubble** from bottom right corner.

Or try **AI Chat** (from search box) for quick answers.
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-MS_ubDHlXgoktt4svD2rL-20250911-192619.png"}
**Your opinion matters**

Use the below feedback form, anonymously.

Or ask a question in **Q\&A section** and our team or AI will give you a solution.
:::
::::