如何向 WooCommerce 商店添加注册表单
已发表: 2021-08-18
这一次，我们将采用最简单的方法来向 WooCommerce 商店和购物平台添加注册表单。
用户友好的注册表单是任何类型的网站都应具备的重要部分之一。 无论您拥有酒店或旅行社、服务提供还是商业网站。
您需要向您的潜在客户和潜在客户提供注册表，以便将他们的个人数据和其他详细信息输入到注册字段中，并提交给您以获取服务、产品、订阅、计划或更多信息。
什么是注册表？
注册表单是一系列需要填写用户信息的字段。
总体而言，这是从对您的业务、商店、公司、非营利组织或其他任何事物感兴趣的网络用户、客户、客户和追随者那里收集所需信息的理想方式。
要将注册表单添加到 WooCommerce 商店时应考虑的事项
好吧，注册几十个网站和博客对于互联网用户来说并不是最愉快的过程。
但事实是，他们已经习惯了，并准备在大多数情况下为您提供他们的基本信息。
但是，您需要通过解释为什么网络访问者应该注册到您的网站来确保您的注册表单具有真正的价值。
避免要求太多信息，只留下逻辑字段，解释你为什么，使隐私和安全政策精确且易于理解。
为什么优化商业网站的注册表很重要
注册表单的可用性和简单性直接决定了您数据库中的用户数量，并影响用户继续与您的网站建立关系的愿望。
因此，格式良好且操作良好的联系表可能会带来更多的客户和更多的商机。
此外，如果您设法向 WooCommerce 商店添加一个简单、易于理解且功能完美的注册表单，它将使您免于收到大量需要技术支持的信件，这将不可避免地让您和您的员工感到头疼。
现在，当我们展示了将注册表单集成到您的在线 WooCommerce 环境中的重要性时，让我们从技术角度了解如何完成它。
如何向 WooCommerce 商店添加注册表单
首先，您需要从 WooCommerce 后端设置中启用表单。 按照路径 WooCommerce、设置、帐户、启用注册。 您将被带到需要选中“在“我的帐户”页面上启用客户注册”旁边的框的窗口。
在这里您还可以控制其他设置，例如在结帐页面上显示回头客登录提醒，自动生成用户名或客户密码等，以使注册过程更加用户优化。
完成此设置部分后，注册表单将显示在前端，这意味着您向 WooCommerce 添加注册表单的努力没有白费。
正如您现在所看到的，您添加的表单非常简单和谦虚。 因此，下一步是在您已启用的注册表单中添加字段。
如果要添加一些基本字段，例如名字和姓氏、电话号码、电子邮件和密码，可以在 functions.php 文件的末尾插入以下代码。
函数 wooc_extra_register_fields() {?>
<p class="form-row form-row-wide">
<label for=”reg_billing_phone”><?php _e('Phone', 'woocommerce'); ?></标签>
<input type=”text” class=”input-text” name=”billing_phone” id=”reg_billing_phone” value=”<?php esc_attr_e( $_POST['billing_phone'] ); ?>” />
</p>
<p class="form-row form-row-first">
<label for=”reg_billing_first_name”><?php _e('First name', 'woocommerce'); ?><span class=”required”>*</span></label>
<input type=”text” class=”input-text” name=”billing_first_name” id=”reg_billing_first_name” value=”<?php if ( !empty( $_POST['billing_first_name'] ) ) esc_attr_e( $_POST[' billing_first_name'] ); ?>” />
</p>
<p class=”form-row form-row-last”>
<label for=”reg_billing_last_name”><?php _e( '姓氏', 'woocommerce' ); ?><span class=”required”>*</span></label>
<input type=”text” class=”input-text” name=”billing_last_name” id=”reg_billing_last_name” value=”<?php if ( !empty( $_POST['billing_last_name'] ) ) esc_attr_e( $_POST[' billing_last_name'] ); ?>” />
</p>
<div class=”clear”></div>
<?php
}
add_action('woocommerce_register_form_start', 'wooc_extra_register_fields');
刷新页面后，您会发现注册表中添加了新字段。
每当您想将您的注册表单与帐单地址联系起来时，您需要在字段名称前添加前缀“帐单”。 您可以在下面找到最常用的表单字段：
billing_first_name, billing_last_name, billing_company, billing_address_1, billing_address_2,
billing_city, billing_postcode, billing_country, billing_state, billing_email, billing_phone
现在是时候使用要添加到functions.php 文件的另一段代码来验证表单字段中的数据了。 使用下面提到的代码行进行数据验证：
/**
*注册字段验证。
*/
功能 wooc_validate_extra_register_fields( $username, $email, $validation_errors ) {
if ( isset( $_POST['billing_first_name'] ) && empty( $_POST['billing_first_name'] ) ) {
$validation_errors->add( 'billing_first_name_error', __( '<strong>错误</strong>: First name is required!', 'woocommerce' ) );
}
if ( isset( $_POST['billing_last_name'] ) && empty( $_POST['billing_last_name'] ) ) {
$validation_errors->add( 'billing_last_name_error', __( '<strong>错误</strong>: 需要姓氏！.', 'woocommerce' ) );
}
返回 $validation_errors;
}
add_action('woocommerce_register_post', 'wooc_validate_extra_register_fields', 10, 3);
此代码检查 $_POST 数组中的表单值，并在值不存在或数据无效时包含错误消息。
最后，您需要将这些值保存在数据库中。 验证值后，您需要在 functions.php 中使用以下代码将值插入数据库：
/**
* 下面的代码保存额外的字段。
*/
功能 wooc_save_extra_register_fields( $customer_id ) {
if ( isset( $_POST['billing_phone'] ) ) {
// 在 WooCommerce 中使用的电话输入字段
update_user_meta( $customer_id, 'billing_phone', sanitize_text_field( $_POST['billing_phone'] ) );
}
if ( isset( $_POST['billing_first_name'] ) ) {
//默认的名字字段
update_user_meta( $customer_id, 'first_name', sanitize_text_field( $_POST['billing_first_name'] ) );
// WooCommerce 中使用的名字字段
update_user_meta( $customer_id, 'billing_first_name', sanitize_text_field( $_POST['billing_first_name'] ) );
}
if ( isset( $_POST['billing_last_name'] ) ) {
// 默认的姓氏字段
update_user_meta( $customer_id, 'last_name', sanitize_text_field( $_POST['billing_last_name'] ) );
// WooCommerce 中使用的姓氏字段
update_user_meta( $customer_id, 'billing_last_name', sanitize_text_field( $_POST['billing_last_name'] ) );
}
}
add_action('woocommerce_created_customer', 'wooc_save_extra_register_fields');
完成的！ 现在，您已经成功地收集、验证和添加了数据库中的值，并且可以使用它们了。
相关文章：BigCommerce 与 WooCommerce 之间的比较——哪个更好？
如您所见，您可以快速向 WooCommerce 商店添加注册表单，向其中添加字段并确保您的用户对您的工作感到满意。
作为企业主，尽早设置网站非常重要，同时确保在 WordPress 平台上进行设置，因为它为您提供了比大多数网站更大的灵活性。
确保您选择了与 woocommerce 兼容的主题，并为 woocommerce 商店设置了注册表。
这个过程相当简单，最多只需要几分钟。 如果您想知道为什么要费心费力地为 woocommerce 商店设置注册表单，那么您可能需要查看下面列出的原因。
- 用户信息：通过使用您网站上的注册表单，您可以让用户订阅每日更新，并确保他们收到有关您的产品和服务的最新信息。 您可以使用他们与您共享的信息来优化您的营销，以便您可以比以前更有效地接触您的关键人群。
- 用户参与度：通过使用注册表单，您实际上是在与用户进行交互。 随着用户参与度的增加，转化和实际销售的机会也会增加，这就是为什么您应该确保您的 woo 商务带有在后台启用的注册表单的原因。
- 营销：用户提供的任何信息都应证明是无价的。 您可以使用此信息直接向他们推销您的产品和服务，但请确保您没有发送垃圾邮件，因为这是严格禁止的。
更重要的是，您可以简化营销策略，使用客户提供的信息并针对他们投放特定广告。
- 轻松设置：设置注册表的过程相当简单； 您需要做的就是前往 woocommerce 管理区域并从后端启用注册表单并激活它。 您甚至可以对其进行自定义，以吸引新客户，因此，他们有兴趣通过您刚刚安装在网站上的注册表单为您提供所需的信息。
- SEO：通过您网站上的注册表单，您应该能够为您的用户提供增强的用户体验，这反过来应该有助于提高这些 SERP 排名。 这应该会带来更多的流量，因此应该有助于增加页面浏览量、印象等等。
这些是为什么您应该尽早在您的网站上安装注册表单的一些原因。
更重要的是，您需要确保不会向您的用户发送垃圾邮件，因为这是赶走新客户和潜在潜在客户的一种可靠方式。
您需要为他们提供折衷方案，即您可以为他们提供一些免费赠品、优惠或更多信息，以便在您的网站上注册。
通过这样做，您向他们提供了一些有价值的东西作为回报，这肯定会激发他们的兴趣并促使他们在注册表中输入他们的信息。