Personalización del checkout de Shopify: qué opciones tienes

Publicado: 2022-08-31

Shopify proporciona a cada comerciante un proceso de pago predefinido. Funciona de forma rápida y segura sin ningún esfuerzo adicional por su parte. Pero es posible que desee modificarlo para que el pago se ajuste más al diseño de su tienda, eliminar la fricción, agregar ofertas especiales, etc.

Todas las plataformas de comercio electrónico incorporan campos de pago personalizados: por ejemplo, agregar una nota o un mensaje de regalo al pedido está disponible en cualquier solución importante (Woocommerce, Squarespace, Eqwid y otras). Pero Shopify es probablemente el más flexible en la forma en que puede modificar el pago sin un desarrollo personalizado.

En esta publicación, discutiremos qué personalizaciones de pago de Shopify son factibles y cómo implementarlas.

¿Qué tan personalizable es un pago de Shopify?

La mayoría de las páginas de pago que ves en las tiendas Shopify son prácticamente iguales. La página se divide en dos partes: la izquierda es para que el cliente complete la información de envío y pago, y la derecha muestra el resumen del pedido.

No puede cambiar esta estructura y lógica de pago. Lo que puede hacer gira en torno a cambiar la apariencia de la página y agregar campos adicionales. Pero incluso los cambios cosméticos más pequeños pueden afectar en gran medida la experiencia de pago y aumentar sus conversiones.

¿Qué sucede si desea cambiar la estructura de pago?

Actualmente, solo los comerciantes de Shopify Plus tienen la capacidad de afectar la lógica de pago editando la plantilla checkout.liquid. Sin embargo, puede ser demasiado arriesgado, y el propio Shopify no está contento con eso. La edición del código de pago presenta los siguientes riesgos:

  • Podría romper algo en el sitio web y no permitir que los clientes completen los pedidos.
  • Puede ser complicado y laborioso integrar código de terceros.
  • Cuando se agrega, JavaScript de terceros puede acceder a datos confidenciales, lo que puede generar problemas de seguridad.

Para abordar esto, Shopify está creando una arquitectura de extensión de pago para permitir a los desarrolladores crear aplicaciones de personalización de pago . Puede modificar muchas cosas que ya usan varias aplicaciones de Shopify, pero puede esperar muchas más oportunidades de personalización con la aparición de extensiones de pago. Con base en los componentes de la interfaz de usuario y la API de marca proporcionada por Shopify, estas extensiones permitirán aumentar las partes existentes del proceso de pago, reemplazar algunos elementos y agregar una funcionalidad completamente nueva.

Tipos de personalizaciones de pago en Shopify

Dicho esto, vamos a cubrir 2 tipos principales de personalizaciones de pago disponibles para ti: el primero son los cambios de tema que puedes implementar fácilmente y el segundo son características adicionales incorporadas con la ayuda de las aplicaciones de Shopify.

1. Personalizaciones visuales súper fáciles de su pago de Shopify

Por ahora, veamos qué puede hacer en su editor de temas sin ayuda adicional. Cuando haga clic en Personalizar junto a su tema actual, elija Pagar en el menú superior y vaya a la sección Pagar en la configuración del tema a la izquierda.

Edición de pago en la personalización del tema

Aquí, puede hacer muchas personalizaciones de pago simples:

  • Agregue su logotipo a la página de pago. Su logotipo debe seguir al cliente de una página a otra, creando una imagen de marca coherente. No permita que su página de pago solo muestre el nombre de su tienda; en su lugar, incluya un logotipo.

  • Modifique los colores de las secciones de la página, el texto, los enlaces y los botones. En lugar de dejar los colores predeterminados, puede establecer lo que mejor se adapte a los elementos de su marca. También puede establecer una imagen de fondo para el contenido de la página principal y el resumen del pedido, pero no es una práctica recomendada: la información en estas áreas debe estar claramente visible.

Shopify también te proporciona varias fuentes. Si encuentra uno adecuado, elíjalo para personalizar el aspecto de la caja.

Fuentes personalizadas en la caja
Fuentes personalizadas en la caja. Fuente: Verve

  • Agregue un banner de marca o una imagen relevante como encabezado. Por pequeño que sea el elemento de un encabezado de imagen, puede cambiar completamente el aspecto de su página de pago.
Encabezado de imagen personalizado en la página de pago
Encabezado de imagen personalizado en la página de pago. Fuente: Alquimia de chocolate

También puedes modificar algunos campos desde tu panel de control de Shopify en la sección Pago y cuentas :

  • Editar registros de marketing. Puede agregar suscripciones de correo electrónico y SMS y cambiar el "Envíeme un correo electrónico con noticias y ofertas" predeterminado a otra cosa. Para hacer esto último, haga clic en las etiquetas de casilla de verificación Personalizar e ingrese sus frases en los campos respectivos.
Personalización de registros de correo electrónico y SMS

