同城附近100米一晚-风楼阁全国信息社区,全国24小时空降附近,凤凰楼信息免费茶楼茶楼

独立站最显著的一个优点便是可以掌握用户数据,那么独立站掌握用户数据的有效方式之一就是借助联系表单、订阅表单让访客留下姓名、联系方式等。WPForms插件是WordPress外贸建站过程中最常使用到的插件,下文将围绕WPForms插件展开,WordPress使用WPForms插件创建表单的过程。

一、WPForms插件介绍

WPForms 是一款免费增值型WordPress插件,得益于现成的模板和拖放式界面,无需编码即可创建各种类型的表单(如联系、支付、订阅、调查等),以易用性和灵活性为特点。

WPForms插件

WPForms提供两种版本:

  • 一个免费版本 (WPForms lite),可以从 WordPress 仪表盘安装并激活。
  • 一个高级版本 (WPForms Pro),价格从$39.50/年起。

WPForms 拥有超过 600 万个活跃安装,是官方目录中最受欢迎的联系表单插件,与 Contact Form 7 并列。虽然最初作为创建联系表单的WordPress插件,但 WPForms 远不止于此,可以用它来设置(几乎)任何种类的表单

  • 支付表单:如果想在你WordPress 网站上销售产品或服务,WPForms 与 Stripe 和 PayPal 支付网关集成。
  • 登录表单:例如用于访问会员区域。
  • 投票和调查 。
  • 酒店或餐厅的预订表等。
  • 用于设置捐赠的表单。
  • 订阅新闻 。
  • 报价请求表等。

此外WPForms拥有反垃圾邮件功能,在创建表单时会自动激活,这对于避免被电子邮件和不需要的信息污染至关重要,同时也能?;ね景踩?。

二、WPForms插件创建WordPress表单教程

1、安装并激活插件

通过WordPress仪表盘,在插件-添加新插件中,在搜索栏中输入“WPForms”。

在添加新插件的搜索栏中输入WPForms

点击“立即安装”,然后激活该插件,之后将在管理界面中看到一个名为“WPForms”新的菜单。

管理界面中看到WPForms菜单

在这里可以创建和自定义表单,WPForms 的 Contact Form 激活后会立即将用户重定向到着陆页,它提供例如以下功能:

  • 创建第一个表单。
  • 参与 WPForms 挑战 :该插件邀请用户在 5 分钟内设计第一个表单。
  • 观看视频教程或阅读指南 ,了解如何创建表单。

WPForms插件着路页

:如果购买了 WPForms Pro,请下载客户区域的 zip 文件,然后将其添加到WordPress独立站中,路径为:插件-新建插件-上传插件。

2、选择表单模板

要添加第一个表单,可以通过以下这个页面,否则通常情况下,应该通过WPForms-添加菜单路径实现,之后需要做两件事:

  • 给表单命名 (例如联系表单 1)。
  • 选择一个表单模板 ??梢栽谧蟛嗔兄邪蠢啾鹕秆 T诿夥寻姹局?,WPForms 提供 25 种不同类型的表单。例如联系表单、订阅表单或新闻简报注册表单,本次将从简单联系表单开始。

表单模板命名及选择

3、向表单添加字段

