¿Cómo personalizar Shopify?

Descubre en este artículo algunas de las posibilidades de personalización que ofrece Shopify para mejorar la experiencia de compra y atraer a más clientes.

Al considerar cómo personalizar tu tienda en Shopify, es común plantearte preguntas sobre la velocidad y la originalidad. Sin embargo, más allá de esta aparente y falsa dicotomía, Shopify ofrece opciones de personalización de tu negocio amplias y flexibles que permiten a las marcas adaptar tanto el diseño como la experiencia de compra online sin sacrificar la eficiencia del sitio web de su tienda. 

Este artículo explora las cinco áreas clave en las que las herramientas de personalización de Shopify pueden ayudarte a construir una tienda online única y funcional, impulsando el crecimiento de tu negocio online.

Personalizar temas: el uso de plantillas

¿Debo utilizar una plantilla para personalizar mi ecommerce?

La decisión de construir el sitio web de tu tienda desde cero o empezar trabajando con un tema con plantilla no es fácil. El desarrollo desde cero, es decir, el que permite el código abierto, te da un control total sobre cada decisión mientras planificas, creas y optimizas tu web. Ese nivel de control sobre tu ecommerce puede ser atractivo, pero ¿vale la pena? Tal vez la mejor pregunta sea: ¿cuál es tu objetivo?

En The Science of Familiarity: How to Increase Conversions by Being Completely Unoriginal (La ciencia de la familiaridad: cómo aumentar las conversiones siendo completamente poco original), Shanelle Mullin, que ahora ayuda a dirigir el contenido y el crecimiento en Shopify, escribe:

“Inconscientemente, damos preferencia a las cosas y a las personas con las que estamos familiarizados. Incluso si los estímulos a los que te expones repetidamente son negativos (por ejemplo, una relación abusiva), inconscientemente encontrarás consuelo en su familiaridad.”

En el ecommerce, Amazon es el rey de la familiaridad. Tanto es así que su tasa de conversión entre los miembros Prime es del 74 %. Eso es un 1,133 % más alto que esos mismos compradores en otros minoristas online. Como dice Mullin, “esas cifras son impresionantes. El texto y el diseño de Amazon no son un 1,133 % mejores que los de los demás”.

Amazon tiene mejor conversión que la competencia porque es familiar… hasta el punto de ser un hábito.

Lo que realmente importa es el equilibrio: dar a los clientes la suficiente originalidad para que destaquen, pero no tanta como para que encontrar lo que buscan les resulte poco familiar o antinatural.

Más adelante podrás aprender a personalizar Shopify desde el punto de vista técnico, pero por ahora fíjate en la tienda de moda de lujo para hombres Ledbury.

Diseñada a partir de la planilla Debut de Shopify, nunca sabrías que su escaparate no fue codificado desde cero. Las imágenes de alta calidad de los productos, la optimización para móviles y el uso de videos a pantalla completa se combinan para crear una experiencia de cliente que representa a Ledbury sin sacrificar la facilidad de uso.

Como explica el cofundador de Ledbury, Paul Watson, “el uso de los temas de Shopify Plus nos ha permitido repetir rápidamente los diseños y la funcionalidad con nuestros socios de desarrollo en Maui, New York. El resultado es una magnífica experiencia de usuario para nuestros consumidores a la vez que se agilizan nuestros procesos operativos en el back-end.”

Ecoalf, por ejemplo, utiliza una serie de elementos dinámicos e interactivos para mostrar sus diseños y hacer que las compras sean más atrayentes para el consumidor.

Para Alohas, una marca de moda sostenible, un diseño atractivo era solo el comienzo. 

Desde la gestión eficiente del inventario y la contabilidad de su negocio hasta la creación de contenido informativo y visualmente impactante, cada aspecto se integra en su estrategia. Alohas utiliza Shopify para ofrecer una experiencia de compra personalizada, lo que les permite resaltar sus productos de manera efectiva y mantener un control total sobre su tienda online, aprovechando todas las herramientas que la plataforma ofrece para optimizar la interacción con sus clientes.

