创建链接以滚动到页面上的特定部分

想要一键引导访客直接跳转到页面特定部分，例如产品详情、常见问题解答或联系表单？这正是 锚链接 是给。

在本指南中，您将学习如何在 GemPages 版本 7，使用按钮、图像或文本元素滚动到页面的任何部分 - 无需编码。

什么是锚链接？

An 锚链接 （也称为“滚动到链接”）允许您将访问者发送到同一页面的特定部分 - 而无需重新加载页面或强迫用户手动滚动。

GemPages 使此功能易于设置，允许您将任何可点击元素（如按钮或标题）链接到 部分 ID 在页面上。

开始之前：获取章节 ID

要创建锚链接，首先需要…… 区域编号 您希望用户滚动到的目标位置。

如何查找部分 ID：

• 将鼠标悬停在编辑器中您想要链接到的部分上。
  
• 右键单击该部分。
  
• 选择 “抄课” 从下拉菜单中选择。

• 你会得到一个像这样的课程 .gp0XsMH_MS。要将其转换为 ID，只需替换 点 (.) 配 哈希（#).

计费示例： .gp0XsMH_MS → #gp0XsMH_MS

设置链接时您将使用此部分 ID。

如何在 GemPages 中创建锚链接

在 GemPages 中，您可以通过两种简单的方式创建锚链接：

• 使用按钮或图像： 你可以把一个 按钮、图像或横幅 将其转换为可点击的链接，引导访客跳转到同一页面上的特定部分。如果您希望引导用户执行明确的操作，例如“查看产品详情”、“前往常见问题解答”或“联系我们”，这种方法最为有效。
• 使用文本（锚文本）： 您还可以直接添加锚链接 标题或文本块内的文本当访客点击文本时，页面会滚动到目标部分。此选项适用于长页面、目录布局或不太显眼的导航链接。

下面详细说明每种方法的步骤：

选项 1：使用按钮或图片创建锚链接

请按照以下步骤制作一个按钮或图像，用户点击后即可向下滚动到页面的特定部分。这些说明适用于按钮元素，但也可用于英雄横幅和图像元素。

第三步： 在MyCAD中点击 软件更新 Shopify 管理员 > 应用 并选择 GemPages 构建器 访问 GemPages 仪表板。导航到“页面”部分并选择您喜欢的模板来访问编辑器。

第三步： 拖一个 按键 element 到您的页面上。

第三步： 单击按钮元素以显示左侧边栏上的配置。切换到“链接”按钮。

第三步： 选择点击后操作：选择点击链接时触发的操作：

• 打开页面：打开另一个页面/URL。
• 滚动到：滚动到页面上的特定部分。
• 打开弹出窗口：打开特定的弹出窗口。
• 发送电​​子邮件：向特定电子邮件地址发送电子邮件。
• 打电话：在手机或平板电脑上浏览时拨打电话。

在这种情况下，我们选择 滚动到.

第三步： 粘贴 区域编号 您可以复制之前的内容，或者从列表中选择一个目标位置。

第三步： 击中蓝色 已保存 按钮。接下来，点击 已保存 金益辉 发布 在实时页面上查看结果。 

现在，单击按钮时，按钮会平滑滚动到该部分。

选项 2：使用文本创建锚链接（锚文本）

如果您更喜欢使用文本链接而不是按钮或图像，您可以直接在文本元素中创建锚链接。

第四步： 在里面 GemPages 仪表板，打开模板并输入 编者.

第四步： 在里面 编者，将基于文本的元素拖到页面上，例如 标题元素.

第四步：选择要添加锚链接的文本，触发内联文本面板进行进一步的自定义。

第四步：点击链条图标可显示 自定义网址 领域。

第四步：粘贴 区域编号 将目的地输入到字段中，然后单击 链接到此网址。

第四步: 已保存 金益辉 发布 此页面可检查实时页面上的结果。

常见问题

1. 我可以直接创建指向元素（例如按钮或图像）的锚链接吗？

目前，GemPages 中的锚链接仅适用于 第 or 行，而不是单个元素。

如果您想直接链接到某个元素，则需要将该元素放置在行内。然后，复制该行的类（并将其转换为 ID）以用作滚动目标。

2. 为什么我的锚链接没有滚动到正确的元素？

大多数情况下，这是因为该元素不在 Section 或 Row 内。请确保目标元素位于 Row 内，并使用该 Row 的 Section ID 来实现平滑滚动。

3. 我可以将锚链接用于弹出窗口或外部 URL 吗？

不可以。锚链接仅用于在同一页面内滚动。对于打开弹出窗口或链接到外部页面等操作，您应该使用“点击后操作”菜单中的相应选项。

4. 我可以让按钮滚动到页面底部吗？