Toda la documentación · Información del plugin
Configura tu primer diseño de pago
Guía de Premium en italiano · Guía de configuración en inglés
Elige un diseño, revisa su vista previa y aplícalo cuando esté listo.
Versión 0.4.0-alpha.2 · Candidata de desarrollo · Actualizada el 25 de septiembre de 2026
Antes de empezar
Utiliza una tienda de pruebas con WooCommerce activo, una página de pago configurada y un producto en el carrito. Inicia sesión con permiso manage_woocommerce. Haz una copia de seguridad antes de cambiar el proceso de compra. Prueba los plugins de pago y de campos que utilices con el motor elegido.
Del borrador a una página de pago activa
- Abre HookSpark → Checkout Customizer → Templates & editor («Plantillas y editor»).
- Elige Split. Se seleccionará automáticamente el motor clásico. En escritorio, el formulario aparece a la izquierda y el resumen del pedido a la derecha.
- Establece un color principal e introduce un mensaje de ayuda opcional. Save draft («Guardar borrador») conserva estos ajustes sin cambiar la página de pago activa.
- Revisa las vistas Desktop (1280 px) y Mobile (390 px). La vista previa utiliza tu carrito actual.
- Selecciona Apply to checkout («Aplicar a la página de pago»). Abre el pago activo en otra pestaña y completa tus casos de prueba.
Comprueba el resultado
Comprueba la etiqueta del diseño activo y, después, la página de pago real. El borrador guardado y la página activa pueden utilizar diseños distintos de forma intencionada. Con un artículo ficticio de 30 € sin impuestos ni envío, el total esperado es de 30 €; el diseño no cambia los precios.
Si el resultado no es el esperado
Un carrito vacío puede ocultar el formulario de pago. Prepara primero el carrito. Si desaparece una pasarela o un campo personalizado, confirma que sean compatibles con el motor clásico. Utiliza Restore previous («Restaurar anterior») para recuperar la configuración activa previa, o desactiva el diseño y aplica el cambio para volver a la página original de WooCommerce.
Primera actualización desde una versión de desarrollo antigua
Algunas instalaciones de desarrollo antiguas, incluida la copia conservada de la demo alpha1, no contienen el cliente de licencias y no pueden detectar esta actualización automáticamente. Haz una copia de seguridad del sitio y exporta tu diseño guardado; después, prueba el nuevo ZIP en un entorno de pruebas. En WordPress, abre Plugins → Añadir nuevo → Subir plugin, selecciona el ZIP autorizado de Checkout Customizer y sustituye la versión instalada. Reactiva el plugin si WordPress lo solicita. Comprueba la versión, la página de pago activa, el borrador, los campos y los diseños guardados antes de repetir el procedimiento en la tienda. No elimines el plugin como paso de actualización. Podrás conectar una licencia cuando instales una versión que incluya el cliente; esto no demuestra que se haya probado el servicio de actualizaciones.