用于创建有效表单的前 17 个 Shopify 表单示例

已发表: 2022-08-18

Shopify 是市场上最大的电子商务平台之一,拥有许多商店。 如果您有 Shopify 商店,您就会知道创建表单至关重要。

Shopify 商店中的表单可用于多种用途。 无论您是想收集电子邮件还是销售产品,表单都是 Shopify 商店的重要组成部分。

这就是我们在这篇博文中收集Shopify 表单示例的原因。 通过查看这些前 17 个 Shopify 表单示例,您可以为您的商店设计一个表单。

无论您的目标是什么,请探索这些示例并立即开始构建您独特且有吸引力的Shopify 表单

a cover image that says "top 17 shopify form examples for creating effective forms" and an illustration of a man filling out a form and a Shopify logo

17 个最佳 Shopify 灵感表单示例

在 Shopify 商店中使用表单可以改善您的客户服务体验。 您可以快速收集访问者的请求和他们在表单中遇到的困难。

此外,使用 Shopify 表单,收集反馈和与访问者取得联系变得更加容易。

我们列出了17 个最佳 Shopify 表单示例,以便您获得灵感! 通过深入研究这些表单示例,您可以快速构建 Shopify 商店的表单。

1. Vital Proteins 折扣弹窗表格

Vital Proteins 的弹出表单示例显示“获得 15%off”

Vital Proteins 在其主页上使用弹出表单并提供折扣。 标题为“获得 15% 的折扣” ,这个弹出窗口非常适合提高转化率。 此外,该品牌在弹出窗口中包含产品图片,并解释他们提供的内容类型。

描述包括诸如“新”“更多”之类的触发词,可以引导人们采取行动。 然后,该品牌提出了“为什么是胶原蛋白?”的问题。 使用此表格收集访问者的反馈。

电子邮件和手机号码输入非常适合收集客户数据并增加转化率和用户交互。

Vital Proteins 的弹出表单以清晰的 CTA 结尾,上面写着“获得 15% 的折扣” ,并鼓励人们注册他们的网站。

2. 文化之王的赠品弹窗表格

Culturekings 的弹出表单示例,上面写着“赢得你的尺码”和鞋子的图像

Culture Kings 通过这种弹出式表单有效地宣布了它的赠品。 它们包括左侧的产品图片,标题为“赢得您的尺码”和产品名称。 在表格部分,标题中包含了一个会产生紧迫感的词: “有限”。

该品牌还在弹出表单中包含其名称和徽标,并使用符合其品牌风格的一致字体和颜色。

吸引访问者的注意力后,Culture Kings 用另一张产品图片清楚地解释了他们的赠品电子邮件活动的详细信息。 电子邮件地址、手机和生日输入添加到最后。 此 Shopify 表单的表单部分简短而清晰,可以满足需求。

此外,最后添加了“选择您的产品偏好”部分,以便向注册的人发送个性化的电子邮件和产品。

3. Pipcorn 的联系表

Pipcorn 的表单示例,上面写着“有问题、疑虑或恭维?只是想打个招呼?给我们发电子邮件!”

Pipcorn 的联系页面包括表格和联系原因。 标题“有问题、疑虑或赞美? 只是想打个招呼? 给我们发电子邮件!” 是谈话和真诚副本的一个很好的例子。

该品牌通过显示他们感谢访问者的关注、赞美和反馈来开始其联系页面。 然后,添加联系信息输入以及主题和消息部分。

这是一个很棒的Shopify 表单示例,允许访问者与品牌就他们的问题和反馈进行互动。

总体而言,联系表格页面看起来与 Pipcorn 的整个网站一致,并且文案写得好表明欢迎访问者与该品牌取得联系。

4. Fashion Nova的折扣弹窗表

Fashion Nova's popup form example that says "Get your entire order with an extra %10 off"

Fashion Nova 的弹出式表单为访问者提供 10% 的折扣,如果他们注册他们的电子邮件通讯。 此 Shopify 表单以标题“以额外 10% 的折扣获得您的整个订单”开头,这是一个转换且引人注目的副本。