Sin embargo, si desea resaltar estos campos creando un diseño especial para ellos o controlar dónde se muestran, la configuración predeterminada no es suficiente. Las aplicaciones de Shopify o la codificación personalizada lo ayudarán a personalizar los cuadros de registro.

  • Establezca las opciones de inicio de sesión del cliente y los campos de entrada obligatorios. En la configuración de su administrador, puede determinar cómo los visitantes pueden realizar pedidos: permitir el pago de invitados, configurar Multipass, etc. Además, puede ajustar qué campos de contenido se muestran como obligatorios y cuáles son opcionales: por ejemplo, puede incluir o excluir el línea de dirección 2.
Configuración de pago de Shopify: inicio de sesión del cliente

  • Permitir propinas. Si tiene sentido para su negocio, puede permitir que los clientes expresen su agradecimiento habilitando las propinas en la caja.

2. Shopify personalizaciones de pago a través de aplicaciones u otras herramientas

Varias aplicaciones pueden ayudarlo a que su proceso de pago sea perfecto y genere conversiones. Estos son algunos ejemplos de lo que puede hacer:

  • Reemplace las migas de pan predeterminadas con la barra de progreso. La navegación de migas de pan creada automáticamente para pagar es demasiado pequeña para llamar la atención. Si desea que sus clientes entiendan claramente cuántos pasos se necesitan para completar el pedido, puede agregar una barra de progreso.
Barra de progreso de pago de 5 pasos
Barra de progreso de pago de 5 pasos. Fuente: Gymshark

  • Mostrar un umbral de envío gratis. Tiene sentido tener un umbral de envío gratuito repetido en diferentes etapas del proceso de compra: puede agregarlo en el encabezado de su tienda, resaltarlo en la página del carrito y en el cajón del carrito, y también agregarlo a la caja (solo cuando el aún no se cumple la condición para el envío gratuito).
Condiciones de envío gratuito que se muestran durante el pago
Condiciones de envío gratuito que se muestran durante el pago. Fuente: Pura Vida

  • Agregue un regalo gratis con la compra. Si está utilizando una aplicación como Gift Box que le permite regalar productos, automáticamente mostrará el regalo en el resumen del pedido cuando se cumplan las condiciones que especificó (umbral de gasto, por ejemplo).
Regalo gratis con la compra en la caja

  • Venta adicional y venta cruzada de productos. Las técnicas de venta adicional pueden funcionar bien en diferentes etapas del embudo, incluido el pago. Puede agregar ofertas posteriores a la compra en la página de agradecimiento con la ayuda de Candy Rack. Si deseas explorar diferentes formas y soluciones para aumentar las ventas durante o después del pago, lee nuestra selección de las mejores aplicaciones de Shopify para aumentar las ventas.

  • Agregue un temporizador de pago. La urgencia es una gran motivación para que los clientes completen sus compras. Muéstreles que sus productos tienen una gran demanda con la ayuda de un temporizador de cuenta regresiva.
temporizador de pago
Temporizador de pago. Fuente: Burga

  • Permita que los clientes se registren para recibir actualizaciones por correo electrónico y SMS. Esta funcionalidad está disponible en la configuración de administración de Shopify (explicamos cómo funciona anteriormente), pero con las aplicaciones, tendrá más flexibilidad en la forma de presentar las opciones de registro.

Puede incorporar varios registros: para sus campañas de marketing y para actualizaciones de envío. Aplicaciones como AfterShip te ayudarán con esto último.

Actualizaciones de pedidos y suscripciones de texto de marketing en el proceso de pago
Solicite actualizaciones y suscripciones de texto de marketing en el proceso de pago. Fuente: Entonces te conocí

  • Agregue insignias de confianza. Las aplicaciones como Trust Me lo ayudarán a agregar fácilmente insignias con métodos de pago admitidos u otros indicadores de confianza.

  • Mostrar detalles de contacto u otra información útil. ¿Por qué dejar algunas áreas en blanco si puede recordar a los clientes los beneficios de sus productos? Puede crear una sección especial debajo del resumen del pedido:
Ventajas de la marca mencionadas en la página de pago
Beneficios de la marca mencionados en la página de pago. Fuente: Pura Vida

O bien, puede recordarles a los clientes su información de contacto. Esto puede disminuir la tasa de abandono del carrito ya que es más probable que las personas resuelvan los problemas que tienen.

Datos de contacto en la página de pago
Datos de contacto en la página de pago. Fuente: Hecho en

  • Permita que los clientes dejen comentarios. Las aplicaciones como Checkout Comments lo ayudarán a colocar un campo adicional en el checkout donde puede solicitar comentarios o permitir que los clientes dejen solicitudes de personalización.

  • Haga que el resumen del pedido sea permanente. Para que los clientes no pierdan de vista su pedido al completar los campos de envío y pago, puede usar un resumen de pedido fijo (se moverá junto con el desplazamiento del cliente).
Resumen de pedido fijo
Resumen de pedido fijo. Fuente: Tsuno

  • Cree un pago de una sola página. Existen herramientas de terceros como Chekify que lo ayudarán a diseñar una experiencia de pago que incluya todos los pasos en una sola página.

Esperamos que las características que hemos mencionado lo inspiren a personalizar su pago para que sea irresistible. Para obtener más consejos, consulte nuestra guía para la optimización del proceso de pago de Shopify.