使用英雄横幅元素设计英雄部分

什么是英雄部分？

此 英雄部分 是网页顶部的显眼区域，通常以醒目的图片或视频背景搭配有影响力的文字为特征。其设计旨在立即吸引用户的注意力。

为什么英雄部分很重要？

英雄部分在以下方面发挥着至关重要的作用：

• 吸引注意力： 在访问者进入您的页面时立即吸引他们的注意。
• 传达关键信息： 传达重要信息和品牌信息。
• 推动转化： 通过引导用户采取特定的行动来提高点击率和转化率。

在 GemPages 中，用户可以通过两种方法创建英雄部分：

• 使用预先设计的部分： 从预制模板中进行选择，以简化流程。 
• 使用英雄横幅元素： 利用英雄横幅元素实现更加个性化的设计。 

本文重点介绍第二种选择，提供使用英雄横幅元素创建自定义英雄部分的分步方法。

英雄部分细分

精心构建的英雄部分通常包含以下元素：

• 背景图片或视频： 设置视觉基调和背景。
• 标题： 主要陈述抓住了您的信息精髓。
• 文本块： 提供增强标题的支持细节。
• 号召性用语（CTA）按钮： 鼓励访客采取期望的下一步行动。

如何使用英雄横幅元素设计英雄部分？

让我们来看看如何设计你自己的 英雄区 使用 GemPages Editor v7。

步骤 1：将元素添加到页面

• 访问 GemPages 仪表板 > 前往.
• 单击目标页面打开编辑器，或点击 白手起家 创建新页面。
• 在左侧边栏中搜索“英雄旗帜”，然后拖放一个符合您要求的选项。

每种样式都已包含图像背景、标题、文本块和 CTA 按钮。

第 2 步：自定义元素

点击元素即可打开其设置。从 个人设置 选项卡中，您可以配置：

• 布局
• 背景
• 尺寸
• 内容
• 形状
• 影响
• 链接
• SEO
• 对齐

欲了解更多详情，请参阅 本文 并开始设计你自己的 英雄旗帜 部分。

步骤 3：添加其他元素

为了进一步增强您的英雄部分，请考虑添加以下元素：

• 选框： 滚动文本效果可以突出显示促销或新闻。

• 图片： 添加补充图像以丰富视觉体验。

• 倒计时器： 营造紧迫感，非常适合限时优惠。