Como puedes apreciar en la captura de pantalla del sitio web de Alohas, Shopify ofrece una amplia gama de opciones de personalización de sus temas, desde la disposición del contenido hasta la selección de colores y tipografías, lo que facilita a las marcas reflejar su identidad única online. 

En palabras de Philip Vasilevski, cofundador y director técnico de Maui New York, socios de Ledbury.

“El flujo de trabajo de desarrollo con Shopify es el mejor de cualquier plataforma de ecommerce, tanto en términos de estilo de front-end como de capacidades de CMS. Además, Shopify Plus ofrece una gran documentación, soporte de API y herramientas como Theme Kit.”

Shopify Plus hace posible personalizar todo lo que es importante para los compradores de tu ecommerce, automatizando campañas a gran escala, creando recorridos de compra personalizados, ofreciendo pagos intuitivos y venta social directa.

Personalizar productos

La personalización de las plantillas en Shopify es un equilibrio entre dos propuestas del front-end: familiaridad y originalidad. Pero personalizar tus productos es mucho más que encontrar un equilibrio entre el front-end para tus clientes, y el back-end (panel de control) para tu equipo.

Después de todo, una cosa es mostrar tus productos de forma atractiva, y otra cosa es que sea fácil comprarlos, actualizarlos, añadirlos, eliminarlos, gestionarlos y publicarlos en múltiples canales de venta.

No debería ser necesario tener un equipo informático ni conocimientos de programación para añadir un producto, cambiar el texto, actualizar las imágenes, cargar un video o incluso optimizar detalles como el precio, los envíos y el SEO de tu ecommerce. Todo el mundo debería ser capaz de hacer estas cosas sin que el software se interponga en el camino.

Para una gestión optimizada, la API RESTful de Shopify se integra directamente con tu OMS, PIM, 3PL y CRM existentes. El mismo acceso a la API también se puede utilizar para cargar o actualizar de forma masiva tus productos.

En cuanto a la personalización, hay tres puntos que merecen especial atención:

Personalización de productos para ventas multicanal

Una vez que hayas configurado los productos de tu tienda online, la integración multicanal nativa de Shopify implica que puedes implementar automáticamente productos individuales o colecciones enteras en más de 20 canales diferentes. Los más destacados son: POS para ventas físicas, redes sociales como Facebook, Pinterest e Instagram, plataformas de chat para comercio conversacional, aplicaciones móviles y venta al por mayor.

Personalización de productos para variantes

Para las marcas con productos profundamente personalizables, el límite de 100 variantes de Shopify es a menudo visto como un punto negativo. El control total del código sobre el panel de control elimina tales limitaciones… o eso es lo que se dice.

En realidad, muy pocos comerciantes se topan con el límite de 100 variantes; sin embargo, para aquellos que lo hacen, Jason Bowman, ingeniero de soluciones y jefe de equipo de APAC en Shopify Plus, recientemente publicó un proceso paso a paso para superar esas limitaciones (en inglés) junto con el código exacto que necesitarás para lograrlo.

Metacampos

En lugar de crear varias plantillas para acomodar datos o elementos de diseño únicos, los metacampos te permiten personalizar productos, colecciones, entradas de blog e incluso páginas enteras.

“Los metacampos permiten a los desarrolladores y diseñadores de front-end evolucionar sus temas y productos más allá de lo que es posible con los campos de datos por defecto”, explica Bowman. “Este es el superpoder oculto que ayuda a impulsar algunos diseños personalizados increíbles.”

En su forma más sencilla, los metacampos pueden utilizarse para añadir información sobre el producto (como las instrucciones de cuidado de la ropa):

Un uso más avanzado, por ejemplo, con la herramienta ShopifyFD, se extiende a videos de productos, características de hover, enlaces de afiliados y cualquier otra adaptación personalizada que quieras hacer.

¿Cómo se traduce todo esto en el front-end? Esta vez, veamos brevemente dos ejemplos de personalización de Shopify en acción. Cuando Kim Kardashian lanzó KKW Beauty, el sitio presentó cinco conjuntos de cosméticos únicos, los cuales se agotaron totalmente en cuestión de horas. 