选择喜欢的表单模板后,WPForms 将带用户进入表单定制界面,界面可以分为4个区域:

  • 左侧边栏 (图片的区域#1)对表单进行一般设置(设置、字段、设置、营销、支付)。
  • 蓝色区域(区域#2), 有两个区域可以对表单并行更精细的定制。
  • 在屏幕中间 (区域 #3),可以看到表单预览,所有更改(添加/修改字段)都能实时显示。
  • 在页面顶部 (区域 #4),用于保存、预览和将表单嵌入到内容中的条形按钮。

WPForms表单定制界面

添加和自定义表单字段

选择想要的字段,然后将其拖放到表单预览中。WPForms 免费版仅允许添加 10 个标准字段,若要使用所有提供的字段,需要升级到高级许可证。

拖放功能还允许更改所有字段的顺序,并按自己希望的方式重新排列它们。点击想要编辑的字段,即可进行编辑,之后需要对“字段选项”标签页进行设置,该标签页本身包含 3 个标签:

  • “ 常规 “:可以修改每个字段的措辞和格式,以便将其翻译成商家想要的语言??梢匝≡袷欠癖匦胩钚锤米侄尾拍芴峤槐淼ィㄍü谩氨靥睢钡男“磁?,它将不再必填)。
  • “ 高级 ”允许调整字段的大小,添加 CSS 类,甚至隐藏标签。
  • “ 智能逻辑 ”是专业版功能,仅用于向表单添加条件逻辑。

WPForms表单的标签设置

完成初步设置后,请使用页面顶部的专用按钮保存表单,在将其集成到内容之前,建议查看其他可用的设置。

4、调整表单

WordPress网站建设完成之前,还有一些细节需要微调,为此请转到左侧边栏的“设置”菜单。

点击左侧边栏的“设置”菜单

WPForms 免费版允许在以下三个层面上进行操作:

  • “ 常规 ”来更改提交按钮的文本。默认情况下,建议使用“提交”,对当前提交按钮的文本做同样的处理。例如输入“加载中…”而不是“发送中…”。
  • “ 通知 ”来激活发送…通知的功能,即当表单提交时发送的电子邮件。
  • “ 确认 ”来设置表单提交后显示简短消息(例如,“感谢联系我们,我们将尽快回复您”),也可以显示特定页面或链接到页面(例如,首页或落地页)。
  • “营销”标签将允许将 WPForms 与电子邮件营销服务或 CRM(客户关系管理)集成,免费版本只有 2 个可能的选择:与 Constant Contact 或 Uncanny Automator 集成。

最后请注意免费插件不提供支付网关集成(“支付”选项卡)。

5、将表单集成到WordPress内容中

使用 Contact Form by WPForms 创建表单的最终步骤是将它集成到WordPress商城中。通过点击页面顶部的“嵌入”按钮,WPForms 将提供选择要集成表单的页面,或创建一个新页面的选项。

这里将通过两个经典案例向你展示如何使用 Gutenberg ??榛蚨檀肜词迪?。

(1)如何在页面或文章中集成WPForms表单

商家有一个很棒的联系方式页面,并想在其中集成一个表单?前往想要添加表单的页面,并定义想要添加表单的区域。

此时有两个选项:

  • 要么添加“WPForms”??椴⒀≡裣嘤Φ谋淼ァ?/li>

添加WPForms??? width=

  • 或者通过填写与表单关联的短代码(例如 [wpforms id=”5″])来添加“短代码”???。

填写与表单关联的短代码

(2)如何在侧边栏区域中集成表单

刚刚了解了如何在发布的文章中集成选择的表单,但也许想在侧边栏或页脚等小部件区域中添加它?提供的侧边栏区域的数量和类型取决于正在使用的主题,例如主题可能不提供侧边栏。

这里又有两种方法进行操作:

  • 如果正在使用一个全站编辑(FSE) 兼容的主题 ,例如 Twenty Twenty-Two,请前往外观-编辑器 ,例如在页脚中添加表单。
  • 如果没有使用 FSE 兼容的主题 ,请前往外观=小工具,然后可以在主题提供的小工具区域中,集成“WPForms”模块或与表单对应的“短代码”???。在下面的示例中,可以看到本文中的主题(Twenty Twenty-One)只提供了一个小工具区域(页脚)。

在主题的侧边栏区域中集成表单

本站为跨境/外贸商家提供WordPress、WordPress+WooCommerce和Shopify独立站搭建运营(谷歌SEO优化、SEM托管、海外社媒运营优化、智能化邮件营销)的一站式服务,最低价格仅需三千元左右。现在下单的顾客可享受买一赠三(域名、服务器和SSL证书)的购买优惠,还为Shopify建站的商家提供一年的免费技术支持,点击页面旁边的“联系我们”、“在线客服”或者是“微信客服”按钮即可联系我们。

推荐阅读:

WooCommerce订单表单插件推荐

2024年必备WordPress表单插件推荐

WordPress产品列表插件有哪些

相关文章

  • WPForms插件logo

    2024年必备WordPress表单插件推荐

    在进行WordPress外贸建站的过程中,企业要想提升或者是搜集用户的信息必不可少的工具便是表单的设置与生成,但是对于一些WordPress建站小白来说,表单的建立可能是一项令人头疼的问题,所以下文将为大家推荐几款2024年必备的WordPress表单插件,希望可以帮助大家提高表单构建效率和建站技巧。 必备WordPress表单插件推荐一:WPForms WPForms是一款新手友好的联系表单插件,为用户可视化的表单设计面板和多种自定义样式设计,通过拖拽式编辑就能制作出各种联系表单,支持添加文本…

    插件指南 2024年 11月 5日
  • 单击与要翻译的图像相对应的铅笔按钮

    TranslatePress多语言插件怎么实现图片翻译

    TranslatePress多语言插件怎么实现图片翻译?要想实现特定图片的翻译,点击对应照片旁边的铅笔按钮即可。为了让各位更好的使用该款WordPress插件,下文将介绍TranslatePress多语言插件实现图片翻译的具体操作过程。 1、根据语言显示不同的图像 打开翻译编辑器,只需单击与要翻译的图像相对应的铅笔按钮,或从图像选项组下的字符串下拉列表中按名称选择图像。 在左侧边栏中,可以点击“添加媒体”按钮上传新图像或从“媒体库”中选择一张图像,也可以在文本框中键入与原始图像等效的翻译后的 U…

    插件指南 2025年 9月 12日
  • 说明为什么卸载Shopify插件

    Shopify插件怎么取消订阅

    Shopify插件怎么取消订阅?商家可以通过登录Shopify后台,在设置中找到“Apps and sales channels”进行Shopify插件的取消订阅。虽然Shopify插件在一定程度上可以扩展跨境电商独立站的功能,但是有时过多的Shopify插件在一定程度上会影响网站的用户体验,增加网站运营成本,此时商家会选择取消Shopify订阅。这篇文章将介绍如何取消Shopify插件订阅来满足商家不断变化的运营需求。 1、登录Shopify账户,然后导航到 Shopify Admin 控制面…

    插件指南 2025年 6月 4日
  • Smart Manager

    十款WooCommerce商城必备插件

    WooCommerce作为一款与WordPress捆绑的生态插件,在搭建跨境独立站时,多数商家会选择将WooCommerce和WordPress结合使用,以实现高效搭建网站的目的。对于熟悉WooCommerce的商家来说,要想顺利使用WooCommerce,在外贸建站的过程中,用户也需要安装必要的插件以保证在线商城的正常运行,那么WooCommerce商城必备插件到底有哪些呢?下文将为大家一一揭晓。 一、必备WooCommerce插件 1、WooCommerce产品管理插件 (1)Smart M…

    插件指南 2024年 12月 3日
  • 点击 Start Audit 按钮

    Rank Math教程:如何分析网站SEO?

    要想在Rank Math SEO插件中分析网站SEO,则必须借助Rank Math的内置工具SEO Analyzer这个工具帮助用户分析网站以获取正确的 SEO 设置,所以下文将基于此为大家呈现Rank Math SEO插件分析网站SEO的全部过程。 一、SEO Analyzer分析网站SEO 访问 SEO 菜单下的 “SEO Analyzer” 页面即可: 这是 SEO Analyzer 仪表板的外观,仪表板包括两个选项卡: SEO 分析器和竞争对手分析器。 在 SEO 分析器选项卡中,单击页…

    插件指南 2024年 12月 24日
  • WooCommerce SEO插件

    WooCommerce SEO插件有用吗 有哪些

    WooCommerce SEO插件有用吗?WooCommerce SEO插件在优化网站结构、页面关键词、提高搜索引擎排名等方面发挥了巨大作用,例如Yoast SEO、Rank Math、All in One都是支持WooCommerce SEO优化的插件。本文接下来将呈现WooCommerce SEO插件作用及推荐的内容,旨在助力跨境电商独立站卖家优化WooCommerce。 一、WooCommerce SEO插件作用 一个WooCommerce SEO插件对于排名靠前的WooCommerce网…

    插件指南 2025年 5月 28日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

工作时间:周一至周日,9:00 - 21:00,节假日不休息

在线客服
微信客服
微信客服
分享本页
返回顶部