Cómo personalizar un tema de Shopify sin codificar

El editor de temas de Shopify brinda a los propietarios de tiendas un control significativo sobre el diseño de sus tiendas sin tocar una sola línea de código. Comprender cómo utilizarlo de forma eficaz (y dónde están sus límites) es la diferencia entre una tienda que parece una plantilla y otra que parece una marca. Esta guía cubre todo lo que puede personalizar sin código y cómo hacerlo de forma sistemática.

El editor de temas de Shopify: qué es y cómo acceder a él

El editor de temas de Shopify es la interfaz de personalización visual accesible desdeTienda Online > Temas > Personalizaren tu administrador de Shopify. Presenta una vista previa en vivo de su tienda junto con una barra lateral de controles de personalización. Los cambios que realiza en el editor aparecen en la vista previa en tiempo real y solo se guardan en su tienda en vivo cuando hace clic en Guardar.

Los temas de Shopify 2.0, que utilizan todos los temas actuales de TemplateTrip Shopify, brindan una capacidad de edición significativamente mayor que las arquitecturas de temas más antiguas. En un tema de Shopify 2.0, cada tipo de página se puede personalizar con el editor de secciones, no solo la página de inicio.

Configuración global: personalización de toda la marca

El panel Configuración del tema en la barra lateral del editor contiene controles globales que se aplican en toda su tienda. Estas son las primeras personalizaciones que debes realizar, porque establecen la identidad visual de tu marca de manera consistente antes de personalizar páginas individuales.

• Bandera:Establezca los colores primarios, secundarios y de acento de su marca. Los temas de Shopify 2.0 utilizan un sistema de combinación de colores en el que defines de 3 a 4 colores preestablecidos y los aplicas a diferentes secciones. Cambie su color principal aquí y se actualizará en todas las secciones usando ese esquema de color.
• Tipografía:Selecciona las fuentes de tu encabezado y cuerpo de la biblioteca de fuentes de Shopify (más de 80 fuentes de Google disponibles). Elija fuentes que coincidan con la personalidad de su marca.
• Logo:Sube el archivo de tu logotipo (el formato PNG con fondo transparente funciona mejor). Establezca el ancho del logotipo en un tamaño adecuado: la mayoría de las tiendas se ven mejor con un logotipo de entre 100 y 180 píxeles de ancho en el encabezado.
• favicón:Sube tu favicon (el pequeño icono que aparece en las pestañas del navegador). Un archivo PNG o ICO de 32×32px o 64×64px es el estándar.

Personalización de la página de inicio: Secciones y Bloques

Su página de inicio se construye a partir de secciones: bloques de contenido modulares que puede agregar, eliminar y reordenar en el editor. Haga clic en cualquier sección de la vista previa en vivo para seleccionarla y ver su configuración en la barra lateral. Haga clic en el nombre de la sección y arrástrelo para reordenar las secciones. Hacer clicAgregar secciónen la parte inferior de la lista de secciones para agregar nuevos bloques de contenido de la biblioteca de secciones disponible de su tema.

Dentro de cada sección, los bloques son elementos de contenido individuales: un botón dentro de una sección principal, una tarjeta de producto dentro de una sección de colección destacada. Agregue, elimine y personalice bloques dentro de cada sección para crear la configuración de contenido específica que necesita su página de inicio.

Personalización de la página del producto

En un tema de Shopify 2.0, navega a la página de un producto en el editor haciendo clic enProductosen el selector de tipo de página en la parte superior del editor. La plantilla de la página del producto se puede personalizar con el mismo sistema de secciones y bloques que la página de inicio. Personalice la plantilla del producto para incluir cualquier sección que mejore la confianza del comprador: una sección con pestañas para detalles del producto, información de envío y política de devoluciones; una sección de reseñas en un lugar destacado; y una sección de ventas adicionales o productos relacionados debajo de la información principal del producto.

Lo que no puedes cambiar sin código

El editor de temas de Shopify tiene límites. Cambiar la estructura de diseño fundamental de las plantillas de página (mover la imagen del producto al lado derecho de la página cuando está configurada a la izquierda) generalmente requiere ediciones del código del tema. Agregar funcionalidad que el tema no admite de forma nativa (un configurador de producto personalizado, una modificación de pago no estándar) requiere aplicaciones de Shopify o cambios de código.

Para personalizaciones más allá de lo que admite el editor, los servicios de TemplateTrip incluyen instalación de temas y asistencia de personalización. Sin embargo, para la mayoría de las tiendas, la combinación de configuraciones globales, personalización de secciones y configuración de bloques en el editor de temas de Shopify proporciona suficiente flexibilidad para hacer que un tema premium parezca genuinamente único para tu marca, sin un desarrollador y sin código.