Cómo agregar un formulario de registro a las tiendas WooCommerce
Publicado: 2021-08-18
Esta vez vamos a presentar las formas más simples posibles de agregar un formulario de registro a las tiendas y plataformas de compras de WooCommerce .
Un formulario de registro fácil de usar es una de las partes esenciales que debe tener cualquier tipo de sitio web. Ya seas propietario de un hotel o agencia de viajes, prestación de servicios o sitio web comercial.
Debe proporcionar a sus clientes potenciales y potenciales formularios de registro para ingresar sus datos personales y otros detalles en los campos de registro y enviarle servicios, productos, suscripciones, planes o más.
¿Qué es un formulario de registro?
Un formulario de registro es una secuencia de campos que deben completarse con la información del usuario.
En general, es una forma ideal de recopilar la información necesaria de sus usuarios web, clientes, clientes y seguidores que de alguna manera están interesados en su negocio, tienda, empresa, organización sin fines de lucro o lo que sea.
Qué debes tener en cuenta cuando quieres añadir un formulario de registro a las tiendas WooCommerce
Bueno, registrarse en decenas de sitios web y blogs no es el proceso más agradable para los usuarios de Internet.
Pero la verdad es que ya están acostumbrados y están listos para brindarte su información básica en la mayoría de los casos.
Sin embargo, debe encargarse de ofrecer un valor real en torno a su formulario de registro al explicar por qué un visitante de la web debe registrarse en su sitio.
Evite exigir demasiada información, deje solo campos lógicos, explique por qué, haga que la política de privacidad y seguridad sea precisa y fácil de entender.
Por qué es importante optimizar el formulario de registro de su sitio web comercial
Que la disponibilidad y sencillez de un formulario de registro determina directamente el número de usuarios en su base de datos e incide en el deseo del usuario de continuar su relación con su sitio web.
Por lo tanto, un formulario de contacto bien formateado y que funcione bien puede traer más clientes y más oportunidades comerciales.
Además, si logra agregar un formulario de registro a la tienda WooCommerce que sea simple, fácil de entender y que funcione sin problemas, lo evitará de una avalancha de cartas que necesitan soporte técnico que inevitablemente se convertirá en un dolor de cabeza para usted y su personal.
Ahora que hemos demostrado la importancia de integrar un formulario de registro en su entorno WooCommerce en línea, comprendamos cómo se puede hacer desde un punto de vista técnico.
Cómo agregar un formulario de registro a las tiendas WooCommerce
Primero, debe habilitar el formulario desde la configuración del backend de WooCommerce. Siga la ruta WooCommerce, Configuración, Cuentas, Habilitar registro. Accederá a la ventana desde donde debe marcar la casilla junto a "Habilitar registro de cliente en la página "Mi cuenta".
Aquí también puede controlar otras configuraciones, como mostrar el recordatorio de inicio de sesión del cliente que regresa en la página de pago, generar automáticamente el nombre de usuario o la contraseña del cliente, etc. para que el proceso de registro sea más optimizado para el usuario.
Una vez que haya terminado con esta parte de configuración, el formulario de registro se mostrará en la interfaz, lo que significa que sus esfuerzos para agregar un formulario de registro a WooCommerce no fueron en vano.
Como puede ver ahora, el formulario que ha agregado es bastante simple y modesto. Por lo tanto, el siguiente paso es agregar campos en el formulario de registro que ya ha habilitado.
Puede insertar el siguiente código al final de su archivo functions.php si desea agregar algunos campos básicos como nombre y apellido, número de teléfono, correo electrónico y contraseña.
función wooc_extra_register_fields() {?>
<p class=”form-row form-row-wide”>
<label for=”reg_billing_phone”><?php _e( 'Teléfono', 'woocommerce' ); ?></etiqueta>
<input type=”text” class=”input-text” name=”billing_phone” id=”reg_billing_phone” value=”<?php esc_attr_e( $_POST['billing_phone'] ); ?>” />
</p>
<p class=”formulario-fila formulario-fila-primero”>
<label for=”reg_billing_first_name”><?php _e( 'First name', 'woocommerce' ); ?><span class=”requerido”>*</span></etiqueta>
<input type=”text” class=”input-text” name=”billing_first_name” id=”reg_billing_first_name” value=”<?php if ( ! vacío( $_POST['billing_first_name'] ) ) esc_attr_e( $_POST[' nombre_de_facturación'] ); ?>” />
</p>
<p class=”formulario-fila formulario-fila-última”>
<label for=”reg_billing_last_name”><?php _e( 'Apellido', 'woocommerce' ); ?><span class=”requerido”>*</span></etiqueta>
<input type=”text” class=”input-text” name=”billing_last_name” id=”reg_billing_last_name” value=”<?php if ( ! vacío( $_POST['billing_last_name'] ) ) esc_attr_e( $_POST[' apellido_facturación'] ); ?>” />
</p>
<div class=”clear”></div>
<?php
}
add_action('woocommerce_register_form_start', 'wooc_extra_register_fields');
Una vez que se actualice la página, encontrará nuevos campos agregados a su formulario de registro.
Siempre que desee conectar su formulario de registro con la dirección de facturación, debe agregar el prefijo "facturación" antes del nombre del campo. A continuación puede encontrar los campos de formulario más utilizados:
nombre_de_facturación, apellido_de_facturación, empresa_de_facturación, dirección_de_facturación_1, dirección_de_facturación_2,
ciudad_de_facturación, código_postal_de_facturación, país_de_facturación, estado_de_facturación, correo_electrónico_de_facturación, teléfono_de_facturación
Ahora es el momento de validar los datos en los campos del formulario con otra pieza de código que se agregará al archivo functions.php. Utilice las líneas de código mencionadas a continuación para la validación de datos:
/**
* Registrar campos Validando.
*/
función wooc_validate_extra_register_fields ($ nombre de usuario, $ correo electrónico, $ errores_validación) {
if ( isset( $_POST['nombre_de_facturación'] ) && vacío( $_POST['nombre_de_facturación'] ) ) {
$validation_errors->add( 'billing_first_name_error', __( '<strong>Error</strong>: ¡Se requiere el primer nombre!', 'woocommerce' ) );
}
if ( isset( $_POST['apellido_facturación'] ) && vacío( $_POST['apellido_facturación'] ) ) {
$validation_errors->add( 'billing_last_name_error', __( '<strong>Error</strong>: ¡Se requiere el apellido!.', 'woocommerce' ) );
}
devuelve $validation_errors;
}
add_action('woocommerce_register_post', 'wooc_validate_extra_register_fields', 10, 3);
Este código verifica la matriz $_POST para los valores del formulario e incluye un mensaje de error cada vez que el valor no está presente o los datos no son válidos.
Finalmente, debe guardar estos valores en la base de datos. Tan pronto como se validen los valores, debe usar el siguiente código en su functions.php para insertar valores en la base de datos:
/**
* A continuación, el código guarda campos adicionales.
*/
función wooc_save_extra_register_fields ($ cliente_id) {
if ( isset( $_POST['billing_phone'] ) ) {
// Entrada de teléfono archivada que se usa en WooCommerce
update_user_meta( $customer_id, 'billing_phone', sanitize_text_field( $_POST['billing_phone'] ) );
}
if ( isset( $_POST['billing_first_name'] ) ) {
// campo de nombre que es por defecto
update_user_meta( $customer_id, 'first_name', sanitize_text_field( $_POST['billing_first_name'] ) );
// Campo de nombre que se usa en WooCommerce
update_user_meta( $customer_id, 'billing_first_name', sanitize_text_field( $_POST['billing_first_name'] ) );
}
if ( isset( $_POST['billing_last_name'] ) ) {
// Campo de apellido que es por defecto
update_user_meta( $customer_id, 'last_name', sanitize_text_field( $_POST['billing_last_name'] ) );
// Campo de apellido que se usa en 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' );
¡Terminado! Ahora ha recopilado, validado y agregado con éxito valores a su base de datos y están listos para su uso.
Publicación relacionada: La comparación entre BigCommerce y WooCommerce: ¿cuál es mejor?
Como puede ver, puede agregar rápidamente un formulario de registro a la tienda WooCommerce , agregarle campos y asegurarse de que sus usuarios estén satisfechos con su trabajo.
Como propietario de un negocio, es importante que configure un sitio web lo antes posible y, al hacerlo, asegúrese de configurarlo en una plataforma de WordPress, ya que le ofrece una mayor flexibilidad que la mayoría.
Asegúrese de elegir un tema que sea compatible con WooCommerce y de configurar un formulario de registro para las tiendas de WooCommerce .
El proceso es bastante fácil y no debería llevarte más de unos minutos como máximo. En caso de que se pregunte por qué molestarse en tener que configurar un formulario de registro para las tiendas de WooCommerce , puede consultar los motivos que se enumeran a continuación.
- Información del usuario: al utilizar los formularios de registro en su sitio web, puede hacer que los usuarios se suscriban a las actualizaciones diarias y asegurarse de que reciban la información más reciente sobre sus productos y servicios. Puede utilizar la información que compartieron con usted para optimizar su comercialización, de modo que pueda llegar a su grupo demográfico clave con mayor eficacia que antes.
- Compromiso del usuario: al usar formularios de registro, esencialmente estaría interactuando con sus usuarios. Con una mayor participación de los usuarios, aumentan las posibilidades de una conversión y una venta real, por lo que debe asegurarse de que su woo commerce venga con el formulario de registro habilitado en segundo plano.
- Marketing: Cualquier información que proporcione el usuario debe resultar de gran valor. Puede usar esta información para comercializar directamente sus productos y servicios, pero asegúrese de no enviar spam, ya que eso está estrictamente prohibido.
Más importante aún, puede optimizar su estrategia de marketing, utilizar la información proporcionada por los clientes y orientarlos con anuncios específicos, en el mismo.
- Fácil configuración: el proceso para configurar su formulario de registro es bastante fácil; todo lo que necesita hacer es dirigirse al área de administración de woocommerce y desde el backend, habilitar el formulario de registro y activarlo. Incluso puede personalizarlo para que atraiga a nuevos clientes y, en consecuencia, estarían interesados en brindarle la información que necesita a través del formulario de registro que acaba de instalar en su sitio web.
- SEO: con el formulario de registro en su sitio web, debería poder brindarles a sus usuarios una experiencia de usuario mejorada y esto, a su vez, debería ayudar a impulsar esas clasificaciones SERP. Esto debería generar más tráfico y, por lo tanto, debería ayudar a aumentar las visitas a la página, las impresiones y mucho más.
Estas son algunas de las razones por las que debe instalar un formulario de registro en su sitio web lo antes posible.
Más importante aún, debe asegurarse de no enviar spam a sus usuarios, ya que es una forma segura de ahuyentar a nuevos clientes y posibles clientes potenciales.
Debe ofrecerles una compensación, una en la que les proporcione algún obsequio, oferta o más información para registrarse en su sitio.
Al hacerlo, les está ofreciendo algo valioso a cambio y esto definitivamente debería despertar su interés y hacer que ingresen su información en el formulario de registro.