Revisa cómo los clientes experimentan tu tienda, desde cómo navegan hasta el proceso de pago.

Esta guía muestra lo que ven tus clientes cuando exploran tus productos, los agregan a un carrito de compras y hacen el pago. Antes de que los clientes puedan pagar, tendrás que agregar productos a tu sitio y conectar un procesador de pagos.

Consejo: Regístrate en nuestro seminario web Consejos de diseño para aumentar las ventas de tu tienda, donde presentaremos herramientas y consejos que puedes usar para ayudar a que tus productos se destaquen en tu sitio e impulsar las ventas.

Las capturas de pantalla de ejemplo de esta guía provienen de un sitio simulado de la versión 7.1.Si tienes un sitio de la versión 7.0, la experiencia del cliente puede ser un poco diferente.La experiencia de compra también puede variar ligeramente en función de cómo configures tu tienda. Realizar pedidos de prueba es la mejor manera de conocer cómo funciona tu proceso de pago.

Navegar por tu sitio

Cuando un cliente visita tu sitio, lo recorre utilizando la navegación de este. Para ver tus productos, debe hacer clic en un enlace a tu página de tienda.

En la página de tienda, puede ver tus productos y filtrarlos por categoría. 

La página de tienda muestra hasta 200 productos. Si hay más, los clientes pueden hacer clic en Siguiente para ver más productos. Si un producto tiene múltiples variantes con distintos precios, la página de tienda muestra "Desde [el precio de variante más bajo]" en el campo de precio.

Si has habilitado las funciones especiales de la página de tienda, como la vista rápida o el zoom del producto, estas interactúan con estas funciones al desplazar el cursor por encima de las imágenes del producto destacadas.

Otras formas de comprar

Los clientes pueden comprar productos en otras partes de tu sitio si utilizas bloques de productos o bloques de sumario para mostrarlos en diferentes páginas.

Si comercializas tus productos a través de Email Marketing de Squarespace o sincronizas tus productos con Facebook o Instagram, los clientes también pueden encontrar tus productos mientras no estén visitando tu sitio de Squarespace.

Agregar productos al carrito

Cuando los clientes hacen clic en un producto, se abre la página de detalles del producto, donde pueden revisar la información, las imágenes y mucho más del producto. Si el producto tiene varias opciones (por ejemplo, color y tamaño), pueden seleccionarlas de un menú desplegable o hacer clic en un botón. Para agregar el producto a su carrito, hacen clic en Agregar al carrito. Puedes personalizar el texto de este botón. Los clientes pueden agregar hasta 500 productos a su carrito. Si el envío calculado por el transportista está habilitado, pueden agregar hasta 150 productos. Si ingresan una cantidad mayor que la que tienes en stock, aparece un mensaje de error que les indica el número máximo que pueden pedir. 

En la versión 7.1, también puedes mostrar el botón Agregar al carrito en la página de la tienda debajo de las imágenes en miniatura del producto, lo que permite a los clientes agregar artículos a su carrito más rápido. Si un producto tiene una variante, los clientes pueden seleccionar la opción y hacer clic en Agregar al carrito en la página de la tienda. Si el producto tiene más de una variante, los clientes hacen clic en el botón Ver opciones, que los lleva a la página de detalles del producto donde pueden hacer su selección.

Revisar el carrito de compras

Después de que los clientes agregan un artículo a su carrito, aparece una notificación de carrito en la parte superior de la página, que muestra el número de artículos del carrito y el costo total. Para enviar a los visitantes directamente al área de pago después de elegir un producto, habilita la compra rápida. Los clientes pueden seguir comprando o hacer clic en el ícono del carrito para abrir el carrito de compras.

En el carrito de compras, pueden cambiar la cantidad de productos o eliminar productos. Los clientes hacen clic en Finalizar compra para completar la compra.

Si eliminan todos los productos del carrito de compras, se mostrará el enlace Continuar comprando. Esto dirige a tu página de inicio de forma predeterminada, pero puedes dirigirla a otra página.

Proceso de pago

Al hacer clic en el botón Área de pago, se abre la página de pago, que está protegida por SSL para mantener los datos de las tarjetas de crédito de tus clientes seguros y protegidos. En un área de pago típica se siguen estos pasos:

