Cómo configurar un carrito de la compra

Configuración de un carrito de la compra para una tienda online

Vea este tutorial sobre cómo configurar un carrito de la compra.

Cómo añadir un carrito de la compra en una tienda online
Mostrar
Cómo se puede utilizar un carrito de la compra en una tienda online
Mostrar
Consejos específicos para trabajar con un carrito de la compra
Mostrar
Persistencia del carrito de la compra, importe mínimo del pedido y otros parámetros.
Mostrar
Mediante el carrito de la compra, el comprador puede seleccionar las opciones de pago y entrega, rellenar sus datos de contacto y otros datos adicionales.

En Tilda, puedes utilizar el carrito de la compra para vender una selección de productos del catálogo, así como un solo producto o servicio.
Por ejemplo, puede crear una tienda online con productos o páginas promocionales para vender cursos online con carritos de compra únicos para cada producto. Gracias a la configuración flexible del carrito de compra, puede crear los escenarios de venta más personalizados en el sitio web.
Añadir un carrito de la compra
Para añadir un carrito de la compra al proyecto, vaya a la biblioteca de bloques y haga clic en la categoría «Tienda». Seleccione el bloque ST100 «Carrito de la compra con formulario de pedido» de la lista.
Cómo comprobar si el carrito de la compra funciona
Para comprobar si el carrito de la compra se muestra correctamente en el sitio web, vaya a la vista previa y haga clic en el icono del carrito de la compra.
En la vista previa, el producto de prueba ya aparece por defecto en el carrito de la compra. Este producto no existe en su proyecto, solo se utiliza para mostrarlo en la vista previa.
Para comprobar si el sistema de pago o el servicio de entrega funcionan, debe publicar la página con el carrito de la compra. En la página publicada, añada un producto al carrito de la compra, rellene todos los campos y envíe un pedido.
Si solo tiene un sistema de pago o servicio de entrega de productos conectado al carrito de la compra, el título de la integración no se mostrará en el carrito.

Los títulos de las integraciones se mostrarán si hay más de un servicio conectado al carrito de la compra.
Escenarios de uso del carrito de la compra
Se puede añadir un carrito de la compra tanto a una página de proyecto independiente como a todo el proyecto.

Colocar el carrito de la compra en todo el proyecto. En el caso de sitios web de varias páginas, coloque el carrito de la compra en el encabezado o el pie de página para que los clientes lo vean siempre.
Configuración del encabezado y el pie de página. Para obtener información detallada, lea la guía.
Colocar el carrito de la compra en una página específica. Si no trabajas con un catálogo de productos y vendes artículos individuales, o si necesitas diferentes configuraciones del carrito de la compra en diferentes páginas, puedes añadir un bloque de carrito de la compra a cada página.
Para que los ajustes de los carritos de la compra no se superpongan al utilizar esta opción, debe seleccionar la opción No guardar el producto en el carrito al configurar el carrito de la compra.
Para ello, vaya a Configuración, abra la pestaña Más configuraciones y seleccione la casilla No guardar el producto en el carrito. Al cerrar el carrito de la compra, el producto se eliminará. Si el comprador salta a otra página, la configuración anterior del carrito de la compra no se mantendrá en el carrito de la compra de la otra página.
Colocar el carrito de la compra en el encabezado y el pie de página de la tienda online. En Tilda, puedes añadir por separado el encabezado y el pie de página solo a las páginas relacionadas con los productos de la tienda online. Para ello, las fichas de los productos deben abrirse como páginas. En este enlace encontrarás una guía detallada para trabajar con fichas.
Cómo funciona el carrito de la compra en la página
El carrito de la compra solo aparecerá en la página después de que el comprador haya añadido al menos un producto. Si no se ha añadido ningún producto, el icono del carrito de la compra no se mostrará.
Si se añade un carrito de la compra al encabezado, pie de página o página del sitio web, su icono siempre se mostrará en la vista previa. Al hacer clic en el icono, se mostrará un producto de muestra. Esto muestra cómo funciona el carrito de la compra.

No se preocupe, ni el icono ni el producto se mostrarán a la vez en la versión publicada del sitio web.
El carrito de la compra aparece una vez que se hace clic en el botón «Comprar».
Cuando un comprador añade un artículo al carrito de la compra, aparece en la pantalla una ventana emergente con el formulario de pedido.

Si desactiva la opción de mostrar el carrito de la compra después de seleccionar un artículo, este se añadirá al carrito sin completar el formulario de pedido. El comprador podrá completar el formulario más tarde cuando vaya al carrito de la compra.
En la configuración del carrito de la compra, también puede configurar el comportamiento predeterminado de eliminar productos del carrito cuando se cierra. Para obtener más información sobre por qué necesita esto y cómo configurarlo, lea la guía a continuación.
Configuración de cómo debe abrirse el carrito de la compra
Configuración general del carrito de la compra y del pago
Haga clic en una etiqueta para ir directamente a la descripción de la configuración que necesita en la guía.
Persistencia del carrito de la compra 
Si un visitante del sitio web añade un artículo al carrito de la compra en una página y luego abre otra página o cierra el sitio web, el artículo se mantendrá en el carrito de la compra durante 30 días. Puede cambiar este periodo de tiempo en la configuración del bloque. Si se establece en 0, el producto se eliminará del carrito de la compra tan pronto como se cierre la ventana emergente del carrito.
Configurar cuánto tiempo debe permanecer un artículo en el carrito de la compra
Conectar los sistemas de pago al carrito de la compra
Por defecto, no hay opciones de pago en el carrito de la compra, es necesario conectarlas por separado a través de la configuración del sitio web. Puede conectar uno o más sistemas de pago. Vaya a Configuración del sitio → Sistemas de pago y seleccione lo que necesite de la lista. Aquí encontrará información detallada sobre cómo trabajar con los sistemas de pago.
La página para configurar el sistema de pago y la moneda.
Guardar datos de contacto
Para que los compradores no tengan que rellenar sus datos de contacto cuando repitan compras en tu sitio web, habilita la opción de guardar la información de contacto.

