跳到主要内容

Charming Theme

ZH
Product landing page template for Elementor: desktop and mobile preview, $5

如果你通过 Facebook 或 Instagram 广告只卖一款产品,就不需要搭建完整的网店。你需要的是一个快速的页面:讲清产品、打消顾虑、直接收单。Verdia 正是为此打造的 Elementor 落地页模板,并且可以搭配 免费版 Elementor 使用。

本文将带你逐一查看模板的每个板块、内置订单表单的工作方式、如何在几分钟内导入 JSON 文件,以及如何把演示品牌换成你自己的产品页面。

模板概览

价格5 美元(按 ৳600 结算),一次性付款
兼容Elementor 免费版 3.x / 4.x,任何支持 Elementor 的主题
文件一个可导入的 .json 模板 + 演示图片
板块9 个(首屏、图片、功效、故事、用法、产品、信任、电话框、订单表单)
订单表单套餐卡片、实时总价、货到付款、WhatsApp 下单
手机端为手机单独调整字号与间距
授权可用于不限数量的自有网站或客户网站
Verdia:Elementor 产品落地页

一个 JSON 文件,9 个板块,内置订单表单。付款后立即下载。

5 美元立即获取付款后立即下载

为什么单品落地页比商店页面转化更高

普通的商品页面位于网店之中,周围是菜单、相关商品和侧边栏,每个链接都可能让访客离开。落地页去掉这一切,只引导访客走一条路:承诺、证明、细节,然后是订单表单。

因此,大多数投放社交广告、采用货到付款的卖家都使用长篇单页。访客从手机上的广告进入,向下滑动,不离开页面就完成下单。Verdia 沿用了这种经过验证的结构,让你把精力放在产品和广告上,而不是排版上。

逐个板块了解模板

演示内容销售的是虚构品牌「Verdia Naturals」的辣木叶粉。所有文字、图片和颜色都很容易替换,因此同一布局也适用于护肤品、食品、数码小物、图书或任何单一产品。

1. 首屏:标题、卖点和第一个下单按钮

Logo、双色标题、简短卖点,以及一个直达表单的黄色 Order Now 按钮。已经心动的访客一键即可下单。

Elementor 落地页模板的首屏,包含标题和下单按钮
电脑端的首屏板块。

2. 产品图片

一张大圆角图片(也可以换成你的视频),展示产品的使用场景。原始布局中这里是 YouTube 视频,你随时可以换回视频组件。

3. 双栏功效列表

深绿色板块标题下的两组图标列表,每组八条。简短、易扫读的句子在手机上的效果远好于长段落。

Elementor 落地页模板中带两组图标列表的功效板块
双栏功效列表,在手机上会合并为一列。

4. 品牌故事与第二个行动按钮

一张图片和一段文字,说明产品的来源和优势,随后是第二个下单按钮。

5. 使用方法

一组手指图标列表,列出实用建议。演示中是食谱;换成你的产品时,可以写使用步骤、尺寸或包装内容。

Elementor 落地页模板中带图标列表的使用方法板块
使用方法列表。

6. 产品图与信任清单

产品包装图,接着是「Shop with Confidence」:货到付款、轻松退换、快速配送和免费赠品。在表单之前打消最后的顾虑。

7. 电话框

一个彩色方框,带有电话按钮(真实的 tel: 链接),方便喜欢打电话下单的客户。

内置订单表单

最后一个板块是用单个 HTML 组件做成的完整订单表单,不需要任何表单插件,也不需要 Elementor Pro。它专为货到付款的店铺设计:

  • 三张套餐卡片,带「Best value」标签,引导客户选择更大的套餐。
  • 实时订单汇总:选择套餐后,小计、运费和总价立即更新。
  • 姓名、电话和地址,支持浏览器自动填充和校验。
  • WhatsApp 下单:填写一次你的号码,每笔订单都会打开 WhatsApp,并自动带上套餐、总价、姓名、电话和地址。
  • 使用你自己的结账:也可以把组件换成 WooCommerce、CartFlows、Contact Form 7 或 Fluent Forms,并保留板块 ID order。