1. Correo electrónico: el cliente introduce su dirección de correo electrónico.Si has habilitado la opción de suscripción a la newsletter al finalizar la compra, pueden marcar o desmarcar esta opción.
2. Inicio de sesión en cuentas de clientes: si el cliente tiene una cuenta, puede iniciar sesión para acelerar el proceso de pago.Si has habilitado las cuentas de clientes, pueden crear una cuenta al finalizar la compra.
3. Métodos de entrega : el cliente elige entre envío o recogida local. Si elige el envío, ingresa su dirección de envío.Cuando comienza a escribir, se muestra una lista de sugerencias de autocompletar de Google.A continuación, el cliente selecciona una opción de envío.Se muestran en orden ascendente de precio, con la opción más económica seleccionada de forma predeterminada.Si todas las opciones tienen el mismo precio, se muestran en el orden en que las agregaste.
4. Pago y descuentos: el cliente introduce la información de su tarjeta de crédito y la dirección de facturación, o puede usar PayPal, Apple Pay o Afterpay. Si tienes descuentos activos, puede introducir un código de descuento. Los descuentos se aplican al costo del producto, no al envío. Solo los descuentos por envío gratuito afectan el costo de envío.
5. Revisar y comprar: el cliente hace clic en Comprar para hacer su pedido. Si agregaste políticas de tienda, se muestran aquí como enlaces de texto.
6. Confirmación. Después de pagar, los clientes llegan a una página de confirmación. 

Si tienes un descuento de envío automático y gratuito, se muestra después de que los clientes seleccionen la opción de envío a la que se aplica el descuento. Si esta opción es más cara que otras opciones antes del descuento, los clientes deberán seleccionarla manualmente.

Si los clientes finalizan la compra con varios productos que tienen diferentes perfiles de logística, su compra puede dividirse por perfiles de logística al momento de pagar, y podrán seleccionar una opción de envío para cada perfil. Los clientes pagarán una vez, pero su pedido se dividirá en varios pedidos con números separados, uno para cada perfil de logística. Harás la logística de cada pedido individualmente en el panel de Pedidos. Los clientes recibirán varios correos electrónicos de confirmación de pedidos.

Página de confirmación de pedido

Se muestra una página de confirmación de pedido después de que se haga correctamente el pago. Lo que se incluye en la página depende del tipo de producto que haya comprado tu cliente. Si compró un producto físico, de descarga o de servicio, la página de confirmación muestra el estado del pedido y los detalles y la opción de crear una cuenta de cliente. Si tu cliente compró una tarjeta regalo, una suscripción o una membresía, la página muestra el texto Pedido confirmado y el número de pedido. Para obtener una vista previa de estas páginas, haz un pedido de prueba con un tipo de producto compatible.

Autenticación reforzada de clientes (SCA)

Los clientes con tarjetas de crédito emitidas en el EEE pueden ver un paso de autenticación adicional durante el proceso del área de pago. Este puede ser una ventana emergente del navegador o una notificación push desde una aplicación bancaria que pide al cliente que verifique la transacción. El proceso exacto de autorización depende del banco del cliente. Para informarte mejor, visita Autenticación Reforzada de Clientes (SCA).

Revisar correos electrónicos de pedidos

Después de completar el proceso de pago, el cliente recibirá un correo electrónico de confirmación del pedido. Si compró un producto de descarga, recibirá un correo electrónico con un enlace de descarga del producto. En el caso de los productos físicos, recibirá un segundo correo electrónico cuando prepares su pedido. Los clientes también pueden hacer clic en un enlace del correo electrónico de confirmación del pedido para ver el estado de su pedido.

Esta captura de pantalla muestra el diseño del correo electrónico de confirmación del pedido, que puedes personalizar en el panel de notificaciones por correo electrónico al cliente.

Revisar la página de estado del pedido

Después de pagar los productos físicos, de descarga y de servicio, los clientes llegan a la página de estado del pedido. También pueden hacer clic en un enlace en el correo electrónico de confirmación del pedido para regresar a esta página. La página de estado del pedido muestra los detalles del pedido, como el número y el total del pedido. También muestra el estado del pedido, que puede ser “pendiente” o “completado”, dependiendo de si has completado el pedido. Si el cliente eligió una de las opciones de envío calculado por el transportista y compraste una etiqueta de envío de USPS por medio de Squarespace, también aparece la información del seguimiento si el cliente ha iniciado sesión en su cuenta.

Los clientes también pueden revisar su información de envío y facturación si han iniciado sesión en su cuenta. Si tu sitio tiene SSL habilitado, los clientes también pueden ver los detalles del pedido ingresando su dirección de correo electrónico y un código de su correo electrónico de confirmación de pedido.  Si no tienen una cuenta, pueden crear una desde la página de estado del pedido. Si un cliente tiene problemas para crear o iniciar sesión en su cuenta, visita la guía de Cuentas de clientes para obtener consejos sobre cómo solucionar problemas.

La página de estado del pedido aparece en blanco

Si la página de estado del pedido aparece en blanco o tiene otros problemas de visualización, puede deberse al código personalizado que has agregado a tu sitio. El código personalizado a veces puede interferir con el código integrado de Squarespace y causar problemas. Para resolver el problema, elimina todo el código personalizado de tu sitio, guárdalo en un documento de texto para guardarlo de forma segura y, a continuación, actualiza la página. El código personalizado es una modificación avanzada que queda fuera del alcance del servicio de atención al cliente de Squarespace. Para obtener más ayuda, puedes visitar el Squarespace Forum, nuestro foro en línea donde los clientes se ayudan mutuamente con soluciones de codificación.