Para ello, abre el bloque ST100 → Contenido → Campos de entrada y añade un nuevo campo Casilla de verificación: Guardar datos de contacto para la próxima compra.
Habilitar la opción para guardar los datos de contacto del comprador.
Los datos del carrito de la compra se guardan en el navegador del comprador, por lo que no es necesario incluirlos en la Política de privacidad de su sitio web. Si el comprador desea eliminar los datos, solo tiene que borrar la caché de su navegador.

Todos los datos transferidos están encriptados y protegidos contra la interceptación por parte de terceros.
Importe mínimo del pedido
Si desea que los pedidos se envíen a partir de un importe específico, como 10 $, puede especificar el importe mínimo del pedido.

Si un comprador selecciona un producto por un importe inferior, se añadirá al carrito de la compra, pero el botón «Finalizar compra» estará inactivo y el comprador verá una nota explicativa en el carrito de la compra.
Los formularios de pedido
Los compradores utilizan el formulario de pedido para enviar sus datos en su sitio web. Para configurarlo, haga clic en Contenido en el bloque ST100. A continuación:

: añada y configure los campos que deben rellenar los compradores, asígneles títulos;
: seleccione los campos obligatorios;
: conecte los servicios de captura de datos para recibir los clientes potenciales del formulario.

Puede seleccionar el estilo del carrito de la compra y los campos en la configuración del bloque.
Formulario de pedido para una tienda online
Servicios de captura de datos
De forma predeterminada, los datos del formulario se guardan en la sección «Clientes potenciales» durante 30 días. Puede cambiar este periodo hasta 90 días en «Configuración del sitio» → «Formularios» → «Configuración general del formulario».

Puede recibir clientes potenciales por correo electrónico, Google Sheets o enviarlos a servicios integrados como MailChimp, GetResponse o UniSender. Puede conectarlos en la sección «Configuración del sitio» → «Formularios».

Más información en la guía de servicios de captura de datos.
Un ejemplo de conexión de servicios de captura de datos en el carrito de la compra.
Variantes de entrega
Puede configurar la entrega en el carrito de la compra utilizando los servicios de entrega conectados y el campo integrado «Variantes de entrega». Esta guía describe cómo añadir servicios de entrega al proyecto y conectarlos al carrito de la compra.

A continuación, se describe la opción del campo Variantes de entrega sin servicios de entrega conectados.

Para mostrar las variantes de entrega al realizar un pedido, haga clic en Contenido en el bloque Carrito de la compra ST100. Añada el tipo de campo Variantes de entrega y, en el campo Variantes, enumere las opciones de entrega, cada una en una línea separada.

Si la entrega no es gratuita, ponga el signo «=» y especifique el precio de la entrega sin moneda:
Recogida local gratuita
Entrega por mensajería 20 $ =20
Página de éxito para el carrito de la compra
Si el sitio web no ofrece pagos en línea y el carrito de la compra se utiliza solo para recibir clientes potenciales, puede configurar la página de éxito directamente en él. Haga clic en Contenido en el bloque ST100 y vaya a la pestaña Más y, a continuación, en el campo URL de la página de éxito, especifique el enlace a la página que necesita.
Configuración de la página de éxito a través del carrito de la compra ST100
Si tiene el sistema de pago conectado al proyecto, debe configurar la página de éxito en los ajustes del sistema de pago. Para ello, vaya a Ajustes del sitio → Sistemas de pago, seleccione el servicio de la lista y especifique la URL de la página de éxito en sus ajustes.

Cómo empezar a aceptar pagos en el sitio web por productos o servicios.

Instrucciones para colocar productos en la página de la tienda online.

Instrucciones para crear una tienda online con varias páginas.

Escenario de venta de productos sin selección de parámetros adicionales.

¿Cómo hacer para que el comprador pueda elegir un parámetro: color, tamaño, tiempo u otro parámetro?

Cómo transferir datos para las cajas registradoras en línea Cloudpayments, Robokassa y YKassa

Configuración de la venta de un solo producto

Tilda integra los sistemas de pago más solicitados. Se puede conectar uno o varios.

Puede ofrecer diferentes opciones de envío y establecer diferentes precios para cada una de ellas.

Cómo añadir opciones adicionales que el comprador puede seleccionar antes de completar el pedido.

¿Cómo hacer para que el comprador solo pida el producto en la página web y pague después?

Hecho en
Tilda