内置订单表单,包含套餐选择、收货信息和货到付款
套餐卡片、实时总价和货到付款。在填写 WhatsApp 号码之前,表单处于演示模式。

手机优先设计

大多数落地页访客来自手机上的社交广告,因此每个标题、列表和按钮都有单独的手机尺寸。功效双栏会叠成一列,表单变为单栏,按钮依然足够大,方便点按。

Elementor 落地页模板的手机端视图
手机上的首屏。
Elementor 落地页模板在手机上的订单表单
手机上的订单表单。

下载包内容

  • verdia-moringa-landing.json,需要导入的 Elementor 模板。
  • 演示图片:Logo、首屏、功效和产品插图,可在你的页面上自由使用。
  • 分步说明 README:导入、自定义和设置订单表单。
  • 授权文件:可用于不限数量的自有网站或客户网站。

如何导入 Elementor 落地页模板

导入大约需要两分钟,在所有 Elementor 版本中步骤相同(菜单名称可能因 WordPress 语言而略有不同):

  1. 在 WordPress 后台打开 Templates > Saved Templates,点击 Import Templates。
  2. 选择 verdia-moringa-landing.json,点击 Import Now。
  3. 新建一个页面,点击 Edit with Elementor。
  4. 点击文件夹图标,打开 My Templates,插入「Verdia Naturals – Moringa Powder Landing Page」。
  5. 在页面设置中将布局设为 Elementor Canvas,避免页眉页脚分散访客注意力。
  6. 把文字和图片替换成你自己的内容,然后点击 Publish。

提示:导入时 Elementor 会自动把演示图片下载到你的媒体库。如果主机阻止了下载,请上传 ZIP 中的图片,并在每个图片组件中选择它们。

15 分钟改成你的品牌

  • 品牌:替换标题和页脚中的 Logo 和品牌名称。
  • 颜色:按钮为黄色(#FFC100),板块标题为深绿色(#004111),可在组件的 Style 选项卡中修改。
  • 字体:标题使用 Bricolage Grotesque,正文使用 Anek Bangla,均为免费 Google Fonts。若使用中文内容,可改用 Noto Sans SC 等中文字体。
  • 价格与套餐:在表单的 HTML 中修改三条套餐、运费和货币符号。
  • 语言:所有文字都是普通文本,可手动翻译,也可使用 WPML、Polylang 或 TranslatePress。

这款模板适合谁?

只要你主推一款产品,并希望页面专注做好一件事,Verdia 都很合适:

  • 投放货到付款广告的 Facebook 和 Instagram 卖家。
  • 销售食品、草本粉、护肤品、数码小物或图书的小品牌。
  • 为客户制作产品页、希望快速起步的自由职业者和代理公司。
  • 希望在网店之外再做一个专注活动页的 WooCommerce 店主。

整页预览

这是从上到下的完整页面,与导入后的效果完全一致:

单品 Elementor 落地页模板的整页预览
电脑端的完整模板。

常见问题

需要 Elementor Pro 吗?

不需要。模板只使用免费组件:Heading、Image、Button、Icon List 和 HTML。

能和我的主题一起用吗?

可以,任何支持 Elementor 的主题都行,例如 Hello Elementor、Astra、Kadence 或 GeneratePress。使用 Elementor Canvas 布局后,在任何主题下外观都一致。

订单表单会自动发送订单吗?

默认是演示模式。只需在一个地方填写你的 WhatsApp 号码,订单就会发到 WhatsApp;也可以换成 WooCommerce 或表单插件的结账。README 中介绍了这两种方式。

可以用于其他产品吗?

可以。辣木粉只是演示内容,替换文字和图片后适用于任何单一产品。

可以用在客户网站上吗?

可以,不限数量的自有网站或客户网站均可使用,但不得转售或分享模板文件本身。

如何获取文件?

付款后会立即在订单页面和电子邮件中收到下载链接。

获取 Verdia 落地页模板

如果你正准备用社交广告推出新品,一个现成的落地页能帮你省下一整天的设计时间。导入 Verdia,换上你的产品,今天就开始接单。

Verdia:Elementor 产品落地页

一次性 5 美元。免费版 Elementor 即可。立即下载。

5 美元立即购买付款后立即下载
Share this article