Cómo integrar con botones y tablas de precios de Divi

Este documento te mostrará cómo usar la Tabla de precios, la Llamada a la acción y los Botones de Divi para que funcionen junto con los formularios de superposición en el sitio (Onsite) de WP Simple Pay y las páginas de pago de Stripe (Offsite).

En este ejemplo, usaré el elemento Llamada a la acción de Divi para lanzar un formulario de superposición en el sitio.

Una vez que hayas personalizado la configuración de Texto, el texto del Botón, etc., de tu Llamada a la acción, es hora de agregar el formulario de WP Simple Pay.

En la pestaña Contenido de la Configuración de Llamada a la acción, desplázate hacia abajo y maximiza la sección Enlace.

Necesitarás agregar un "#" en el campo URL del enlace del botón, luego selecciona el formulario de pago adecuado en el menú desplegable de WP Simple Pay. Una vez que hayas completado. Haz clic en la marca verde Guardar.

Debes agregar un "#" en el campo URL del enlace del botón en la sección Enlace para que el formulario de pago se inicie correctamente. Esto se aplica a TODOS los botones de Divi, incluidos los botones de Tabla de precios y Llamada a la acción.

Al usar el tipo de formulario Pago de Stripe, solo están disponibles para elegir formularios sin campos personalizados adicionales en el sitio.

Todo está en su lugar y el botón de tu Llamada a la acción lanzará un formulario de superposición en el sitio, que se muestra a continuación, o redirigirá al Pago de Stripe fuera del sitio, dependiendo de tu tipo de formulario.

Repita el proceso detallado anteriormente para cada botón de la tabla de precios, si corresponde.

Si has agregado todo correctamente y los formularios aún no se inician, es posible que necesites Desactivar la configuración Retrasar jQuery y jQuery Migrate en la pestaña Divi → Opciones del tema → General → Rendimiento.