El bloque «Botón Comprar ahora» de EDD te permite añadir botones de compra con un solo clic para los productos de Easy Digital Downloads en tus páginas de SeedProd. Este bloque agiliza el proceso de compra al permitir a los clientes saltarse los pasos tradicionales del carrito y el pago, lo que permite realizar compras instantáneas con un solo clic.
El botón «Comprar ahora» es perfecto para la venta de productos digitales en los que se desea eliminar las fricciones del proceso de compra. En lugar de exigir a los clientes que añadan artículos al carrito, revisen su carrito y luego procedan al pago, pueden completar su compra inmediatamente. Este flujo de trabajo simplificado es ideal para vender productos digitales individuales, licencias de software, libros electrónicos, cursos o cualquier descarga digital en la que una experiencia de compra rápida y sin complicaciones aumente las conversiones.
Añadir el bloque del botón «Comprar ahora» de EDD a tus páginas
Sigue estos pasos para añadir un bloque de botón «Comprar ahora» de EDD a tu página de SeedProd:
Paso 1: Añadir el bloque
En Diseño > Bloques > Easy Digital Downloads, arrastra y suelta el bloque Botón Comprar ahora en la sección deseada de tu página.
El bloque «Botón Comprar ahora» de EDD se encuentra en Easy Digital Downloads y se puede añadir a cualquier página.
Paso 2: Configurar los ajustes de contenido
Una vez añadido, haz clic en el bloque «Botón Comprar ahora de EDD» para abrir su configuración. En la pestaña «Contenido», puedes seleccionar tu producto y personalizar la apariencia del botón.
Configuración:
- ID del producto: Seleccione qué producto de Easy Digital Downloads se comprará con este botón. Elija de una lista desplegable con todas sus descargas publicadas.
- Ir directamente a la página de pago: activa esta opción para enviar a los clientes directamente a la página de pago después de hacer clic, o desactívala para añadir primero el artículo a su carrito.
- Mostrar precio: Alternar para mostrar u ocultar el precio del producto en el propio botón.
Botón:
- Texto del botón: Introduce el texto que aparecerá en tu botón (por ejemplo, «Comprar ahora», «Adquirir», «Acceder al instante»). Procura que sea claro y que incite a la acción.
- Color de fondo: establece el color de fondo del botón para que coincida con tu marca.
- Alinear: Establece la alineación horizontal del botón dentro de su contenedor (izquierda, centro o derecha).
- Tamaño: Elige el tamaño del botón entre pequeño, mediano, grande, extragrande o 2X grande. Los botones más grandes son más visibles para productos importantes.
Iconos:
- Icono antes del texto: añade un icono que aparecerá a la izquierda del texto del botón. Haz clic en «Elegir icono» para explorar los iconos disponibles.
- Icono después del texto: añade un icono que aparecerá a la derecha del texto del botón, normalmente utilizado para indicar el carrito de la compra o las descargas.
Seleccione su producto, personalice el texto y la apariencia del botón, y añada iconos opcionales.
Campos:
Estos ajustes definen el estilo de los campos de entrada de cantidad que permiten a los clientes especificar cuántas copias desean comprar. Para habilitar los campos de cantidad, primero debe habilitar Misc > General > Cart Item Quantities (Varios > General > Cantidades de artículos en el carrito) en la configuración del plugin Easy Digital Downloads. Asegúrese también de que la casilla Disable quantity input for this product (Desactivar la entrada de cantidad para este producto) no esté marcada en la página de descarga de cada producto.
- Color de fondo del campo: Establece el color de fondo para los campos de entrada de cantidad.
- Color del texto del campo: Elija el color del texto dentro de los campos de cantidad.
- Color del borde del campo: Establece el color de los bordes del campo de cantidad.
- Ancho del borde del campo: Ajuste el grosor de los bordes alrededor de los campos de cantidad (superior, derecho, inferior, izquierdo).
- Espaciado entre filas: controla el espaciado vertical entre el botón y el campo de cantidad.
- Radio del borde: Ajusta la redondez de las esquinas del campo de cantidad.
- Ancho del campo: Establece el ancho del campo de entrada de cantidad.
Personaliza el aspecto de los campos de entrada de cantidad (requiere que los campos de cantidad estén habilitados en la configuración de EDD).
Paso 2a: Elija un estilo de plantilla
En la pestaña Plantillas, puedes seleccionar entre estilos de botones prediseñados para cambiar rápidamente el aspecto general de tu botón Comprar ahora.
- Botón píldora, botón plano, botón azul, botón verde claro, botón verde, botón naranja, botón rojo, botón amarillo, botón blanco, botón gris, botón negro: elige entre once diseños de plantillas diferentes, cada uno con colores y estilos únicos. Previsualiza cada estilo para encontrar el que mejor se adapte al diseño de tu página.
La pestaña Plantillas ofrece once estilos prediseñados para personalizar rápidamente el aspecto de tu botón.
Paso 3: Personalizar el diseño
En la pestaña Avanzado, puedes personalizar el aspecto visual del bloque del botón «Comprar ahora» de EDD:
Estilos:
- Tipografía: controla las propiedades de la fuente del texto de tu botón, incluyendo la familia tipográfica, el tamaño, el grosor y el estilo.
- Relleno vertical: controla el espacio superior e inferior dentro del botón, lo que afecta a su altura.
- Relleno horizontal: controla el espacio izquierdo y derecho dentro del botón, lo que afecta a su anchura.
- 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.
- Estilo del botón: elige el aspecto visual de tu botón. 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).
- Sombra del texto: añade efectos de sombra al texto del botón para dar profundidad y facilitar la lectura. Elige entre Ninguna, Muy fina, Pequeña, Mediana, Grande, Muy grande, 2 veces más grande o Personalizada.
- Sombra: Aplica efectos de sombra a todo el botón para darle profundidad. Elige entre Ninguno, Línea fina, Pequeño, Mediano, Grande, Extragrande, 2X Grande o Personalizado.
Espaciado:
- Margen: controla el espacio exterior alrededor del bloque de botones (superior, derecho, inferior, izquierdo). Esto determina cuánto espacio aparece entre el botón y los elementos circundantes.
- Relleno: Ajusta el espacio interior dentro del contenedor del bloque de botones (arriba, derecha, abajo, izquierda). Esto crea un espacio alrededor del botón.
Atributos:
- ID CSS: muestra el identificador único generado automáticamente para tu bloque de botones. 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 botón. Introduce cada atributo en una nueva línea utilizando el formato: nombre-del-atributo|valor (por ejemplo, data-product|digital-download).
Visibilidad del dispositivo:
- Ocultar en el escritorio: Ocultar el bloque de botones en las pantallas del escritorio.
- Ocultar en tableta: Ocultar el bloque de botones en dispositivos tablet.
- Ocultar en dispositivos móviles: Ocultar el bloque de botones en dispositivos móviles.
Efectos de animación:
- Animación de entrada: elige entre varios efectos de animación que se reproducen cuando el botón aparece en pantalla. Las opciones incluyen rebote, fundido de entrada, zoom, rotación y muchas más. Esto llama la atención sobre tu botón de compra.
La pestaña Avanzado ofrece opciones de estilo, como tipografía, relleno, bordes, sombras y efectos de animación.
Paso 4: Guarde los cambios
Una vez que haya terminado de configurar el bloque del botón «Comprar ahora» de EDD y de personalizar su apariencia, asegúrese de guardar su trabajo.
¡Has añadido correctamente un bloque de botón «Comprar ahora» de EDD a tu página! Este botón de compra optimizado elimina las fricciones del proceso de compra, lo que permite a los clientes adquirir tus descargas digitales con un solo clic. Prueba diferentes estilos, colores y tamaños de botones para crear un botón «Comprar ahora» que convierta a los visitantes en clientes y maximice las ventas de tus productos digitales.