第 4 类:表格和注册

22 个由专家精心设计的 Claude.AI 提示,用于创建 Shopify 表单元素

符合 GDPR 要求的新闻通讯注册

为 Shopify 创建一个新闻通讯注册部分:

  • 包括电子邮件输入、提交按钮和 GDPR 同意复选框
  • 验证电子邮件格式,显示成功/错误消息
  • 与 Shopify 的客户隐私 API 集成
  • 允许背景图像或颜色自定义
提供 Liquid、JSON-T 模式和 CSS。

多步骤联系表

建立一个联系表单部分:

  • 分为多个步骤(例如,姓名/电子邮件、消息、确认)
  • 包括进度指示器和每一步的验证
  • 将提交内容发送至商店邮箱
提供 Liquid、JSON-T 模式、JavaScript 和 CSS。

弹出电子邮件捕获模式

为新闻通讯注册创建一个弹出模式:

  • 退出意图或 X 秒后触发
  • 包括可自定义的标题、电子邮件输入和同意复选框
  • 在 Shopify Customers 中存储电子邮件或与 Mailchimp/Klaviyo 集成
提供 Liquid、JSON-T 模式、JavaScript 和 CSS。

评审提交表

生成产品评论提交表单:

  • 允许客户评分(1-5 星)、撰写评论并提交他们的姓名/电子邮件
  • 验证必填字段并显示确认消息
  • 与 Shopify 产品评论应用程序或元字段集成
提供 Liquid、JSON-T 模式和 CSS。

订单追踪表

构建订单跟踪表单部分:

  • 让客户输入订单号和电子邮件
  • 使用 Shopify API 显示订单状态
  • 如果信息无效则显示错误
提供 Liquid、JSON-T 模式、JavaScript 和 CSS。

可定制的联系表格

创建一个联系表单部分:

  • 允许商家添加/删除字段(例如电话、主题、下拉菜单)
  • 包括垃圾邮件保护(蜜罐或 reCAPTCHA)
  • 将提交内容发送至商店邮箱
提供 Liquid、JSON-T 模式和 CSS。

产品咨询表

为产品页面生成产品查询表:

  • 自动填充产品名称/SKU
  • 允许客户询问有关产品的问题
  • 向商店电子邮件发送包含产品参考的询问
提供 Liquid、JSON-T 模式和 CSS。

活动报名表

建立一个活动注册表单部分:

  • 收集姓名、电子邮件和活动偏好
  • 向注册人发送确认电子邮件
  • 允许商家将注册信息导出为 CSV
提供 Liquid、JSON-T 模式和 CSS。

赠品报名表

创建赠品报名表:

  • 收集姓名、电子邮件和可选的社交账号
  • 显示参赛确认和获奖者公告倒计时
  • 与 Shopify 客户或第三方应用程序集成
提供 Liquid、JSON-T 模式和 CSS。

报价请求表

为 B2B 商店生成报价请求表单部分:

  • 收集公司信息、联系方式和消息
  • 允许商家在主题编辑器中自定义字段
  • 将提交的内容发送至指定邮箱
提供 Liquid、JSON-T 模式和 CSS。

补货通知注册

为产品页面构建补货通知表单:

  • 收集电子邮件和变体信息
  • 商品补货时通知客户
  • 与 Shopify 或 Klaviyo 集成
提供 Liquid、JSON-T 模式、JavaScript 和 CSS。

调查/反馈表

创建一个调查或反馈表部分:

  • 支持多种问题类型(评分、文本、多项选择)
  • 允许商家自定义问题和选项
  • 将回复存储在元字段或电子邮件中发送给店主
提供 Liquid、JSON-T 模式和 CSS。

账户登记表

生成自定义帐户注册表单:

  • 收集姓名、电子邮件、密码和可选的营销同意
  • 验证密码强度和电子邮件格式
  • 与 Shopify 客户集成
提供 Liquid、JSON-T 模式和 CSS。

推荐注册表

建立一个推荐注册表单:

  • 收集推荐人和被推荐人的电子邮件
  • 向双方发送确认
  • 通过元字段或应用程序集成跟踪推荐
提供 Liquid、JSON-T 模式和 CSS。

批发申请表

创建批发申请表部分:

  • 收集商业信息、税号和联系方式
  • 允许商家审核并批准申请
  • 向申请人发送自动回复
提供 Liquid、JSON-T 模式和 CSS。

文件上传表单

生成一个表单:

  • 允许客户上传文件(例如,定制订单)
  • 接受特定文件类型和大小限制
  • 将上传的文件发送到商店电子邮件或 Shopify Files
提供 Liquid、JSON-T 模式、JavaScript 和 CSS。

短信注册表

建立一个短信注册表单部分:

  • 收集带有国家代码验证的电话号码
  • 与短信营销平台集成(例如 Postscript、Klaviyo)
  • 包含同意复选框
提供 Liquid、JSON-T 模式和 CSS。

订阅新闻简报并享受奖励

创建一份新闻通讯注册表单:

  • 注册后提供折扣码或赠品
  • 自动通过电子邮件将代码发送给订阅者
  • 允许商家在主题编辑器中自定义激励措施
提供 Liquid、JSON-T 模式和 CSS。

预约表格

生成预约表单部分:

  • 收集姓名、电子邮件、首选日期/时间和备注
  • 向客户和商店电子邮件发送确认信息
  • 让商家设置可用的时间段
提供 Liquid、JSON-T 模式和 CSS。

无障碍优先表格

构建一个表单部分:

  • 使用适当的标签、ARIA 属性和键盘导航
  • 确保高对比度和较大的可点击区域
  • 使用屏幕阅读器验证可访问性
提供 Liquid、JSON-T 模式和 CSS。

多语言表单支持

创建一个表单部分:

  • 以用户选择的语言显示所有标签、占位符和消息
  • 从元字段或 Shopify 市场提取翻译
  • 如果缺少翻译,则包含后备内容
提供 Liquid、JSON-T 模式和 CSS。

订单确认时弹出调查窗口

生成一个弹出式调查:

  • 出现在订单确认页面上
  • 询问购物体验反馈
  • 将回复存储在元字段或电子邮件中发送给店主
提供 Liquid、JSON-T 模式、JavaScript 和 CSS。

如何使用:

  • 将任何提示复制到 Claude.AI 3.7
  • 添加您的品牌或特殊要求
  • 将生成的代码粘贴到 Shopify 主题编辑器中
  • 使用 Shopify 主题编辑器中提供的架构字段进行自定义
提示已复制到剪贴板!