wpforms安装设置教程

图片[1]-Wpforms安装设置教程 | WooCommerce | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

SiteGround 注册无法接收短信验证码? 查看问题的解决方法

最近频繁收到通过Wpforms发送的垃圾邮件,推销各种快速网络赚钱的,平均每两个小时就会有一封邮件发送过来,明显是机器操作自动提交的。Wpforms在制作表单的时候,提供了插入机器验证工具的选项,不过,需要自己去申请验证工具的秘钥才行。简单看了下Wpforms的说明文档,决定申请WPforms推荐的 Google reCAPTCHA v2 集成到表单里面。

以下是操作流程

申请 Google reCAPTCHA 账户

使用Gmail邮箱登录谷歌账户,然后点击下面的链接打开 reCAPTCHA 的账户申请页面

https://www.google.com/recaptcha/admin/create

首先 Label 相当于秘钥的识别标签,直接填写网站名称或者域名,如 waimaob2c.com

然后 reCAPTCHA Type 选择 V2 – Invisible reCAPTCHA badge。V2和V3的区别感兴趣的自己去读谷歌官方 reCAPTCHA 说明文档吧,我大致看了一遍没有细看,直接按照 WPForms 的建议申请的V2。V2里面,和 Checkbox 相比,我个人觉得 Invisible badge 体验更好一些。你可以自行选择。

wpforms集成reCAPTCHA教程

Domains 提交的是将要使用 reCAPTCHA 的网站域名。一个 Label 下可以添加多个域名,不过为了管理方便,如果你有多个网站需要使用 reCAPTCHA,建议每个Label对应一个网站。另外,虽然这里要求填写的是根域名,但是系统默认该域名下的所有子域名都可以共享使用这个 reCAPTCHA。

Owners 默认是谷歌账户对应的Gmail邮箱,用于接收系统通知的。

勾选同意 reCAPTCHA 的服务条款,然后提交申请。

下一步 reCAPTCHA 就会提供 SITE KEY 和 SECRET KEY。这个 SITE KEY 和 SECRET KEY 无需保存,后面你可以在 reCAPTCHA 后台的 SETTINGS 页面找到。在 SETTINGS 页面还可以添加新的 Label 和网站,操作流程和上面的完全一样。

wpforms集成reCAPTCHA教程

集成 reCAPTCHA 到 WPForms

在 WooCommerce 网站后台一次打开 WPForms – Settings – CAPTCHA 设置页面,然后选择 reCAPTCHA,Type 选择 Invisible reCAPTCHA v2, 将上面截图中的 SITE KEY 和 SECRET KEY 对号入座的复制粘贴到下图中,然后保存设置。

wpforms集成reCAPTCHA教程

再接下来,打开已经设置好的联系表单,然后点击 页面左侧的 reCAPTCHA 按钮,将验证功能添加到联系表单中,系统会弹窗提示验证工具添加成功。

wpforms集成reCAPTCHA教程

如下图,在联系表单的右上角会出现 reCAPTCHA Enabled 的标记。最后点击保存按钮,到这里我们就完成了整个设置和添加操作。

wpforms集成reCAPTCHA教程

在网站前台打开包含表单的页面时,右下角就会出现 reCAPTCHA 的标志。当 reCAPTCHA 检测到机器人流量尝试提交表单内容的时候,就会出现人机验证的窗口,来阻止机器人继续发送垃圾邮件。

wpforms集成reCAPTCHA教程
图片[8]-Wpforms安装设置教程 | WooCommerce | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

注册账户时使用歪猫跨境专属优惠码“WaimaoB2C” 首月可享8折优惠

通过歪猫推荐的 CloudwaysChemicloudSiteGround 主机建站教程,我们已经完成了 WordPress 或 WooCommerce 网站的基础搭建和设置。接下来,我们将正式进入 WordPress 网站后台的完整设置教程。

WordPress 网站后台登录地址

默认情况下,WordPress 网站后台的登录地址为 “yourdomain.com/wp-login.php”。例如我的 WordPress 网站域名为 waimaob2c.com, 则默认的后台登录地址为:waimaob2c.com/wp-login.php。

图片[9]-Wpforms安装设置教程 | WooCommerce | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

在登录页面,需要输入用户名和密码,或者登录邮箱和密码,完成账户登录。

登录页面最下面语言切换选项可以切换 WordPress 网站登录页面的语言。

如果忘记了网站的登录密码可以点击 lost you password 找回密码,前提条件是网站可以正常的发送邮件。例如使用插件 WP Mail SMTP 帮助网站发送各种邮件。

另外,部分主机服务商支持在主机后台直接修改 WordPress 网站后台的登录密码。

WordPress 后台首页

一般情况下,登录到后台之后,看到的页面就是下图显示的页面。

后台语言可能是中文,也可能是英文,在后台可以随时切换。

图片[10]-Wpforms安装设置教程 | WooCommerce | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

SiteGround 主机用户按照 SiteGround 建站教程搭建的 WordPress 或者 WooCommerce 网站在登录 WordPress 网站后台之后看到的页面和上图显示不同, 这是因为我们在 SiteGround 主机搭建 WordPress 网站时SiteGround会自动在后台安装插件 SiteGround Central,给 WordPress 网站后台换一个“皮肤”。

