El bloque EDD Cart te permite crear una página de carrito de la compra personalizada para tu tienda Easy Digital Downloads. Este bloque muestra el contenido del carrito con control total sobre el estilo, el diseño y la presentación visual, lo que te ayuda a crear una experiencia de carrito profesional que se adapta a tu marca.
Una página de carrito bien diseñada es fundamental para completar las ventas y reducir el abandono del carrito. Con este bloque, puedes personalizar todos los aspectos de la apariencia de tu carrito, desde la tipografía del encabezado y los estilos de los botones hasta los listados de productos y la visualización de los precios. Crea una página de carrito que inspire confianza y guíe a los clientes sin problemas hacia el proceso de pago.
Añadir el bloque EDD Cart a tus páginas
Sigue estos pasos para añadir un bloque EDD Cart a tu página SeedProd:
Paso 1: Añadir el bloque
En Diseño > Bloques > Easy Digital Downloads, arrastra y suelta el bloque Carrito en la sección deseada de tu página.
El bloque EDD Cart se encuentra en Easy Digital Downloads y se puede añadir para crear una página de carrito personalizada.
Paso 2: Personalizar el diseño
Una vez añadido, haz clic en el bloque EDD Cart para abrir su configuración. En la pestaña Styles, puedes personalizar el aspecto visual de tu carrito.
Encabezados:
- Tipografía: controla las propiedades de la fuente para los encabezados del carrito, como «Tu carrito» o los títulos de las secciones, incluyendo la familia, el tamaño, el grosor y el estilo de la fuente.
- Color del encabezado: establece el color del texto del encabezado para que coincida con tu marca.
Botones:
- Estilo de botón: elige el aspecto visual de los botones del carrito, como «Actualizar carrito» o «Pasar por caja». Las opciones incluyen Plano (diseño plano moderno), 2D (profundidad sutil), Vintage (aspecto clásico), Fantasma (transparente con borde) o Enlace (enlace de texto sin formato).
- Color del botón: Establece el color de fondo de los botones de acción del carrito.
- Radio del borde: Ajusta la redondez de las esquinas de los botones. Los valores más altos crean botones más redondeados, mientras que el valor cero crea esquinas afiladas.
Carrito:
- Color del borde del carrito: Establece el color de los bordes alrededor de la tabla y los elementos del carrito.
- Ancho del borde del carrito: Ajuste el grosor de los bordes (superior, derecho, inferior, izquierdo) alrededor de los elementos del carrito.
- Color de fondo: Establece el color de fondo para la tabla o contenedor del carrito.
- Color del texto del producto: Elija el color para los nombres y descripciones de los productos en el carrito.
- Tipografía del producto: controla las propiedades de la fuente para los nombres y las descripciones de los productos.
- Color del texto del precio: Establece el color para mostrar los precios en el carrito.
- Tipografía de precios: personaliza las propiedades de la fuente para los precios.
- Color del texto del total: Elige el color para los importes totales del carrito.
- Tipografía total: controle las propiedades de fuente para los importes totales, incluidos los subtotales y los totales generales.
- Color de los enlaces: establece el color de los enlaces en los que se puede hacer clic dentro del carrito (como «Eliminar» o enlaces de productos).
- Tipografía de enlaces: personaliza las propiedades de fuente para los enlaces del carrito.
La pestaña Estilos ofrece opciones completas para personalizar los encabezados, los botones y todos los elementos de visualización del carrito.
Paso 3: Configurar opciones avanzadas
En la pestaña Avanzado, puedes personalizar aún más tu bloque EDD Cart:
Espaciado:
- Margen: controla el espacio exterior alrededor del bloque del carrito (superior, derecho, inferior, izquierdo). Esto determina cuánto espacio aparece entre el carrito y los elementos circundantes.
- Relleno: Ajusta el espacio interior dentro del bloque del carrito (arriba, derecha, abajo, izquierda). Esto crea un espacio entre el contenido del carrito y sus bordes.
Atributos:
- ID CSS: muestra el identificador único generado automáticamente para el bloque de tu carrito. SeedProd crea este ID automáticamente para personalizar el estilo o la orientación de JavaScript.
- Clase personalizada: añade clases CSS personalizadas para aplicar estilos específicos de tu tema o CSS personalizado.
- Atributos personalizados: añade cualquier atributo HTML al elemento contenedor del carrito. Introduce cada atributo en una nueva línea utilizando el formato: nombre-del-atributo|valor (por ejemplo, data-cart|edd-cart).
Visibilidad del dispositivo:
- Ocultar en el escritorio: Ocultar el bloque del carrito en las pantallas de escritorio.
- Ocultar en tableta: Ocultar el bloque del carrito en dispositivos tablet.
- Ocultar en dispositivos móviles: Ocultar el bloque del carrito en dispositivos móviles.
Efectos de animación:
- Animación de entrada: elige entre varios efectos de animación que se reproducen cuando el carrito aparece en pantalla. Las opciones incluyen rebote, fundido de entrada, zoom, rotación y muchas más.
La pestaña Avanzado ofrece opciones para el espaciado, los atributos personalizados, la visibilidad de los dispositivos y los efectos de animación.
Paso 4: Guarde los cambios
Una vez que haya terminado de configurar el bloque EDD Cart y de personalizar su apariencia, asegúrese de guardar su trabajo.
¡Has añadido correctamente un bloque EDD Cart a tu página! Esta vista personalizable del carrito te ayuda a crear una experiencia de compra profesional que se adapta a tu marca y guía a los clientes sin problemas hacia la finalización de la compra. Prueba diferentes colores, tipografías y estilos de botones para crear una página de carrito que genere confianza y reduzca el abandono del carrito.