Para lograrlo, KKW Beauty utilizó un enfoque visual atractivo para su tienda online, combinando imágenes de los productos, fotos en acción y una opción de “Leer más”. Esto permitía a los usuarios alternar de manera fluida entre descripciones detalladas y unas imágenes cautivadoras, destacando cómo Shopify permite a las marcas crear experiencias de compra efectivas y personalizadas.

En el extremo opuesto del espectro, consideremos Meller Brand. Su sitio web permite a los consumidores explorar una variedad de gafas y cadenas de manera interactiva. Los usuarios pueden filtrar y ampliar sus opciones, agregar artículos a su cesta fácilmente, y ver imágenes de productos desde diferentes ángulos. Además, la plataforma incluye un configurador que permite personalizar ciertos productos, como las gafas, y ofrece un chat en vivo para resolver dudas al instante, todo sin salir de la misma página.

Personalizar descuentos: Algo más que cupones

Aunque competir con el precio como estrategia de crecimiento es contraproducente, no es que el precio sea irrelevante. Cuando se trata de captar nuevos clientes, retener y recompensar a los que ya tienes y maximizar el valor medio de los pedidos, el precio es un poderoso punto de apoyo para tu ecommerce.

Por otra parte, optimizar los descuentos a escala puede ser un desafío: utilizar el descuento equivocado puede reducir los beneficios y devaluar la marca.

Imagínate que tienes decenas de miles de productos a la venta en tu sitio web, en el que ofreces descuentos a los consumidores que compran al por mayor, pero que tienes que añadir manualmente cada descuento que quieres ofrecer porque no puedes automatizar el proceso.

Automatizar y personalizar los descuentos en Shopify se reduce a tres opciones:

1. Códigos de descuento

Puedes crear códigos de descuento para que los clientes los introduzcan manualmente en la caja. Estos códigos pueden aplicarse a productos específicos, colecciones o de forma universal. 

Plátanomelón utiliza de manera efectiva los códigos de descuento para nuevos clientes, ofreciendo diversas promociones que se destacan en su sitio web. Además, incorpora mensajes atractivos que guían a los clientes sobre cómo aplicar el código adecuado durante su compra, asegurando que esta experiencia sea fluida y satisfactoria.

Platanomelón ofrece un 10 % de descuento en la parte superior del sitio web de su tienda online y un cupón en una ventana emergente de su página con descuentos por campañas, como el Black Friday, que incluye un formulario para que el consumidor registre su correo electrónico.

Al combinar los descuentos con el email marketing, no solo logran construir una base de datos de correos electrónicos para futuras campañas, sino que también mejoran la experiencia del usuario al ofrecer un beneficio inmediato y atractivo.

2. Descuentos en los precios

Al igual que los códigos, los descuentos de precios son creaciones manuales que puedes utilizar para rebajar productos o colecciones. El resultado es un precio comparable que muestra los ahorros en forma de cantidades de euros, porcentajes o ambos.

3. Scripts personalizados

Los Shopify Scripts van más allá de las dos primeras opciones y te permiten crear un código personalizado para aplicar una variedad de incentivos de compra automáticamente:

• Porcentaje (%) o importe (€) de los productos
• Precios escalonados por volumen
• Umbrales de envío gratuito
• Compre uno y llévese otro (BOGO)
• Descuentos basados en el comportamiento de compra anterior

Y prácticamente cualquier otra opción que se te ocurra.

Los scripts eliminan la necesidad de utilizar códigos de cupones manuales y descuentos de precios únicos. En el caso de Merchology, una empresa que vende ropa y accesorios de marca corporativa, sus scripts identifican los cambios de talla o cantidad y ajustan automáticamente los precios en tiempo real.

“Esto es un cambio en las reglas de juego. En lugar de buscar soluciones, utilizar aplicaciones o escribir código para engañar al sistema, Scripts nos da la flexibilidad que necesitamos para personalizar los sitios de comercio electrónico, lo que beneficia a los comerciantes, a los clientes y a agencias como la nuestra” afirma Jonathan Goodman, presidente de Range.