然后,选择您的偏好,该部分包括女性、男性、曲线、儿童和美女,以便访问者可以个性化他们的时事通讯体验。 通过在他们的弹出表单中包含此选项,Fashion Nova 表明他们的系列中有广泛的产品

输入电子邮件后,还会添加隐私政策和服务条款。 “得到我的报价”“我将支付全价”按钮是很好的 CTA 示例,可以诱使人们填写时事通讯表格

此外,弹出式表单中包含品牌产品的高质量图像; 因此,该品牌推广其产品。

5. 白狐精品申请表

White Fox 的联系表格示例,上面写着“在此处提交您的请求”

White Fox Boutique 向他们的 Shopify 商店添加了一个请求表,以便客户可以分享他们的反馈和想法。 联系表格以简单的“在此处提交您的请求”开头,并添加联系信息和消息输入。

尽管该表单设计精良全面,但他们还为访问者提供了向他们发送电子邮件的选项。 通过将这两个选项添加到他们的请求页面,White Fox 旨在收集表单提交并收集访问者的电子邮件。

此 Shopify 表单的样式与网站的设计和颜色密切相关,使其更易于填写。

6. Artisaire 联系表

Artisaire 的联系表格示例,上面写着“给我们发消息”

Artisaire 最小但有效的联系我们页面是收集反馈和与客户互动的绝佳示例。 此联系页面包含带有表单部分的美观产品图片。

表单部分以简单的“向我们发送消息”标题开头,描述表明品牌在一个工作日内回复问题。

这个联系页面和表格不会让访问者因为太多问题而不知所措; 它只是让他们分享他们的想法并与品牌联系。

7. Luvo的免费礼物表格

Luvo's form popup example that says "Want a free LUVO product with your first order?"

Luvo 以一个引人注目的标题开头,上面写着: “想要第一次订购免费的 LUVO 产品吗?” 其中包括有效的词“免费”。 此弹出表单包含一开始使用该品牌产品的人,以提高表单的有效性。

然后,在描述部分解释了获得免费礼物的过程。 该表格包括姓名、电子邮件地址和电话号码输入,以便人们可以输入他们的联系方式。

最后,添加了“索取免费礼物”按钮,这是清除 CTA 按钮的示例。

8. The Sill 的折扣弹出表单

The Sill 的电子邮件通讯弹出表单示例,上面写着“想要 15% 的折扣?”

The Sill 选择使用最小但令人印象深刻的弹出表单来吸引目标受众。 标题“想要 15% 的折扣?” 是一个很好的号召性用语,因为大多数人都喜欢在购物时获得折扣。

描述部分以文字游戏“get the soil”开始,这是一个很好的双关语,因为 The Sill 是一家销售植物和植物配件的公司。 该公司解释说,如果访客今天注册,他们可以在首次购买时获得折扣。

该表格包括两个部分,即电子邮件地址和可选电话号码。 最后还添加了“订阅”按钮。

9. Jeffree Star Cosmetics 的描述表

Jeffree Star Cosmetics 联系表示例

Jeffree Star Cosmetics 的联系表格包括为想要填写表格的人提供的全面详细信息。 考虑到网站本身充满了粉红色,它具有一致的风格

联系表格以品牌徽标开头,并提供有关响应时间及其针对特定问题的政策的信息。

对于访问者来说,这似乎有点不知所措,但为了彻底解释基本细节,该公司决定添加一些快速信息。

然后在联系表格部分添加联系信息和消息输入。 此外,还添加了包含常见问题的“我们如何帮助您”部分。 将表单提交分类到不同的部分会很有帮助。

10. 砖的有价值的反馈表

Brick 的反馈表单示例,以句子“我正在与您联系...”

Brick 有价值的反馈表以“我正在与您联系...”这句话开头,并包含不同的选项。 此表单模板中使用品牌颜色,并添加了许多输入。

此 Shopify 反馈表包括有价值的反馈中可能需要的必要部分。 总的来说,这是一个简单的表格,如果您想向访问者提出各种问题,您可以获得灵感。

11. Timbuk2 的联系表

