Personalización de la experiencia de compra

Edita tu configuración de pago y luego modifica el estilo de tus páginas de área de pago y carrito de compras.

Última actualización: 15 de enero de 2025

La página de pago de tu sitio debe ser simple y estar optimizada, al tiempo que permita a los clientes interactuar con tu marca y revisar tus términos y políticas. Utiliza esta guía para obtener información sobre las diferentes formas de personalizar tu experiencia de pago.

Configuración del carrito y área de pago

En el panel de Carrito y en el panel de Área de pago, puedes gestionar las políticas de tu tienda, requerir información adicional y ajustar otras configuraciones.

El área de pago incluye un campo de tarjeta regalo si alguna vez vendiste una tarjeta regalo, y un código promocional si tienes descuentos activos, programados o inactivos. Para eliminar los campos, elimina cualquier tarjeta regalo activa o descuentos activos, programados o inactivos. Los campos Impuestos y Envío siempre se muestran en el área de pago, incluso para productos sin costo de envío ni impuestos.

Para abrir estos paneles, abre el panel Configuración, haz clic en Vender, y luego en Carrito o Área de pago.

Ajustes del carrito

Abre el panel Carrito para acceder a esta configuración:

Configuración Detalles
Enlace de "Continuar comprando"

Elige la página a la que quieres que regresen los visitantes cuando hagan clic en Continuar comprando en la página vacía del carrito de compras. De forma predeterminada, se vincula a tu página de inicio. Para obtener más información, desplázate hacia abajo en esta guía.

Habilitar la compra rápida

Envía a los clientes directamente a una página de pago en lugar de agregar artículos a un carrito de compras.

Si está habilitada, los productos tendrán los botones Comprar en lugar de botones Añadir al carrito, y los clientes pueden añadir varios productos a su carrito de compras.

Tema claro Haz que el carrito de la compra se muestre en un color más claro, para que destaque en un sitio con un fondo oscuro. Esto solo afecta el icono del carrito de compras en las plantillas que usan el estilo de página de la tienda Clásico.

Configuración de la finalización de compra

Abre el panel Área de pago para acceder a estos ajustes:

Configuración

Detalles

Área de pago en tu dominio

Dirige a los clientes a una página de área de pago personalizada y segura dentro de tu dominio, en lugar de a la URL preestablecida https://secure.squarespace.com. Para informarte mejor, visita Área de pago en tu dominio.

Recuperación del carrito abandonado

Envía correos electrónicos a clientes que no completen su pedido. Después de habilitar esta configuración, puedes personalizar el correo electrónico.

La recuperación del carrito abandonado está disponible en el plan Commerce Avanzado.
Monto mínimo de pedido

Establece un monto mínimo de pedido para el subtotal de pago. Los compradores no pueden realizar un pedido hasta que alcancen el mínimo.

Cantidad de servicios

Haz posible pagar varios productos de servicio y que estos muestren etiquetas de disponibilidad limitada después de haberlas habilitado. Déjalas deshabilitadas para ocultar el campo de cantidad de las páginas de detalles del producto de servicio.

Número del próximo pedido

Cambia el número de pedido asignado automáticamente a partir de tu próximo pedido.

Esto puede ser útil si estás haciendo una transición de otra plataforma de Commerce o si deseas aparentar que has tenido más pedidos que los que verdaderamente recibiste.

El Número del siguiente pedido debe ser más alto que el número de tu último pedido.

Detalles del recibo

Personaliza la información que aparece en los recibos de tus pedidos. Visita nuestra guía sobre el IVA y el impuesto sobre bienes y servicios (GST) si deseas obtener ayuda para editar los detalles de tus recibos

Página de finalización de compra

Desplázate hacia abajo en el panel Área de pago hasta la página Área de pago para acceder a esta configuración:

Configuración

Detalles

Registro por correo electrónico

Agrega una opción de suscripción al newsletter al área de pago para que puedas enviar correos electrónicos de marketing a los compradores con Email Marketing de Squarespace o Mailchimp.

Para obtener más información, consulta Agregar la opción de suscripción a la newsletter en el área de pago.

Dirección de facturación predeterminada

Marca automáticamente Usar la dirección de envío en el paso de Información sobre el pago cuando finalicen la compra. Cuando está activa, los clientes puedes quitar la marca en esta opción e ingresar otra dirección para el envío.

País preestablecido en los campos de dirección 

Establece un país que se preseleccione para los campos de dirección de facturación y envío. Es obligatorio que lo hagas. Debes tener al menos una regla de envío para el país que elijas; de lo contrario, Estados Unidos será la opción predeterminada.

Campos adicionales

Recopila números de teléfono al finalizar la compra y crea formularios de pago personalizados.

Políticas de la tienda

Agrega estas políticas y aplica formato:

  • Política de Devolución
  • Condiciones de Uso
  • Política de Privacidad

Una vez completadas estas casillas, la página de finalización de compra tendrá enlaces que abren estas políticas en una ventana emergente.

Si quieres consejos sobre qué incluir en tu Política de Privacidad, consulta Modelos de mensajes para tu Política de Privacidad.

Aplicar estilo a la página de pago