Personalizar procesos de pago

Hay un viejo dicho que se aplica a las experiencias de pago online. “Optimizar enfocándote en cerrar la venta.”

Por supuesto, el comercio electrónico no ha inventado esta idea. Se trata más bien de una adaptación digital del principio más universal de las ventas y el marketing.

“La oferta, el diseño, las imágenes, el texto y los incentivos adecuados no sirven de nada si no se puede cerrar la venta.”

En el ecommerce, el hecho de no “optimizar enfocándote en cerrar la venta” puede dar lugar a más carritos abandonados. Al personalizar el proceso de compra, tu marca controla exactamente lo que experimentan tus clientes, incluso antes de que se conviertan en clientes.

Antes de Shopify Plus, esta era fácilmente la mayor objeción a la personalización en Shopify.

“La posibilidad de personalizar con Shopify Plus realmente nos permite llevarla al límite”, dice Gina Gregory, de la agencia de diseño y desarrollo BlueBolt, “y crear una experiencia de pago personalizada en la que los clientes pueden confiar y estar seguros de que su información personal y de compra está a salvo. Realmente hace que los clientes sientan que el sitio cuida de ellos”.

Además de las características del carrito mencionadas en la sección de descuentos, los comerciantes de Shopify Plus pueden personalizar completamente sus carritos de compra a través del archivo checkout.liquid.

A diferencia del tema general de un sitio, checkout.liquid es autónomo y no genera ningún archivo de plantilla adicional. Esto significa que puedes duplicar el mismo estilo de tu sitio mientras editas simultáneamente el código que controla el proceso de pago directamente.

Ya hemos visto cómo Platanomelón utiliza los descuentos superpuestos para generar nuevos clientes.

Una vez que alguien entra en el producto y en su carrito de compra, aparecen tres nuevos incentivos:

1. Oferta “Compra 3 o más y ahorra un 10 %”.
2. Una oferta de devolución sin compromiso: “Pruébalas, y si no te gustan, ¡te devolvemos el dinero!”
3. Envío gratuito “desbloqueado” en función del valor total del pedido al añadir el producto en la “cesta de la compra”

La pantalla de pagos facilita al máximo la compra.

Como se muestra en las imágenes de arriba, la caja de Platanomelón muestra las diferentes opciones de pago, el envío gratuito y todas las diferentes herramientas de conversión en la caja.

1. Inicio con la pasarela de PayPal
2. Dar la opción de crear una cuenta a través del correo electrónico
3. Aplicar el código del cupón de descuento

Siroko, al igual que muchas otras empresas, ha optado por un proceso de compra adaptado a las necesidades de sus usuarios. En su sitio, la experiencia de compra online se presenta de manera distinta en el escritorio y en dispositivos móviles. En la versión de escritorio, los clientes pueden explorar una vista más completa de los productos, mientras que en la versión móvil, el proceso se simplifica en una secuencia de pasos que facilita la navegación.

El punto de cada ejemplo es el mismo: cualquier personalización que tu proceso de pago necesite, Shopify Plus, puede hacerlo posible.

Personalizar pagos

Aunque la aceptación de pagos es el último paso en el proceso de compra, merece una atención especial por varias razones. 

Acelerar este proceso es fundamental para aumentar las ventas. Personalizando las opciones de pago y optimizando la experiencia en dispositivos móviles, puedes ofrecer interacciones únicas a tus clientes. Este enfoque no solo mejora la satisfacción del usuario, sino que también reduce la tasa de abandono del carrito. 

Facilitar métodos de pago familiares y accesibles permite una compra más ágil. Además, integrar un diseño que minimice la cantidad de clics garantiza una experiencia fluida y eficiente, lo que da como resultado un incremento de conversiones y mayor lealtad hacia la marca.

Personalizar las opciones de pago

