Esta documentación te guiará a través de la integración de Easy Digital Downloads y el plugin de page builder Elementor para crear una página de pago de EDD atractiva y personalizable para tu tienda en línea.
La integración permite opciones de estilo mejoradas y flexibilidad de diseño utilizando tanto el Bloque de Pago de EDD como la configuración disponible a través del editor de arrastrar y soltar de Elementor y el widget dedicado de Pago de EDD.
Bloque de Pago de EDD
La página de Pago se crea automáticamente al activar el plugin de EDD. Encuéntrala en Páginas » Página de Pago. Utiliza el bloque de Pago de EDD.
Nota: El Bloque de Pago de EDD y su configuración están disponibles para todos los usuarios, independientemente de si se utiliza Elementor.
Cuando vas a la página de Pago, la configuración del bloque está a la derecha.
Vista Previa
Primero, tienes la opción de activar la configuración de Vista Previa como Invitado. Esto te ayuda a asegurar que la experiencia sea óptima tanto para visitantes primerizos como para clientes recurrentes.
Esto te muestra una vista previa en tiempo real de la página de pago y el formulario de tarjeta de crédito directamente en el editor. Puedes elegir uno de tus productos del menú desplegable Seleccionar una Descarga y ver una vista previa en tiempo real de cómo se ve el formulario de pago con un artículo en el carrito.
Ajustes
- Cambiar el Diseño
- Ajustar el Tamaño de la Miniatura del Carrito
- Mostrar/Ocultar Formulario de Descuento
Editar Pago con Elementor
Elementor creó su propio widget de Pago de EDD, que ofrece a los usuarios un control de diseño más profundo directamente en Elementor.
Acceder al Editor de Elementor
Con el plugin de page builder Elementor instalado y activado en tu sitio de WordPress, tu página de Pago de EDD ofrece la opción de Editar con Elementor.
Hacer clic en él te lleva a la interfaz del editor de Elementor.
Agregar y Configurar Widget de Pago
En el panel de elementos del lado izquierdo de la pantalla, busca Pago de EDD. Arrástralo y suéltalo en tu página.
El widget proporciona una vista previa en tiempo real de tu formulario de pago. Configuras los ajustes del elemento en el panel del lado izquierdo para personalizar cada aspecto de tu página de pago.
El Pago de EDD tiene tres pestañas de configuración principales.
Contenido
Estos ajustes son similares a los ajustes del bloque en el bloque nativo de Pago de EDD.
General
- Artículo del Carrito
- Alineación de Cuenta
- Diseño
Carrito
- Encabezado
- Miniatura y Tamaño de Miniatura
- Formulario de Descuento
Títulos de Sección
Puedes mostrar/ocultar:
- Información Personal
- Detalles de Facturación
- Método de Pago
- Información de Tarjeta
Estilo
La pestaña Estilo es donde puedes personalizar el estilo de tu widget de Checkout. Esto incluye cosas como la tipografía y los colores de texto/fondo, el radio y el relleno, etc.
- General
- Botón de Compra
- Carrito
- Secciones del Formulario
- Elementos del Formulario
- Información Personal
- Detalles de Facturación
- Método de Pago
- Detalles de la Tarjeta
Avanzado
Esta pestaña es donde puedes encontrar opciones más avanzadas para personalizar el aspecto y la apariencia de tu página de pago. Hay varios acordeones, cada uno con su propio subconjunto de configuraciones que puedes configurar. Las secciones incluyen:
- Diseño
- Efectos de Movimiento
- Transformar
- Fondo
- Borde
- Máscara
- Responsivo
- Atributos
- CSS personalizado
Cuando hayas terminado, puedes hacer clic en la flecha hacia abajo en la esquina superior derecha de la pantalla. Luego elige Guardar Borrador, Guardar Plantilla o Ver Página. También puedes seleccionar Publicar para que tus cambios se publiquen.
Si tienes alguna pregunta sobre la configuración específica del widget, no dudes en explorar la base de conocimientos de widgets de Elementor.
Solución de problemas
Si no ves las opciones del bloque o widget EDD Checkout discutidas anteriormente, es posible que necesites actualizar tu plugin Easy Digital Downloads.
Busca actualizaciones yendo a Panel » Actualizaciones en tu área de administración de WordPress. Asegúrate de estar usando la versión 3.5.3 o superior.
