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 online.
La integración permite opciones de estilo mejoradas y flexibilidad de diseño utilizando tanto el Bloque de Pago de EDD como los ajustes disponibles 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 sus ajustes están disponibles para todos los usuarios, independientemente de si se utiliza Elementor.
Cuando vas a la página de Pago, los ajustes del bloque están a la derecha.
Vista previa
Primero, tienes la opción de activar el ajuste 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 en el 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.
Al hacer clic en él, te lleva a la interfaz del editor de Elementor.
Añadir 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
- Miniaturas y tamaño de miniaturas
- 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 la tarjeta
Estilo
La pestaña Estilo es donde puedes personalizar el estilo de tu widget de pago. 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 apliquen en tiempo real.
Si tienes alguna pregunta sobre la configuración específica del widget, no dudes en consultar la base de conocimientos de widgets de Elementor.
Solución de problemas
Si no ve las opciones del bloque EDD Checkout o del widget mencionadas anteriormente, es posible que deba actualizar su plugin Easy Digital Downloads.
Busque actualizaciones yendo a Panel » Actualizaciones en su área de administración de WordPress. Asegúrese de estar utilizando la versión 3.5.3 o superior.
