从这期开始，我们会对Brand Shop构建过程中必须/可能使用到的板块进行具体介绍，今天的介绍对象是——Hero banner。

 Hero banner定义    

Hero banner作为Brand Shop里第一个放置的板块，它是顾客在进入网页时第一个看到的部分，所以它需要足够明确且吸睛。一个好的Hero banner呈现的内容应尽可能满足三个层面的需求：

• 精神层面：向消费者传递品牌尊重差异、接纳多元的价值观

• 产品层面：展现产品的个性与特质，与同类竞品形成差异，增强记忆点

• 场景层面：捕捉产品在真实生活场景中的瞬间，让消费者看到产品在实际生活中的使用状态

图片来源：沃尔玛官方

 二、Hero banner四元素    

Hero banner板块总共有四个元素可以填充：

1. Image

点击“Upload image”上传图片，图片有一定要求：图片比例必须为16:9，尺寸至少是1676 x 940，大小不超过10MB，格式为JPG/PNG。

Image alt text对上传的图片起到文字描述作用，便于顾客在不便于查看图片时仍能了解图片传达的信息。

图片来源：沃尔玛官方

2. Text

这部分必须填写Hero banner的标题（品牌或活动的主题与优惠）、副标题（与标题相关的 其他详细信息），可选择填写眉题与法律免责声明。

3. Button

拥有Call-to-action按钮更容易让顾客进一步探索我们的Brand Shop。Hero banner允许添加0-3个互动按钮。选择Single button，“Button text”填写号召用语（不超过3个字符），“URL”填写该动作的跳转落地页面。如果选择Multiple links则允许添加多个按钮并跳转到更多不同页面，填写方式与添加单个按钮类似。

4. Logo

最后，Hero banner建议展示品牌logo，加深顾客对本品牌的印象。Logo图片比例必须为1:1，尺寸至少是240x240，大小不超过10MB，具有透明背景的PNG格式。上传logo图片后可选择“Replace image”替换或者“Remove image”移除。

Alternate text部分描述logo展示的信息。

当左侧所有的元素状态都由灰色转变为绿色，Hero banner才算构建完成，点击右下角Save保存，我们将对下一个板块进行填充。

限时优惠

沃师傅选品现已重磅上线，注册登录网址www.wmtwin.com后，扫码添加客服即可获取3天VIP免费查询体验！