---
title: 按钮
slug: docs/cn/_Zy2AyRdjqolqr2KGuDxq
createdAt: 2024-07-24T11:14:32.351Z
---

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

按钮是数字世界中的号召性用语。它们是那些可点击的小元素，告诉用户“嘿，做这个！”无论是了解更多、下载文件，还是购买某些东西。

## 为什么使用 Button 区块？

- **行动号召**
  需要鼓励用户尝试新内容吗？带有吸引人标签的按钮可以做到这一点。例如，“Start Your Free Trial”或“Download Now”。
- **内部链接**
  想把用户发送到文档的其他部分吗？按钮可以无缝将他们带过去。
- **外部链接**
  需要将用户引导至外部网站或资源吗？按钮可以成为您的“传送装置”。

## 如何使用 Button 区块

::::WorkflowBlock
:::WorkflowBlockItem
输入 `/` 以打开 Archbee 区块菜单
:::

:::WorkflowBlockItem
搜索 Button 并插入该区块
:::

:::WorkflowBlockItem
点击标签以重命名
:::

:::WorkflowBlockItem
点击设置 (⚙️) 图标并配置动作：

- 使用为内部链接 -> 将访问者发送到文档中的其他位置
- 使用为外部链接 -> 打开新的网站
:::
::::

![](https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-fL41FWmGGZrFqBDpCjC0T-20240814-135037.png "添加一个按钮区块")

## 如何将 Buttons 作为行内使用

有时您可能希望在句子*内部*放置号召性操作，而不是作为独立区块。Archbee 支持在段落文本中直接插入 :InlineCtaButton[]{label="Inline Buttons" docId docAnchorId externalHref openInNewTab="true" noFollow="false"}。

以下是快速添加它而不破坏内容流的方法：

::::WorkflowBlock
:::WorkflowBlockItem
将光标放在任意段落中间。
:::

:::WorkflowBlockItem
按下 `/` 打开命令菜单。
:::

:::WorkflowBlockItem
搜索 **按钮** 并选择它。

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

## 示例

以下示例展示如何使用按钮：

:::::VerticalSplit{layout="right"}
:::VerticalSplitItem
**接收文档和技术写作技巧与趋势 —— 我们的 newsletter**

加入来自全球 5000+ 的读者，每月收到 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"}
**查找其他区块**

探索以全新方式和区块来创建令人惊叹且功能齐全的文档页面。

[Editor Blocks](docId\:B4IohMBgLgJ5t-HvaLMTF)
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-YRyGGWKsNS1ZZJa5XJy0z-20250911-192608.png"}
**需要帮助？ ⬇️**

使用右下角的**蓝色** **聊天气泡**。

或者尝试**AI 聊天**（从搜索框中）以快速获得答案。
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-MS_ubDHlXgoktt4svD2rL-20250911-192619.png"}
**您的意见很重要**

匿名使用以下反馈表。

或者在**Q\&A 区域**提出您的问题，我们的团队或 AI 会为您提供解决方案。
:::
::::