Iniciar sesión
Empezar

Blog de Easy Digital Downloads

Tutoriales, consejos y recursos de WordPress para ayudarte a hacer crecer tu negocio

Personaliza el diseño de tu página de pago con los nuevos bloques internos de EDD

Personaliza el diseño de tu página de pago con nuevos bloques internos

Última actualización:

imagen del autor
Por Casey Cavanagh Redactor
imagen del reseñador
REVISADO Por Chris Klosowski Presidente

Tu página de pago es lo último que ve un cliente antes de comprar, por lo que necesita un diseño que cree una experiencia de compra fluida y de alta conversión.

Siempre has tenido algunas formas de ajustar tu página de pago, pero estabas limitado a un puñado de diseños preestablecidos, sin forma de reorganizar lo que había dentro de ellos.

Nos complace anunciar que eso ha cambiado. Con la última actualización de Easy Digital Downloads, puedes personalizar el diseño de tu página de pago con nuevos bloques internos, directamente en el editor de bloques de WordPress. No se requiere ningún plugin adicional ni codificación.

Aquí tienes todo lo nuevo y cómo empezar a usarlo.


Puntos clave

Control total del diseñoReorganiza, agrega o elimina cualquier parte de tu página de pago directamente en el editor de bloques.
Sin plugin adicionalDisponible en Easy Digital Downloads Lite y Pro. No se requiere constructor de páginas.
Puntos de partida listos para usarElige entre varios diseños predefinidos y luego personaliza a partir de ahí.
Nuevas configuraciones por secciónMuestra cantidades, combina campos de nombre y más, todo desde la barra lateral del bloque.

¿Qué cambió en tu página de pago? 🎨

Antes, el pago en Easy Digital Downloads residía dentro de un solo bloque (EDD Checkout). Podías elegir entre algunas formas predefinidas, pero no podías tocar lo que había dentro de ellas.

Ahora, con la última actualización de Easy Digital Downloads, tu página de pago se construye a partir de bloques internos: tu carrito, la información personal de tu cliente, los detalles de pago y tu campo de código de descuento. Cada uno es su propio bloque.

¿Ya tienes una página de pago? Se actualiza automáticamente. Cualquier configuración que ya hayas elegido, como tu diseño o si se muestra el formulario de descuento, se mantiene. Nada se rompe y no hay nada que necesites rehacer.

Eso significa que puedes mover cualquiera de ellos, eliminar los que no necesites o reconstruir toda la página desde cero. Todo sin tocar una línea de código.

Más control sobre cada parte de tu pago 🧩

Easy Digital Downloads divide tu pago en bloques que puedes controlar individualmente. Aquí tienes cómo se ve realmente.

Elige entre diseños prehechos

En la página de pago de tu tienda, el bloque EDD Checkout abre su panel de Diseño.

Hay cinco diseños disponibles para empezar: una sola columna, un par de divisiones de dos columnas y un diseño con tu carrito en la parte superior y el resto del formulario debajo.

El panel de Diseño del bloque EDD Checkout abierto, mostrando cinco opciones de diseño.

Elige el que más se parezca a lo que quieres. Un diseño de dos columnas, por ejemplo, mantiene el resumen de tu carrito visible mientras tu cliente completa sus datos de pago, para que pueda ver exactamente lo que está comprando en el momento en que decide pagar.

Puedes volver a abrir este panel y cambiar los diseños en cualquier momento. Solo ten en cuenta que al cambiar se reemplaza cada bloque dentro de tu pago, así que elige tu diseño primero y deja la personalización para después.

Reorganiza cualquier parte de tu pago

Una vez que hayas elegido un diseño, cada sección de tu pago es su propio bloque. Arrastra cualquiera de ellos a un nuevo lugar o elimina uno que no necesites.

Controles de mover y arrastrar del bloque de carrito, con información personal e información de pago mostradas una al lado de la otra.

¿No quieres un campo de código de descuento en el pago? Desactívalo desde la configuración del bloque del carrito en lugar de eliminar toda una sección.

Ajusta cada sección

Cada parte tiene su propia configuración. Tu bloque de carrito te permite mostrar u ocultar las miniaturas de los productos, ajustar su tamaño y decidir si los clientes pueden cambiar las cantidades de los artículos directamente desde el pago.

Configuración del bloque de carrito de EDD Checkout: Mostrar fila de encabezado, Mostrar miniaturas, Ancho de miniatura, Mostrar formulario de descuento.

Tu bloque de información personal puede combinar el nombre y el apellido en un solo campo, un pequeño cambio que puede hacer que tu formulario de pago parezca más corto.

Estiliza cada sección para que coincida con tu tienda

Elige una disposición de dos columnas, y cada columna se convierte en su propio bloque con su propio conjunto de opciones de diseño. Elige entre varios preajustes de estilo integrados, directamente desde la misma barra lateral que ya usabas para reorganizar bloques.

Una columna de pago con el ajuste preestablecido Estilo 2 seleccionado en la pestaña Estilos.

¿Cómo personalizar el diseño de tu página de pago? ⚙️

¿Listo para empezar? Después de actualizar Easy Digital Downloads a la última versión, puedes acceder y usar los nuevos bloques internos de inmediato.