Timbuk2 的联系表格示例,上面写着“联系我们”

Timbuk2 的联系页面以经典的“联系我们”标题和“如何联系我们……”开头。 然后,品牌在其描述部分使用真诚和通俗的语言。 之后会添加联系信息,例如电话号码和可用日期。

该公司的表格部分包括有关联系信息的常见问题以及“我不是机器人”验证码。

Timbuk2 的联系表单是一个清晰明了的Shopify 表单示例,它使用一致的品牌字体和颜色。

12. Rebecca Minkoff 的联系表

Rebecca Minkoff 的联系表格示例,以常见问题开头

Rebecca Minkoff 的联系表单页面以常见问题开头,这是一个绝妙的主意,可以防止再次收到相同的问题。 此外,该品牌的联系信息包含在页面的开头。

通过在此部分中包含常见问题解答页面,公司表示如果他们的访问者有类似的问题,他们可以先访问常见问题解答页面。 然后,此页面上包含不同的类别,即下订单、运输、我的订单、退货和联系方式。

品牌的联系方式简单而实用,与品牌网站密切相关。

13. Nativecos 反馈表

Nativecos 的反馈表示例,上面写着“我们都在倾听”

Nativecos 以“我们都在倾听”的标题开始其反馈表,这是表明他们重视反馈的好方法。 该品牌包含一个形式的描述,“让我们知道我们可以如何提供帮助,我们会比你说'没有邻苯二甲酸盐'更快地回复。”

最后,Nativecos 使用与其产品相关的文字游戏在他们的反馈页面上添加了一个诙谐的副本。

该公司的反馈表表明他们关心访问者的想法和反馈。 该表单包括联系信息、主题类别和消息部分。

此外,该品牌的联系信息添加在表单底部,以便人们也可以发送电子邮件。

14. Unif 的联系表

Unif 以“联系我们”开头的联系表格示例

Unif 的联系页面看起来与该品牌的整个网站一致。 联系表格和品牌标志的位置与其他页面类似。 此外,Unif的联系方式看起来极简,颜色的使用也很美观

该表单包括联系信息、与不同问题相关的问题类型和消息部分。

此联系表的问题类型包括“取消/修改订单、订单状态、产品信息/问题、帐户状态、型号查询,嘿,我有个好主意。” 该品牌旨在通过此联系表回答客户的问题收集反馈

通过将问题类型分类为不同的类别,品牌可以正确处理表格而不会不知所措。

15. Aloyoga 的电子邮件通讯表格

Aloyoga 的折扣表单弹出示例,上面写着“想要 10% 的折扣?”

Aloyoga 的电子邮件通讯弹出表单是收集访问者电子邮件地址的一个很好的例子。 它以标题“想要 10% 的折扣?”开头。 并解释了品牌电子邮件通讯的好处。

这个弹出表单会问一个问题: “你要买什么?” 以便 Aloyoga 可以向其电子邮件通讯订阅者发送个性化的电子邮件。

在这样的弹出表单上提出问题可能会有所帮助,因为它可以增加用户参与度。 此外,您可以更好地了解您的目标受众。

Aloyoga 的弹出式表单以输入电子邮件地址、 “注册我”的号召性用语按钮和“不,谢谢”按钮结束。

16. Untuckit 反馈和联系表

Untuckit 的反馈和联系表格示例,上面写着“我们很乐意收到您的来信,让我们取得联系!”

Untuckit 的联系和反馈表格的标题是“我们很乐意收到您的来信,让我们取得联系!” 该品牌首先解释了联系表格并包括支持页面。

此外,Unutckit 添加了典型的响应时间,以便人们可以了解他们何时会得到问题的答案。

在表单部分,添加了标准联系信息输入以及选择主题和消息部分。 最后,表单以“发送消息”按钮结束。

这是一个最小的联系和反馈表单示例,可以用于每种类型的业务。

17. Bombas 的联系表

Bombas 的联系表格示例帽子上写着“联系我们”

