Cómo crear un código abreviado de página de cierre de sesión de WooCommerce

Publicado: 2020-08-22

WooCommerce Crear código abreviado de página de cierre de sesión ¿Desea crear un código abreviado de página de cierre de sesión de WooCommerce que pueda usar en cualquier lugar de su sitio de WooCommerce? Si está buscando un ejemplo rápido que realmente funcione con el código abreviado de la página de cierre de sesión de WooCommerce , este ejemplo le facilitará la comprensión de cómo hacerlo.

El uso de códigos abreviados facilita a los propietarios de tiendas WooCommerce personalizar rápidamente sus sitios sin codificación o con habilidades mínimas de codificación.

Hoy, voy a compartir con ustedes una forma rápida, fácil y brillante de crear un código abreviado de página de cierre de sesión de WooCommerce e implementarlo en cualquier lugar de su sitio y con un clic de botón, sus usuarios se desconectarán.

Como de costumbre, lo ilustraré paso a paso explicando cómo funciona mi código para que le resulte más fácil agregar el código al tema de su tienda. Si eres un nuevo desarrollador de WordPress o un desarrollador novato de WooCommerce

Punto final de cierre de sesión de WooCommerce

De forma predeterminada, WooCommerce proporciona a los usuarios un punto final predeterminado para el cierre de sesión que se puede usar para crear URL de cierre de sesión y puede acceder a él en la configuración de WooCommerce como se comparte en la imagen a continuación:

Punto final de cierre de sesión de WooCommerce

Puede personalizar este punto final según sus preferencias como se explica en este artículo: Personalización de los puntos finales de WooCommerce.

Además del punto final de cierre de sesión de WooCommerce, hay varios otros puntos finales que puede usar para personalizar sus URL de WooCommerce e incluyen los puntos finales de la página de pago y la página de mi cuenta:

Puntos finales de pago

Los siguientes puntos finales se utilizan para la funcionalidad relacionada con el proceso de pago y se adjuntan a la URL de la página /checkout:

Página de pago: /order-pay/{ORDER_ID}
Pedido recibido (gracias) – /order-received/
Añadir método de pago – /add-payment-method/
Eliminar método de pago – /delete-payment-method/
Establecer método de pago predeterminado – /set-default-payment-method/

Puntos finales de la cuenta

Los siguientes puntos finales se utilizan para la funcionalidad relacionada con la cuenta y se agregan a la URL de la página /mi cuenta:

Pedidos – /orders/
Ver pedido – /view-order/{ORDER_ID}
Descargas – /downloads/
Editar cuenta (y cambiar contraseña) – /edit-account/
Direcciones – /edit-address/
Formas de pago – /payment-methods/
Contraseña perdida – /lost-password/
Cerrar sesión – /customer-logout/

Crear código abreviado de página de cierre de sesión de WooCommerce

Vamos a utilizar el punto final de cierre de sesión de WooCommerce para cerrar la sesión del usuario y agregar el código al botón de código abreviado.

El punto final de cierre de sesión de WooCommerce es – /customer-logout/ agregaremos un URL attribute =true para crear la URL de cierre de sesión que usaremos en el botón de cierre de sesión.

La estructura completa de la URL debe ser la siguiente site_url/?logout-endpoint=true

Crear código abreviado de cierre de sesión de WooCommerce

Si no ha creado un código abreviado de WordPress o WooCommerce antes, tengo una excelente guía que escribí para ayudarlo a aprender cómo crear un código abreviado de WordPress. – échale un vistazo aquí.

Ahora vamos a crear el código abreviado de la página de cierre de sesión de WooCommerce paso a paso:

