Configurar el botón Comprar en cualquier sitio web

El botón Comprar de Ecwid le permite insertar una ficha del producto personalizable y un proceso de caja segura en cualquier sitio web externo, blog o plataforma que no sea de Ecwid con un simple fragmento de código. Puede elegir entre una ficha del producto de tamaño completo que muestra la imagen del producto, la descripción y el precio, o una versión compacta con solo un botón. Los clientes pueden explorar, añadir artículos a su carrito y completar la compra, todo sin salir de su sitio.

Cualquier actualización de un producto en su panel de control de Ecwid se reflejará automáticamente en el botón Comprar. Puede personalizar fácilmente el texto, el color y la apariencia para que coincidan con los de su marca. Los pedidos realizados a través de un botón Comprar aparecen en la página Ventas → Pedidos, lo que hace que el seguimiento y la gestión de las compras resulten sencillos.

Formas de usar los botones Comprar

El botón Comprar de Ecwid es una herramienta versátil que le permite vender productos, servicios, suscripciones o incluso aceptar donaciones desde prácticamente cualquier plataforma en línea. Como es un botón insertable y en el que se puede hacer clic, puede añadirlo a sitios web, blogs, correos electrónicos e incluso publicaciones en redes sociales, lo que convierte cualquier espacio digital en un escaparate listo para el proceso de caja.

Aquí hay algunas formas estupendas de usar los botones Comprar:

Venda directamente desde su blog: Inserte un botón Comprar en las entradas del blog para mostrar y vender productos relacionados con su contenido.
Destaque productos en su sitio web existente: Mantenga sus artículos más vendidos o destacados visibles en cada página.
Añada un proceso de caja a las páginas de productos existentes: Si ya tiene productos en su sitio, simplemente inserte un botón Comprar para activar el proceso de caja en línea.
Cree un escaparate de productos: Cree una página dedicada que resalte cada ventaja de su producto y complétela con un botón Comprar directo para un proceso de caja sencillo.

Con el botón Comprar de Ecwid, cualquier espacio en línea puede convertirse en un canal de ventas, lo que facilita más que nunca llegar a los clientes y aumentar las conversiones.

Antes de empezar

Para comenzar a usar el botón Comprar de Ecwid, primero deberá configurar una cuenta de Ecwid; solo necesita su nombre y correo electrónico. Una vez registrado, siga estos pasos para comenzar:

Añadir un producto. Configure al menos un producto en su tienda de Ecwid que desee vender usando el botón Comprar.
Activar una pasarela de pago compatible. El botón Comprar requiere un procesador de pago compatible para aceptar pagos. Para ver las opciones disponibles en su país o región, consulte las Opciones de pago por país.
Configurar un método de envío. Obtenga más información sobre Cómo elegir la estrategia de envío adecuada para usted.
Completar la configuración de su tienda. Si es nuevo en Ecwid, es útil consultar la guía Introducción a Ecwid para configurar los ajustes de su tienda, el envío y los impuestos.

Una vez que su tienda esté lista, puede generar botones Comprar para insertar en su sitio web, blog u otras plataformas en línea, lo que facilita que los clientes compren sin interrupciones.

Disposiciones del botón Comprar

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

Disposición	Caso de uso
Solo botón	Solo un botón Comprar ahora sin ninguna imagen ni precio. Funciona mejor en entradas de blog y páginas con descripciones completas del producto. Por ejemplo, si describe un producto o ya lo ha mostrado en la página, añada un botón Comprar para ofrecer un proceso de caja en línea.
Compacto	Una ficha del producto minimalista con un botón Comprar ahora. Es ideal para páginas del sitio con una descripción detallada del producto. Añada un breve resumen del producto usando su imagen, nombre y precio. Además, puede mostrar opciones de producto, campos de entrada, y una cantidad. Si tiene un precio de venta para este producto, también se mostrará.
Tamaño completo	Una ficha del producto completa con un botón Añadir a la bolsa. Use esta disposición para páginas de destino o en una entrada de blog. Puede elegir entre dos opciones de disposición: 2 columnas: en caso de que desee destacar las imágenes del producto 3 columnas: en caso de que desee destacar la descripción del producto Solo puede haber una disposición de tamaño completo por página. La sección de productos relacionados no se mostrará en la ficha del producto.