Shopify ofrece más de cien pasarelas de pago diferentes en función de tu ubicación y la de tus clientes. Esto incluye Shop Pay, que permite aceptar tarjetas online y offline sin necesidad de configuraciones adicionales, así como una amplia gama de pasarelas de terceros que cumplen con el nivel 1 de PCI. Si tu pasarela preferida aún no está disponible, el SDK de pagos alojado de Shopify puede integrarla fácilmente.

Sin embargo, aunque disponer de varias opciones es estupendo, demasiadas opciones pueden reducir las tasas de conversión. En este sentido, menos es más. Por eso, Shopify Script Editor (Editor de Scripts de Shopify) te permite crear una experiencia de pago inteligente para mostrar, ocultar o renombrar los métodos de pago basados en productos seleccionados, grupos de clientes o etiquetas, o la dirección de envío de un cliente. El resultado es un proceso de compra personalizado para cada cliente.

Pagos en dispositivos móviles

Meller integra Shop Pay, PayPal y Google Pay en el centro de su pantalla de pago. ¿Por qué? Porque en el móvil, el principio de “menos es más” es primordial. En el caso del pago móvil, menos clics equivalen a más ventas.

Además de la integración con otras pasarelas móviles como la de Apple, la nueva confirmación de un solo campo de Shop Pay lleva la facilidad a un nivel completamente nuevo.

Shop Pay se completa en 30 segundos frente a las compras normales, que pueden tardar 1:42 en completarse.

Juntos, Shopify Script Editor, las opciones de pago en dispositivos móviles y los canales de venta nativos en Facebook, Pinterest e Instagram añaden el toque final de personalización a tu embudo online.

Personaliza tu sitio web a escala

No tienes que cambiar la capacidad de respuesta y la velocidad por la personalización y el control.

Es posible avanzar rápidamente con nuevos proyectos, productos y campañas y, al mismo tiempo, crear experiencias ricas, únicas y personalizadas para los clientes.

Tanto si quieres personalizar tu tema, tus productos, tus descuentos, tus cajas o tus pagos, destacar al aumentar tu escalabilidad y mantener el control no son mutuamente excluyentes en Shopify.

Shopify Plus les devuelve el control a las marcas sin obligar a sacrificar la velocidad, la agilidad o una personalización detallada.

Preguntas frecuentes sobre cómo personalizar Shopify

¿Puedo personalizar mi tienda Shopify sin conocimientos de programación?

Sí, Shopify permite llevar a cabo muchas personalizaciones sin necesidad de escribir código, como modificar temas, colores, tipografías y la disposición del contenido mediante herramientas como arrastrar y soltar. Para personalizaciones más avanzadas, añadir funcionalidades únicas o integraciones complejas, sin embargo, sí que podrías necesitar soporte técnico o ayuda de un desarrollador.

¿Cómo puedo personalizar los descuentos en mi tienda Shopify?

Shopify ofrece opciones para crear códigos de descuento, descuentos automáticos y scripts personalizados (en Shopify Plus). Puedes aplicar esos descuentos a productos, colecciones específicas o incluso diseñar promociones basadas en comportamientos de compra, como descuentos por volumen o umbrales de envío gratuito.

¿Qué opciones de pago puedo incluir en mi negocio de Shopify?

Shopify admite más de 100 pasarelas de pago, incluidas Shop Pay, PayPal y Google Pay. Con herramientas como el Script Editor, puedes incluso adaptar las opciones de pago para mostrar u ocultar métodos en función de criterios como el país de envío o los productos en el carrito, mejorando así la experiencia de compra del consumidor.

¿Puedo personalizar mi tienda de Shopify desde un dispositivo móvil?

Sí, Shopify ofrece una aplicación móvil que te permite llevar a cabo algunos ajustes básicos en tu tienda. Desde la app puedes:

• Cambiar imágenes y descripciones de productos.
• Actualizar precios e inventario.
• Personalizar elementos simples del diseño mediante el editor visual.

Sin embargo, para modificaciones más avanzadas, como editar el código del tema o implementar Scripts, necesitarás acceder a la versión de escritorio.