✅ Formulario de Soporte en MI CUENTA de Woocommerce

Este código proporciona una mejora práctica en sitios web que utilizan WooCommerce al introducir una pestaña de «Soporte» en las cuentas de usuario. Sin entrar en detalles técnicos, esta adición permite a los usuarios acceder a recursos y formularios de contacto específicos para recibir asistencia o hacer consultas adicionales.

Posibles Casos de Uso:

1. Soporte Personalizado:
   • Los sitios web pueden utilizar esta funcionalidad para ofrecer a sus usuarios un acceso directo a recursos de soporte y formularios de contacto personalizados.
2. Consultas de Clientes:
   • Empresas que venden productos o servicios a través de WooCommerce pueden aprovechar esta pestaña para facilitar a los clientes la realización de consultas sobre sus compras.
3. Asistencia Técnica:
   • Sitios especializados en productos técnicos pueden utilizar esta función para ofrecer un canal dedicado a consultas técnicas y proporcionar recursos adicionales para resolver problemas.
4. Interacción sin Problemas:
   • Facilita la interacción entre los usuarios y el equipo de soporte al centralizar la información y los formularios en un lugar accesible desde la cuenta del usuario.
5. Personalización de Servicios:
   • Negocios que deseen personalizar su oferta de soporte pueden adaptar este código para incluir recursos específicos, tutoriales o incluso acceso a un chat en vivo.
6. Formularios Específicos:
   • La inclusión de formularios específicos, como el utilizado con el shortcode , permite a los usuarios enviar consultas de manera conveniente.
7. Mejora de Experiencia del Usuario:
   • Contribuye a una experiencia del usuario más completa al proporcionar un acceso fácil y directo a recursos de soporte, fortaleciendo la relación entre el sitio y sus usuarios.

En conjunto, esta adición de «Soporte» no solo enriquece las opciones de las cuentas de usuario, sino que también abre oportunidades para una comunicación más efectiva y una experiencia de usuario mejorada.

El siguiente código tienes que agregarlo en el functions.php de tu tema hijo o utilizar un plugin como CODE SNIPPETS.

<?php
// Función para agregar la pestaña "Soporte" en Mi cuenta
function agregar_pestana_soporte( $items ) {
    $items['soporte'] = 'Soporte';
    return $items;
}

// Función para mostrar el contenido de la pestaña "Soporte"
function mostrar_contenido_soporte() {
	
	// Obtener el correo electrónico del usuario actual
    $user_email = wp_get_current_user()->user_email;
	
	// Texto adicional que se mostrará encima del formulario
    echo '<p>Si tienes cualquier consulta puedes utilizar el formulario que hay a continuación:</p>';
	
    // Puedes personalizar este código según tus necesidades
    echo do_shortcode('[wpforms id="1219" title="false"]');
}

// Registrar la pestaña "Soporte"
function registrar_pestana_soporte() {
    add_rewrite_endpoint('soporte', EP_PAGES);
}

// Hook para agregar la pestaña
add_filter( 'woocommerce_account_menu_items', 'agregar_pestana_soporte' );
add_action( 'init', 'registrar_pestana_soporte' );
add_action( 'woocommerce_account_soporte_endpoint', 'mostrar_contenido_soporte' );
Lenguaje del código: HTML, XML (xml)

Entendiendo el Código

1. Agregar Pestaña «Soporte»:
   • La función agregar_pestana_soporte se encarga de añadir una nueva pestaña llamada «Soporte» a la sección de cuentas de usuario en un sitio web de WooCommerce. Cuando los usuarios acceden a sus cuentas, verán esta nueva opción junto a otras como Historial de Pedidos y Configuración de la Cuenta.
2. Mostrar Contenido en la Pestaña «Soporte»:
   • Cuando los usuarios hacen clic en la pestaña «Soporte», la función mostrar_contenido_soporte se activa. Esta función muestra un mensaje amigable que indica que los usuarios pueden utilizar un formulario de contacto para hacer consultas. Este formulario se agrega con un shortcode de WPForms.
3. Registrar la Pestaña «Soporte» y su Endpoint:
   • Para que WordPress entienda cómo manejar la URL cuando los usuarios acceden a la pestaña «Soporte», se utiliza la función registrar_pestana_soporte. Esta función registra un endpoint llamado ‘soporte’, que es esencial para que WordPress pueda dirigir correctamente la solicitud y mostrar el contenido correcto.
4. Conectar las Funciones a Eventos en WordPress:
   • Los «hooks» (add_filter y add_action) son utilizados para conectar estas funciones a eventos específicos en WordPress.
   • add_filter( 'woocommerce_account_menu_items', 'agregar_pestana_soporte' ) asegura que la pestaña «Soporte» se incluya en el menú de cuentas de usuario de WooCommerce.
   • add_action( 'init', 'registrar_pestana_soporte' ) registra el endpoint ‘soporte’ cuando WordPress se inicializa.
   • add_action( 'woocommerce_account_soporte_endpoint', 'mostrar_contenido_soporte' ) muestra el contenido de la pestaña «Soporte» cuando se accede a la URL correspondiente.

En resumen, este conjunto de funciones y ganchos permite la creación y gestión de una pestaña personalizada llamada «Soporte» en las cuentas de usuario de un sitio de comercio electrónico basado en WooCommerce, proporcionando a los usuarios un acceso fácil a información y formularios de contacto relacionados con el soporte.

Si necesitas adaptar el código a las necesidades de tu proyecto o agregar una funcionalidad específica a tu página web no dudes en contactar conmigo.

Nos vemos en el siguiente tutorial.

Un saludo.