Crear un botón Comprar

Antes de crear un botón Comprar, debe añadir el producto en su panel de control de Ecwid y configurar toda la funcionalidad necesaria como las opciones de pago y envío.

Al generar un botón Comprar, puede seleccionar un estilo de disposición y personalizar su color, texto y apariencia. Para insertar un botón Comprar en una página web o blog, copie el código de integración generado automáticamente y péguelo en el lugar de su sitio web donde desea que aparezca el botón. La ficha del producto puede colocarse en cualquier lugar de la página, incluida una barra lateral, el pie de página o incluso una página de error.

Para crear un botón Comprar:

Desde su panel de control de Ecwid, vaya a Canales de ventas.
Desplácese hasta la tarjeta Botones Comprar y haga clic en Comenzar:
En la página que se abre, haga clic en Elegir producto y use la barra de búsqueda para elegir un producto que desee insertar.

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 de botón «Comprar ahora» → Insertar producto).
Personalice su botón Comprar: elija una disposición y haga clic en Apariencia para elegir qué detalles del producto 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, puede ser una pestaña HTML o de código 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!

Cualquier actualización realizada en un producto después de colocar un botón Comprar, como cambiar el nombre, el precio o la descripción, se reflejará automáticamente en el botón. Si un producto o una variación de producto se agota, el botón «Comprar ahora» o «Añadir a la bolsa» quedará desactivado, lo que evita que los clientes compren el artículo agotado. Sin embargo, el botón Comprar en sí seguirá siendo visible en la página.

Con el botón Comprar, los clientes pueden realizar pedidos directamente en su sitio sin ser redirigidos a otro lugar. Todos los pedidos realizados a través de un botón Comprar aparecerán en la página Ventas → Pedidos en su panel de control de Ecwid.

Si su sitio se ha 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 personalizar el texto del botón Comprar para que coincida con el tono y el mensaje de su marca. Ya sea «Comprar Monstera», «¡Quiero esto!» o «Solicitar presupuesto», tiene pleno control sobre lo que ven sus clientes. El texto por defecto «Comprar ahora» o «Añadir a la bolsa» puede modificarse usando el Editor de etiquetas de la tienda.

Para cambiar el texto de un botón Comprar:

Desde su panel de control de Ecwid, vaya a Ajustes → Editor de etiquetas.
Haga clic en + Comenzar.
Use 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 «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 de Ecwid.

Personalizar la apariencia del botón Comprar

Además de personalizar el texto del botón Comprar, también puede ajustar su apariencia para que se adapte a su marca y al diseño de su sitio web:

Oculte el menú de navegación inferior o las rutas de navegación de las páginas de detalles del producto. Puede hacerlo desde su editor del constructor de sitios eCom (en inglés). Para ello, vaya a su editor de sitios y desde el desplegable Página en la parte superior seleccione Productos, luego haga clic en Ajustes en la parte superior derecha y seleccione Diseño de tienda. Haga clic en Detalles del producto. Haga clic en diferentes desplegables de ajustes para realizar cambios de navegación. Cuando haya terminado de editar, haga clic en Publicar.

Los cambios que realice afectan a todos los productos de su tienda.
Cambie el aspecto de la ficha del producto y los botones para adaptarlos al tema de su sitio web con ayuda. Puede hacerlo desde su editor del constructor de sitios eCom. Para ello, vaya a su editor de sitios y desde el desplegable Página en la parte superior seleccione Catálogo, luego haga clic en Ajustes en la parte superior derecha y seleccione Diseño de tienda. Haga clic en Categorías y cuadrícula de productos. Haga clic en diferentes desplegables de ajustes para realizar cambios. Cuando haya terminado de editar, haga clic en Publicar. Para una personalización más detallada, use códigos CSS. Por ejemplo, puede editar los colores y las fuentes de un botón Comprar ahora con la ayuda del Ecwid CSS Cookbook.
Puede inmediatamente redirigir a un cliente a la caja (en inglés) después de que haga clic en el botón Comprar ahora.