图片[11]-Wpforms安装设置教程 | WooCommerce | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

这个插件没什么用,如果不需要可以在网站后台左侧边栏点击“插件 Plugins”进入到插件列表页面,然后禁用并且删除掉 SiteGround Central 这个插件,然后再回到 WordPress Dashboard,显示的页面就和一般情况下的 WordPress 后台一致了。

图片[12]-Wpforms安装设置教程 | WooCommerce | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

如何切换 WordPress 网站后台的语言?

无论我们的 WordPress 网站后台显示的是中文,英文还是其他任何语种的语言,我们都可以随时在“个人资料 Profile”将 WordPress 后台切换显示为我们需要的语言。

点击后台页面右上角的用户名,在下拉选项中点击“编辑个人资料 Edit Profile”;

或者在后台左侧边栏依次点击“用户 Users” > “个人资料 Profile”。

图片[13]-Wpforms安装设置教程 | WooCommerce | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

在页面中找到“语言 Language”,然后选择任意我们想要设置的后台语言,例如简体中文。

保存设置然后刷新页面,后台就会显示为我们选择的语言。

图片[14]-Wpforms安装设置教程 | WooCommerce | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

在“个人资料 Profile”中设置的语言为网站后台的语言。

如果网站有多个用户,每个用户都可以在自己的“个人资料 Profile”页面中设置自己想要的后台语言,每个用户的设置相互独立,互不影响。

要修改 WordPress 网站前台显示的语言,需要在“设置 Settings” > “常规 General” 页面中的“站点语言 Site Language” 进行设置。

为了大多数读者的方便,本站提供的 WordPress 教程和截图内容以中文后台界面为主。

WordPress 网站后台页面和主要功能介绍

图片[15]-Wpforms安装设置教程 | WooCommerce | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

WordPress 网站后台的所有功能和设置选项都显示在网站顶部和左侧边栏中。

在网站后台顶部的设置快捷入口中

将鼠标放到 WordPress 的 Logo ,在下拉菜单中,

“关于 WordPress” 可以查看网站当前使用的 WordPress 程序版本和主要功能介绍;

“参与”可以打开开源程序 WordPress 志愿者招募页面,贡献自己的力量;

其他选项“WordPress.org”“文档”“学习 WordPress”等可以进入到 WordPress 官网。

点击小房子图标或者网站名称可以打开网站前台。

如果 WordPress 启用了多站点 Multisite 功能,在这里可以快速切换多站点之间的网站前台和后台。

图片[16]-Wpforms安装设置教程 | WooCommerce | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

网站标题右侧为“更新 Updates”图标。

当网站的 WordPress 程序,网站安装的插件,主题,以及系统语言翻译有更新时,在更新图标右侧会有数字显示。例如网站有3个插件需要更新,则更新图标右侧会显示“3”。

点击图标可以打开“更新 Updates”页面,查看并且完成更新。

图片[17]-Wpforms安装设置教程 | WooCommerce | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

右侧紧挨着的是“评论 Comments” 图标。

当网站有新的“待审 Unapprove”评论时,图标右侧会显示“待审 Unapprove”评论的数量。

根据在评论页面的设置,自动完成审核的新评论不会在评论图标显示数字。

点击图标会打开直接进入评论管理页面。

在评论列表页面中我们可以对“待审 Unapprove”评论进行审核或者删除,数字也会相应改变。

图片[18]-Wpforms安装设置教程 | WooCommerce | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

评论图标右侧的“新建 New”按钮,可以在网站后台快速创建新的”博客文章 Post“,“页面 Page”,“用户 User”,通过“媒体 Media”上传新的图片视频等文件。

部分插件也会在“新建 New”列表中插入选项,例如:

  • 安装 WooCommerce 插件之后,新建选项中会出现“产品”,“订单”,“优惠券”;
  • 安装 Elementor 插件之后,新建选项中会出现“Landing Page”,“Template”;
图片[19]-Wpforms安装设置教程 | WooCommerce | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

页面右上角

点击用户名或者头像,可以进入个人资料编辑页面,或者退出登录。

点击“帮助 Help”打开当前页面的帮助文档,帮我们快速了解当前页面的功能。

点击“显示选项 Screen Options”打开当前页面元素显示或隐藏选项。

后台每个页面有不同的界面元素可以选择,我们按照需要进行选择即可。

图片[20]-Wpforms安装设置教程 | WooCommerce | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

在“显示选项 Screen Options”中勾选的元素会在页面中显示,未勾选的元素会在页面中隐藏。

点击每个元素板块右上角的选项,或者鼠标拖动,可以对页面中的元素排序。

图片[21]-Wpforms安装设置教程 | WooCommerce | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

后台左侧边栏是 WordPress 全部的功能设置选项。

文章 Post媒体 Media页面 Page外观 Appearance插件 Plugins,等等。

后面的 WordPress 教程我们会详细说明每个选项的设置和使用,这里不再赘述。

图片[22]-Wpforms安装设置教程 | WooCommerce | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

© 版权声明
THE END
喜欢就支持一下吧
点赞1 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容