Personaliza el aspecto de tu página de pago realizando cambios de estilo. Debe tener una marca coherente con el resto de tu sitio. Para obtener más información, visita Cómo aplicar estilo a la página de pago.

Aplicar estilo a la página del carrito de compras

Antes de pagar, los clientes revisan sus pedidos en la página del carrito de compras,que sigue los estilos globales de tu sitio.No es posible personalizar esta página sin afectar los colores que aparecen en tu sitio.Para obtener una vista previa de cómo los cambios de estilo afectan la página del carrito de compras mientras realizas ediciones:

  1. Agrega un artículo a tu carrito y luego ve a tu carrito. 
  2. Abre Estilos del sitio

Fuentes

Para editar fuentes:

  1. En Estilos del sitio, haz clic en Fuentes.
  2. Aplica estilo a las fuentes.
  3. Haz clic en Guardar para guardar tus cambios y seguir editando, o haz clic en Salir y luego Guardar para cerrar el editor.

Colores

Para cambiar el fondo, los botones y los colores del texto en la página del carrito de compras, edita el tema cromático predeterminado de tu sitio. No puedes asignar un tema diferente a la página del carrito de compras, pero puedes hacer cambios en el tema predeterminado para personalizar la página.

Sigue estos pasos para encontrar el tema cromático predeterminado de tu sitio. Luego, usa estos retoques para cambiar los colores de la página del carrito de compras:

  • Fondo. En todo el sitio: fondo de la sección
  • Botón. Ajustes del botón principal
  • Texto.   Encabezado (grande), Párrafo (mediano)

Si estos ajustes no aparecen, es posible que tengas que hacer clic en Mostrar todos en la parte superior del panel.

Si tienes conocimientos de programación, también puedes personalizar esta página con código personalizado. Si eres miembro de Squarespace Circle y agregas un código personalizado a tu sitio, revisa esta lista de nombres de clases estáticas para la página del carrito de compras.

Nota

agregar un código al sitio es una modificación avanzada que no está dentro del alcance de la atención al cliente de Squarespace.

Cambiar el botón Continuar comprando

El botón Continuar comprando aparece en la página de carrito vacío. De forma predeterminada, este botón se dirige a tu página de inicio, pero puedes cambiar el destino Continuar comprando a cualquier sitio. No es posible vincular a un evento o páginas en menús desplegables. Aquí te mostramos un ejemplo del botón de Continuar comprando:

ContinueShoppingButton.png

Para editar el botón Continuar comprando: 

  1. Abre el panel de Carrito.
  2. Debajo del enlace Continuar compra, haz clic en el menú desplegable y selecciona un nuevo destino.

El color del botón Continuar comprando sigue los ajustes de estilo de los botones de tu sitio.

Para aplicar estilo al texto del encabezado del carrito de compras

  • Color: en la versión 7.1, usa el ajuste de color Encabezado (grande).En la versión 7.0, usa el ajuste de estilo Encabezado. En la plantilla Brine, haz clic fuera de la página del carrito de compras antes de abrir los estilos del sitio y luego usa el ajuste de estilo Encabezado 2.
  • Fuente: en ambas versiones, esta fuente sigue la configuración de fuente de tu sitio en Estilos del sitio.
  • Tamaño:  no es posible cambiar el tamaño del texto.

Lo que no puedes editar

Al personalizar la configuración de pago, ten en cuenta que no es posible editar:

  • El enlace directo a un elemento de la colección individual.
  • El enlace directo a una página de un índice.
  • El texto del botón Continuar comprando.
  • El texto del botón Área de pago .
  • El texto predeterminado en los campos de pago.

No se puede quitar el botón Continuar comprando.

Personalizar correos electrónicos después del pago

Los clientes reciben correos electrónicos automatizados relacionados con su pedido después de hacer una compra, mientras que tú haces lo necesario para completarlo. Puedes personalizar estos correos electrónicos en el panel de Notificaciones de clientes.

También puedes crear campañas automatizadas para enviar correos electrónicos de marketing a los clientes después de que hayan realizado una compra. Las recibirán además del correo electrónico estándar de Pedido confirmado. Para obtener más información sobre cómo integrar Email Marketing con tu tienda online, visita Cómo usar Email Marketing con Commerce de Squarespace.

Utilizar extensiones para enviar encuestas de comentarios de clientes

Puedes enviar encuestas de comentarios de clientes de marca y obtener información crucial de tus clientes conectando la extensión Delighted. Si bien trabajamos con servicios de terceros para garantizar que Squarespace Extensions funcionen correctamente, las extensiones quedan fuera de nuestro ámbito de atención al cliente. Podemos ayudarte a conectar o desconectar las extensiones. Si tienes cualquier otra pregunta, ponte en contacto directamente con el proveedor de las extensiones.

Próximos pasos

Footer Image
  • Recibe ayuda de nuestra comunidad

  • Recibe la ayuda de nuestra comunidad para personalizaciones avanzadas.

  • Contrata a un Squarespace Expert

  • Destácate en línea con la ayuda de un diseñador o desarrollador con experiencia.

Personalización de la experiencia de compra