Desde tu panel de WordPress, ve a Páginas y abre tu página de pago. El bloque EDD Checkout ya está ahí. ¿No estás seguro de qué página es? Revisa Descargas » Ajustes » Pagos para el campo Página de Pago.

¿Quieres probar esto primero sin tocar tu página de pago en vivo? Crea una nueva página y agrega el bloque EDD Checkout allí en su lugar, luego elige una disposición del selector que aparece.

El insertador de bloques de WordPress abierto en una página, con el bloque EDD Checkout resaltado entre los bloques disponibles.

Selecciona cualquier bloque, carrito, información personal, información de pago o formulario de descuento, para abrir su propia configuración en la barra lateral. El bloque del carrito por sí solo te ofrece interruptores para las miniaturas de productos, el tamaño de las miniaturas, las cantidades de artículos y el formulario de descuento.

Reorganiza, duplica o elimina cualquier bloque usando la barra de herramientas de bloques.

La barra de herramientas del bloque que muestra el control Mover a la izquierda para reposicionar una columna de pago, con el control de arrastre y las flechas visibles.

Haz clic en Guardar o Actualizar, luego activa el interruptor Vista previa como invitado del bloque del carrito para ver exactamente lo que verán tus clientes antes de publicar.

La página de pago publicada en el front-end en vivo, mostrando el diseño de dos columnas con un artículo real en el carrito.

Preguntas frecuentes sobre la personalización del diseño de tu página de pago

¿Actualizar Easy Digital Downloads cambiará mi página de pago existente?

No. Tu página de pago se actualiza a la nueva estructura de bloques automáticamente, y cualquier configuración que ya hayas personalizado, como tu elección de diseño o la visibilidad del formulario de descuento, se mantiene. No hay nada que rehacer.

¿Necesito Easy Digital Downloads Pro para personalizar el diseño de mi página de pago?

No. Easy Digital Downloads incluye esta función tanto en la versión gratuita Lite como en Pro. Todos los usuarios de EDD tienen acceso completo a ella.

¿Qué partes de mi página de pago puedo personalizar?

Puedes reorganizar, eliminar o ajustar tu carrito, los campos de información personal de tu cliente, tus detalles de pago y tu formulario de código de descuento. Cada uno es su propio bloque. También puedes insertar bloques estándar de WordPress, como un párrafo, un encabezado o una cita de testimonio, justo al lado de ellos.

¿Cambiar el diseño de mi página de pago romperá algo?

No. Cada diseño desde el que empiezas es un diseño funcional. Estás reorganizando bloques reales, de la misma manera que editarías cualquier otra página en WordPress.

¿Todavía puedo usar Elementor para diseñar mi página de pago?

Sí. Si deseas un control de diseño más avanzado, las Plantillas de EDD Checkout aún funcionan con Elementor. Esta opción del editor de bloques es para cualquiera que desee una forma más simple e integrada de personalizar su diseño.

¿Cómo activo o desactivo el campo del código de descuento?

Es una configuración en el bloque del carrito, no una pieza separada para agregar o quitar. Selecciona tu bloque del carrito, abre su configuración y activa Mostrar formulario de descuento.

¿Necesito experiencia en codificación para usar esto?

No. Todo sucede en el editor de bloques de WordPress, la misma herramienta que ya usas para editar páginas y publicaciones.

¿Esto funcionará con mi tema?

En la mayoría de los casos, sí. Dado que utiliza bloques estándar de WordPress, funciona con la mayoría de los temas. Si tu tema tiene un estilo personalizado inusual, verifica cómo se ve tu página de pago antes de publicarla.


Dale a tu pago un diseño que convierta 🚀

Tu página de pago ya no tiene que ser una plantilla fija. Con Easy Digital Downloads, puedes crear un diseño que realmente se ajuste a tu tienda, utilizando herramientas que probablemente ya conoces.

Ve a tu página de pago y pruébalo. Consulta las Notas de la versión para ver todo lo nuevo en esta versión, incluidas las Plantillas de Pago, que están disponibles para importar con un pase Pro.

📣 P.S. Asegúrate de suscribirte a nuestro boletín y síguenos en Facebook, Twitter/X o LinkedIn para obtener más recursos de WordPress.

Recursos Populares

Descargo de responsabilidad: Nuestro contenido es compatible con los lectores. Esto significa que si haces clic en algunos de nuestros enlaces, podemos ganar una comisión. Ve cómo se financia EDD, por qué es importante y cómo puedes apoyarnos.

Experimenta ventas sin interrupciones con EDD

Gestiona tu tienda digital sin esfuerzo con potentes herramientas y transacciones seguras

¡Lo más popular en EDD ahora mismo!

Personaliza el diseño de tu página de pago con los nuevos bloques internos de EDD
Personaliza el diseño de tu página de pago con nuevos bloques internos
Tu página de pago ya no tiene que ceñirse a un único diseño fijo. Easy Digital Downloads ahora te permite personalizar tu…
Plantillas de Checkout de Elementor para Easy Digital Downloads
Plantillas de Checkout de Elementor Pre-diseñadas para tu Tienda
Tu página de pago ahora está hecha de partes móviles. Easy Digital Downloads (EDD) te ofrece más de 10 plantillas de pago de Elementor que…

¡Empieza a vender hoy mismo!

Únete a más de 50.000 dueños de tiendas inteligentes y empieza a usar la forma más fácil de vender productos digitales con WordPress.