Botón de compra

El Botón de compra de Ecwid le permite añadir productos individuales a un sitio web externo o blog. Puede utilizar diferentes opciones de diseño de productos, desde un solo botón «Compre ahora» hasta una tarjeta de producto de tamaño completo.

Una vez que el producto está incrustado en una página, los clientes pueden hacer clic en el botón para añadir el producto al carrito y continuar con la compra sin salir del sitio. Los pedidos estarán disponibles para el seguimiento desde la página Ventas → Pedidos en su administrador de Ecwid.

Este artículo trata sobre una tarjeta de producto integrable. Para mostrar botones «Comprar ahora» en la cuadrícula de productos de su tienda, utilice los ajustes de diseño de su tienda y los ajustes en el editor de Instant Site.

Antes de empezar

Si aún no tiene una cuenta Ecwid, entonces regístrese. Solo necesita su nombre y su correo electrónico.

Una vez que se haya registrado, comience con la configuración de la tienda:

Añada sus artículos
Configure los métodos de pago
Establezca los métodos de envío/entrega/recogida
Personalice el diseño de su tienda

Puede encontrar más información sobre la configuración inicial de una tienda en línea en Cómo comenzar con Ecwid →

Después de configurar su tienda, puede crear botones de compra para vender productos individuales en su sitio web o blog.

Diseños del Botón de compra

Hay tres formas de mostrar un Botón de compra en su sitio: botón, compacto o vista de tamaño completo:

Buy Button (1).png

Diseño	Caso de uso
Solo el botón	Solo un botón Compre ahora, nada más. Puede utilizar este diseño si un producto ya se muestra en su página del sitio y solo necesita añadir la opción de pago en línea (por ejemplo, es una publicación de blog para anunciar su artículo, o ya ha diseñado la página dedicada a este producto en su sitio web).
Compacto	Una tarjeta de producto minimalista con un botón Compre ahora. Este diseño le permite dar un breve resumen de 1 columna de un producto utilizando su imagen principal, nombre y precio. Además, puede mostrar las opciones de producto, campos de entrada y la cantidad disponibles. Si tiene un precio de venta para este producto, también se mostrará.
Tamaño completo	Una tarjeta de producto de tamaño completo con un botón Añadir a la Cesta. Este diseño le permite mostrar toda la información disponible sobre el producto. Puede elegir entre dos opciones de diseño: 2 columnas: en caso de que desee llamar la atención sobre las imágenes de los productos 3 columnas: en caso de que desee llamar la atención sobre la descripción del producto

Solo puede añadir un producto por página con un diseño de tamaño completo.

Realizar cambios en un producto después de colocar un Botón de compra (por ejemplo, cambiar el nombre, cambiar el precio o la descripción) se reflejará en un Botón de compra. Cuando un producto o variación de producto pasa a estar agotado, el botón «Comprar ahora»/«Añadir a la cesta» deja de estar disponible. Aunque su botón de compra seguirá presente en la página, será imposible comprar el producto agotado o la variación del producto.

Crear un botón de compra

Para añadir un botón de compra a una página web, debe copiar un código de integración generado automáticamente. Después, puede incrustar su producto en cualquier sitio web o blog. La ficha de producto puede colocarse en cualquier lugar de una página web, en un panel lateral, pie de página del sitio, o en una página de error.

Antes de crear un botón de compra, debe registrarse en Ecwid y configurar su cuenta Ecwid con productos, y añadir opciones de pago, y envío que desee ofrecer a sus clientes.

Para usuarios de WordPress: utilice el plugin Ecwid para rápidamente crear un botón de compra en su sitio WordPress sin generar código.

Para crear un Botón de compra:

Desde su administración de Ecwid, vaya a Canales de ventas.
Desplácese hasta la tarjeta Botones de compra y haga clic en Empezar:
En la página que se abre, haga clic en Elegir producto y utilice la búsqueda para elegir un producto que desee incrustar.
También puede acceder al asistente de creación del botón Comprar para un producto específico directamente desde la página de detalles de su producto (pestaña Botón «Comprar ahora» → Incrustar producto).
Personalice su botón de compra: elija un diseño y los detalles del producto que desea mostrar.
Haga clic en Generar código y, a continuación, en Copiar código.
Abra el editor de sitios de su constructor de sitios o inicie sesión en el backend de su sitio web. Si no sabe cómo ir al backend de su tienda, póngase en contacto con el administrador de su sitio o con el diseñador que creó el sitio.
Seleccione la página en la que desea mostrar el botón Comprar.
Pegue el código de integración en una página. Dependiendo de su sitio web, eso puede ser una pestaña HTML o fuente o un botón independiente para añadir códigos. Si no está seguro de cómo añadir códigos personalizados a su sitio web, póngase en contacto con el desarrollador de su sitio web para obtener instrucciones más detalladas.

¡Eso es todo! Ha convertido su página habitual o la entrada de su blog en un canal de venta utilizando un botón de compra. Ahora sus clientes pueden hacer un pedido sin salir de su sitio. Los pedidos realizados con un botón Comprar aparecerán en la página Ventas → Pedidos de su administración de Ecwid.

Si su sitio ha sido creado con uno de los siguientes constructores de sitios, puede leer instrucciones más detalladas sobre cómo añadir un botón Comprar:

Cambiar el texto del botón Comprar

Puede ser muy específico sobre qué texto verán sus clientes en el botón. Puede ser «Comprar Monstera», «¡Quiero esto!», «Solicitar un presupuesto» o cualquier otra frase. El texto predeterminado del botón Comprar ahora o Añadir a la cesta puede sustituirse con el Editor de etiquetas.

Para cambiar el texto de un botón Comprar:

Desde su administración de Ecwid, vaya a Configuración → Editor de etiquetas.
Haga clic en + Buscar etiqueta a cambiar - Comenzar.
Utilice la barra de búsqueda para encontrar la etiqueta necesaria. Por ejemplo, «Comprar ahora».
Introduzca su texto personalizado en el campo. Por ejemplo, introduzca «Pedir ahora» en lugar de de «Comprar ahora».
Los cambios se aplicarán automáticamente a todos los botones Comprar ahora de su tienda, incluido el que haya colocado en su sitio web o blog.

Si produce artículos a medida, infórmese sobre solicitar un presupuesto (en inglés) en su tienda Ecwid.

Personalizar el botón Comprar

Aparte de cambiar la redacción en un botón Comprar, puede personalizar el aspecto del botón para adaptarlo a sus necesidades y la marca de su empresa:

Oculte el menú de pie de página o las rutas de navegación de las páginas de detalles del producto en Diseño → Navegación y colores del escaparatey Diseño → Navegación. Puede ser útil si va a añadir diferentes fichas de producto de tamaño completo a diferentes sitios web y no quiere que los clientes naveguen por su tienda.
Los cambios realizados en la página Diseño
Cambie el aspecto de la ficha de producto y los botones para adaptarlos al tema de su sitio web con la ayuda de códigos CSS. Por ejemplo, los colores y tipos de letra de un botón Comprar ahora. Puede utilizar los códigos de Ecwid CSS Cookbook (en inglés) o configurar el código usted mismo.
Puede inmediatamente redirigir a un cliente a la caja (en inglés) después de que haga clic en el botón Comprar ahora.