Edición: Modal COD Form Free (v2.0+) | Directorio del Plugin: wp-content/plugins/modal-cod-form

Modal COD Form Free v2.0 es la edición gratuita oficial publicada en el repositorio de WordPress.org. Te permite transformar cualquier tienda WooCommerce en un embudo de compra contraentrega en 1 solo paso en menos de 5 minutos.

Paso 1: Instalación del Plugin en WordPress

Puedes instalar la versión gratuita de dos maneras:

  1. Desde el repositorio oficial de WordPress:
    • Ingresa a tu panel de administración (wp-admin) y dirígete a Plugins → Añadir nuevo plugin.
    • En el buscador escribe Modal COD Form.
    • Haz clic en Instalar ahora y posteriormente en Activar.
  2. Subiendo el archivo .zip descargado:
    • Descarga el paquete desde nuestra página Modal COD Form Gratis.
    • Ve a Plugins → Añadir nuevo plugin → Subir plugin, selecciona el archivo modal-cod-form.zip y actívalo.

Paso 2: Habilitar el Método de Pago Contra Reembolso en WooCommerce

Para que el plugin registre correctamente las órdenes con el método de pago cod (Cash on Delivery):

  1. Ve a WooCommerce → Ajustes → Pagos.
  2. Activa la opción Contra reembolso (Cash on delivery).
  3. Haz clic en Gestionar y asegúrate de que el título sea claro para tu cliente (por ejemplo: «Pago Contra Entrega (Paga en efectivo al recibir)»).

Paso 3: Recorrido por las 7 Secciones de Configuración (Edición Free)

Una vez activado, dirígete a WooCommerce → Ajustes → Modal COD Form (o desde el menú lateral COD Form). Encontrarás 7 pestañas organizadas mediante la clase MODALCODF_Settings_Manager:

Pestaña / Sección Clase Controladora Qué puedes configurar
1. General MODALCODF_Settings_General Estado inicial del pedido (por defecto on-hold / En espera), ignorar envíos de WooCommerce (cod_form_ignore_wc_shipping), precargar primer método de envío (cod_form_load_initial_shipping), hacer obligatorio el email y ocultar el selector de cantidad.
2. Diseño (Design) MODALCODF_Settings_Design Imágenes superiores e inferiores del modal (banners de confianza), título del formulario, color de resalte (cod_form_highlight_color), diseño horizontal de campos y desactivación selectiva de campos (cod_form_disable_form_fields).
3. Botón de Pago MODALCODF_Settings_Payment_Button Texto principal (ej. «Pagar al recibir»), subtítulo («Pago seguro en casa»), colores de fondo y texto, radio de borde, sombra, animación (shake, bounce, pulse), botón flotante móvil (sticky) y Vista Previa en Tiempo Real.
4. Textos (Text Customization) MODALCODF_Settings_Text_Customization Etiquetas (label) y textos de ayuda (placeholder) de todos los campos del formulario (Nombre, Apellido, Teléfono, Departamento, Ciudad, Distrito, Dirección, Email, Notas) y texto del botón final de envío.
5. Icono del Carrito MODALCODF_Settings_Menu_Icon Estilo del icono (carrito o bolsa), color y tamaño máximo en píxeles para el shortcode [modalcodf_menu_cart] o [cod_menu_cart].
6. Shortcodes MODALCODF_Settings_Shortcodes Generador Interactivo de Shortcodes con selector de producto, controles visuales y vista previa en vivo para copiar [custom_add_to_cart_button id="123" ...] en 1 clic.
7. Funciones PRO MODALCODF_Settings_Pro_Features Resumen de los módulos avanzados disponibles al actualizar a Modal COD Form PRO v5.0.

¿Cómo desactivar el botón COD en un producto específico?

Si vendes algún producto digital o que solo acepta pago anticipado, edita ese producto en WooCommerce, ve a la caja Datos del producto → General y marca la casilla «Deshabilitar botón COD» (metadato _cod_disable_button = 'yes'). En ese producto se mostrará el botón nativo de WooCommerce.

Siguientes Pasos Recomendados