✅Añade un Mensaje Personalizado en el Checkout de WooCommerce Sin Plugins

Hoy un suscriptor me preguntó si existía un plugin que permitiera agregar un texto en la página de checkout de WooCommerce indicando que, si un cliente quería pagar por un método distinto a PayPal, debía ponerse en contacto con la empresa.

Mi respuesta fue clara: no estoy seguro de que exista un plugin que haga exactamente y únicamente eso. Se podría utilizar algún plugin para modificar el checkout de WooCommerce, pero eso sería como matar moscas a cañonazos. Instalar un plugin con miles de líneas de código, diseñado para editar todo el proceso de checkout y con un sinfín de configuraciones, para simplemente agregar un pequeño mensaje, no tiene mucho sentido cuando se puede lograr lo mismo con menos de 10 líneas de código.

Solución con Código

Para resolver este problema de manera eficiente, podemos utilizar un simple snippet de código en el archivo functions.php del tema hijo o utilizar un plugin como Code Snippets que te ayuda a mantener todos los códigos organizados.

La clave está en el hook woocommerce_review_order_before_payment, que nos permite insertar contenido antes de la sección de métodos de pago en el checkout.

Si no sabes para que sirven los hooks revisa este artículo. Click aquí.

Aquí está el código que soluciona el problema:

add_action('woocommerce_review_order_before_payment', 'agregar_mensaje_pago_checkout');

function agregar_mensaje_pago_checkout() {
    echo '<p style="font-size: 14px; color: #ff0000; font-weight: bold; margin-top: 10px;">';
    echo 'Si deseas pagar por otro método que no sea PayPal, por favor contáctanos a través de WhatsApp: ';
    echo '<a href="https://wa.me/34XXXXXXXXX" target="_blank" style="color: #007cba; text-decoration: none;">';
    echo 'Haz clic aquí para contactarnos</a>.';
    echo '</p>';
}

Lenguaje del código: PHP (php)

Explicación del Código

1. add_action('woocommerce_review_order_before_payment', 'agregar_mensaje_pago_checkout');: Este hook de WooCommerce permite ejecutar una función antes de que se muestren las pasarelas de pago en el checkout.
2. Función agregar_mensaje_pago_checkout: Simplemente imprime un mensaje con echo.
3. Mensaje en HTML: Se utiliza un párrafo con estilos CSS en línea para resaltar el aviso en rojo.
4. Enlace de WhatsApp: Se proporciona un enlace directo para que los clientes puedan comunicarse con la empresa fácilmente.

Conclusión

En muchos casos, resolver un problema específico con código es mucho más eficiente que instalar un plugin genérico. Los plugins de personalización de checkout en WooCommerce tienen miles de líneas de código y muchas funcionalidades innecesarias para este caso particular. En cambio, con unas pocas líneas de código se logra exactamente lo que se necesita, sin ralentizar el sitio ni agregar dependencias innecesarias. Si buscas optimizar tu tienda en línea, aprender a hacer pequeños cambios con código puede ahorrarte recursos y mejorar el rendimiento de tu web.