Paso 1 : cree el enlace de acción y las funciones de devolución de llamada para el código abreviado de la página de cierre de sesión; por ejemplo, puede crearlo de la siguiente manera : add_shortcode( 'wc_logout_shortcode', 'njengah_wc_logout_shortcode' ); . La función de devolución de llamada también se puede crear de la siguiente manera: function njengah_wc_logout_shortcode(){ }
Paso 2: compruebe si el usuario ha iniciado sesión con el código que compartí en este tutorial sobre cómo comprobar si el usuario ha iniciado sesión en WordPress: if (is_user_logged_in())
Paso 3: Cree la variable de URL de cierre de sesión y puede construir desde el punto final de WooCommerce de la siguiente manera: $wc_shortcode_logout_url = site_url() . '/?customer-logout=true'; $wc_shortcode_logout_url = site_url() . '/?customer-logout=true';
Paso 4: cree el código del botón y agregue una clase para que pueda diseñarlo rápidamente para que se ajuste al esquema de color de su tema de WooCommerce. <button class="wc_logout_shortcode_btn"><a href="<?php echo $wc_shortcode_logout_url; ?>">Log Out</a></button>
Paso 5: Reúna este código y agréguelo a su tema a través del archivo functions.php o puede incluir el código en el desarrollo de su complemento WooCommerce personalizado.
Paso 6: pruebe el código [wc_logout_shortcode] en cualquier lugar de una página o una publicación o incluso un widget de WordPress que admita códigos abreviados y debería ver el botón de cierre de sesión de WooCommerce que se muestra donde agrega el código abreviado.

El siguiente es el fragmento de código completo que puede agregar a functions.php para crear el código corto de la página de cierre de sesión de WooCommerce:

 /**
 * Agregue un botón de código abreviado de página de cierre de sesión de WooCommerce
 */

// Gancho de acción de código corto 

add_shortcode('wc_logout_shortcode', 'njengah_wc_logout_shortcode');

// Llamar de vuelta 

función njengah_wc_logout_shortcode(){
	
    ob_inicio();
    // Comprobar si el usuario ha iniciado sesión 
    si (is_user_logged_in()){ 
          // Crea la variable URL 
	   $wc_shortcode_logout_url = site_url() . '/?cliente-cierre de sesión=verdadero';?>
	    <button class="wc_logout_shortcode_btn"><a href="<?php echo $wc_shortcode_logout_url; ?>">Cerrar sesión</a></button> 
        <?php 
	}

    volver ob_get_clean();
}

Ahora puede probar el código abreviado agregándolo a una nueva página o publicación como se muestra en la imagen a continuación y debería ver el botón que se muestra en la interfaz.

código abreviado de la página de cierre de sesión de woocommerce

Pruebe el botón de código abreviado de cierre de sesión de WooCommerce en la página

Finalmente, en la interfaz, debe probar el botón de cierre de sesión y ver si funciona como se muestra en la imagen a continuación. Si siguió todos los pasos, el código abreviado de cierre de sesión de WooCommerce debería funcionar como se muestra en mi ejemplo a continuación:

ejemplo de shortcode de cierre de sesión de woocommerce

Conclusión

En esta publicación, he compartido contigo cómo crear un código abreviado para la funcionalidad de cierre de sesión de WooCommerce. Si desea cerrar sesión sin que aparezca un mensaje de confirmación, escribí una buena guía sobre cómo puede eliminar el mensaje de confirmación de cierre de sesión de WooCommerce.

En un resumen rápido, para crear un código abreviado de cierre de sesión de WooCommerce, debe aprovechar el punto final de cierre de sesión predeterminado de WooCommerce. ¡También puede cambiar esta URL de punto final a cualquier variable que desee y agregarla a su código y funcionará!

Cómo crear un código abreviado de página de cierre de sesión de WooCommerce

Punto final de cierre de sesión de WooCommerce

Puntos finales de pago

Puntos finales de la cuenta

Crear código abreviado de página de cierre de sesión de WooCommerce

Crear código abreviado de cierre de sesión de WooCommerce

Pruebe el botón de código abreviado de cierre de sesión de WooCommerce en la página

Conclusión

Artículos similares