在您的页面上创建社交分享部分

如果您使用的是 GemPages v6，请参阅 本文.

什么是社交分享部分？

社交分享部分是页面上显示可点击的社交媒体图标的区块，通常放置在产品页面、博客文章或促销活动等关键内容附近。

当访问者点击这些图标时，他们可以：

• 直接分享内容 到他们的社交媒体帐户（例如，将产品链接分享到 Facebook）。
• 访问您的社交资料 关注或参与您的品牌。

添加社交共享部分可以帮助您：

• 增加跨多个平台的品牌曝光度。
• 通过自然分享为您的商店带来新的流量。
• 鼓励顾客向朋友和社区推荐产品。
• 通过展示活跃、互联的社交渠道来建立信任。

在 GemPages 中设计社交分享部分的步骤

要在 GemPages v7 中设计社交共享部分，我们建议使用行元素和图像元素。

按着这些次序：

步骤 1：访问 GemPages 编辑器

• 从 Shopify 管理员处，导航至 GemPages 构建器 应用> 前往 找到所有使用 GemPages 构建的页面。
• 点击目标页面打开编辑器。

步骤 2：添加多列行元素

• 从左侧边栏中，将行元素拖放到页面上所需的位置。

例如，我们倾向于设计一个链接到 Facebook 和 X（以前称为 Twitter）的社交分享部分。因此，我们将使用两列布局。

• 如果您想在此部分链接更多社交平台，您可以更改 布局 部分。

请注意，一行元素最多可以包含 6 列。

步骤 3：添加并配置每列中的图像元素

• 将图像元素拖放到每一列中。

• 然后，单击图像打开其设置面板并找到 来源 部分。

• 将鼠标悬停在当前图像上并单击 上传图片 上传社交平台的标志。

• 向下滚动到 链接 部分，并切换到“开启”以展开设置。然后，选择 点击后=打开页面.

• 从那里，您可以复制以下链接以在目标社交平台上分享您的页面：

• 将 URL 替换为您页面的 URL。

例如，我们想在 X 上分享 GemPages 主页。链接可以是： https://x.com/intent/tweet?url=https://gempages.net/

• 如果您希望共享正在编辑的当前页面，您可以从 发布设置 面板：

复制 URL，或者您可以更改下面的句柄 页面 URL 和句柄 如果需要的话，在分享之前。

此外，您还可以在 社交分享图片预览 提高社交平台上可见度的部分：

完成后，单击 套用设定.

步骤4：调整尺寸并配置间距

• 点击图片并向下滚动到 尺寸 左侧栏中的部分。

从这里您可以选择您喜欢的 框架 并调整 宽度和高度 徽标图像。

例如，我们设置 宽度 = 50 像素.

• 右键单击并选择父元素以返回到 Row 的设置面板。

• 更改 列宽 = 适合内容，并调整 间隙 = 0 在下面 列间距 部分。

步骤 5：保存并发布

完成后，保存更改并点击 发布 重新发布您的页面。然后，您可以在您的在线商店中查看结果。

结果：