🛍️ Botón Seguir Comprando & Info Checkout

Suite de optimización para el Carrito y Checkout de WooCommerce.

Este plugin mejora la experiencia de compra añadiendo elementos estratégicos en las etapas finales del embudo de ventas. Su objetivo es reducir el abandono del carrito proporcionando rutas claras de navegación ("Seguir Comprando") y resolviendo dudas frecuentes sobre envíos y garantías mediante un sistema de información interactivo (Modal/Popup) sin salir de la página de pago.

📋 Características Principales

🛒 Navegación e Incentivos

• Botón "Seguir Comprando": Inyecta un botón destacado en el Carrito y antes del pago en el Checkout que redirige a una categoría específica, permitiendo al usuario volver a la tienda fácilmente si desea agregar más productos.
• Aviso de Envío Gratuito: Muestra un mensaje promocional (ej. "Envíos gratis a partir de $150.000") justo encima del botón, incentivando al cliente a aumentar el valor de su pedido.

ℹ️ Centro de Confianza (Modal)

• Icono Interactivo: Añade dinámicamente un icono de interrogación (❓) al lado del título "Envío" en la tabla de totales del checkout mediante JavaScript.
• Ventana Emergente (Modal): Al hacer clic en el icono, se despliega una ventana con información crucial para generar confianza:
  • Pagos Seguros: Menciona la pasarela (ej. Wompi/Bancolombia) y seguridad.
  • Tiempos de Entrega: Promesa de entrega por ciudad/región.
  • Políticas de Cambio: Enlace directo a la página de devoluciones.
• Persistencia: El script detecta eventos de actualización de WooCommerce (updated_checkout) para asegurar que el icono no desaparezca si el usuario cambia su dirección o método de envío.

⚙️ Configuración (Hardcoded)

Este plugin no tiene panel de administración. Toda la personalización (URLs, textos, montos) se realiza editando directamente el código fuente.

Elementos Configurables:

1. URL de Redirección: La página a la que lleva el botón "Seguir Comprando".
2. Mensaje de Envío: El texto y el monto mínimo para envío gratis.
3. Contenido del Modal: Los textos sobre pagos, envíos y devoluciones.

(Ver la sección de Snippets de Configuración al final de este documento para ubicar dónde editar).

📂 Estructura del Plugin

• boton-seguir-comprando.php: Archivo único que contiene:
  • Hooks de WooCommerce (woocommerce_review_order_before_payment, woocommerce_proceed_to_checkout).
  • Estilos CSS para el botón y el modal.
  • Scripts JS para la interacción del modal y la inyección del icono en el DOM.

🚀 Instalación

1. Sube el archivo boton-seguir-comprando.php (o la carpeta) a /wp-content/plugins/.
2. Activa el plugin desde el panel de WordPress.
3. Edita el archivo PHP para ajustar la URL de tu tienda y tus políticas de envío.

💻 Shortcode

Este plugin inyecta su contenido automáticamente en los hooks de WooCommerce y no requiere shortcodes.

Versión: 1.0 Autor: Daniel Diaz - Tag Marketing Digital Tecnología: PHP, WooCommerce Hooks, Vanilla JS.

📝 Snippets de Configuración

Para personalizar el plugin, busca y edita estas líneas en boton-seguir-comprando.php:

1. Cambiar URL y Mensaje de Envío:

function add_continue_shopping_button() {
    // Cambia esta URL por la categoría o página de tienda principal
    $shop_page_url = '[https://www.arabesquecolombia.com/categoria-producto/mujeres/trusas-mujeres/](https://www.arabesquecolombia.com/categoria-producto/mujeres/trusas-mujeres/)';

    // Edita el mensaje de incentivo
    echo '<p style="...">Envíos gratis a partir de $150.000</p>'; 

    // ...
}