Bombas 的联系表是一种经典的联系表,其中包括中肯问题。 表格以标题“联系我们”和描述部分开头, “我们能为您提供什么帮助?” 此外,该品牌表示他们很乐意提供帮助,并会在访客填写表格后与您联系。

表单部分以具有不同选项的“选择请求类型”部分开头。 然后,联系详细信息部分添加了订单号和产品名称部分。

退货部分的原因是添加了另一种样式,包括合身、质量和其他三个不同的盒子。 用“告诉我们更多?” 输入,该品牌旨在从客户那里获得详细的反馈。

在提交按钮下方,此表单末尾包含“获得 20% 折扣”按钮。 在收集访问者的反馈和请求时,Bombas 提供折扣以提高销售转化率。

考虑创建用户将完成的 Shopify 表单的提示

a man working with a MacBook Air on a table with flowers 在这里,我们列出了拥有用户想要完成的 Shopify 表单的考虑事项:

  • 尽量不要添加很多问题; 相关和简短的问题总是更好。

  • 将表单的问题分类到不同的部分,以便人们可以添加相关信息。 此外,它可以帮助您以后有效地评估您的客户反馈和问题。

  • 重视表单的风格。 它应该与您的品牌标识一致。 使用相同的颜色和语言对您品牌的整体风格很有帮助。

  • 添加弹出表单是吸引访问者注意力的好方法。 通过构建带有醒目的标题和描述的弹出表单,您可以让访问者填写您的表单。

  • 您可以使用 Shopify 时事通讯弹出窗口来扩大您的电子邮件列表并吸引更多客户。 添加一个收集电子邮件地址的简单弹出表单对于收集客户数据和增加邮件列表很有用。

综上所述

来自《辛普森一家》的巴特·辛普森 (Bart Simpson) 的 GIF 动图,他在教室里说“结论如此”

这就是 Shopify 表单示例的全部内容! 我们希望您喜欢探索这17 个著名品牌的 Shopify 表单示例。 通过获得灵感,您可以构建表单并收集访问者的联系数据和反馈。

此外,您可以使用 Shopify 商店中的表格来加强客户服务。 在处理退货和更改、运输问题和产品问题方面,添加相关表格可以让您的工作更轻松。

联系表格也非常适合与您的客户取得联系并与他们互动。 此外,您可以根据不同的用例充分利用您的表单。

弹出式表单使一切变得更顺畅,因为弹出式窗口是吸引访问者注意力的好方法。 添加时事通讯弹出表单、联系表单和适合您的用例的表单可能很有用。

您可以开始使用 Popupsmart 之类的弹出式构建器来为 Shopify 商店构建弹出式表单。 这样,您可以收集潜在客户并提高表单转换率!
开始使用 Popupsmart!

常问问题

来自《辛普森一家》的丽莎·辛普森 (Lisa Simpson) 的 GIF 动图,她在问“有什么问题吗?”给她的朋友

您可以在 Shopify 中创建表单吗?

您可以在管理面板上的 Shopify 中轻松创建表单。 然后,您可以通过选择“在线商店”部分的“页面”部分来添加页面。 您的页面可以命名为联系页面或任何您想要的名称。 之后,您可以通过添加文本和输入来快速完成您的联系表格。

Shopify 的表单生成器工具是什么?

如果您想知道如何创建 Shopify 表单,可以使用表单构建器工具。 您可以在 Shopify 商店中使用许多表单构建器。 通过使用它们,您可以创建引人注目的表单,并且人们可以与它们进行更多交互。

您可以用来创建 Shopify 表单的最方便的工具是:

  • 弹出式智能
  • 表格
  • 打字机
  • 纸质表格
  • 谷歌表格
  • Elfsight 的联系表单生成器
  • POWR.io的联系表

如果您正在寻找与 Shopify 相关的更多资源,请访问我们的其他博客文章:

  • 2022 年将使用的 15 个最佳转换就绪 Shopify 模板
  • 10 个最佳 Shopify 社交分享应用程序,以吸引更多客户
  • 2022 年 10 款最佳 Shopify 二维码生成器
  • 如何创建 Shopify Cookie 弹出窗口、想法和 10 个示例