Personalizar tu tema de Shopify sin código: guía 2026
Para personalizar tu tema de Shopify sin código, abre el editor de temas desde Tienda online > Temas > Editar tema y cambia la tienda ahí: añade, mueve y quita secciones y bloques, elige colores y fuentes en la configuración del tema y edita productos y colecciones sin salir del editor. Los temas Online Store 2.0 están hechos para cambiar su diseño con secciones y ajustes; el código queda para lo que ningún ajuste cubre, y entonces siempre sobre una copia del tema.
Los datos salen de las páginas del Centro de ayuda de Shopify sobre el editor de temas y sobre agregar, previsualizar y comprar temas, consultadas el 23 de octubre de 2026, y de las páginas sobre plantillas, bloques con Sidekick y el inspector de vista previa, consultadas el 31 de octubre de 2026.
Antes de empezar: trabaja en una copia
Tu tema publicado es el que ven los clientes. En la página Temas puedes guardar otros temas en Borradores de temas, abrir una Vista previa de cualquiera y compartir un enlace de vista previa de un tema sin publicar para pedir opinión. Solo hay un tema publicado a la vez, y el anterior se queda en tu lista cuando publicas otro.
Si estás probando un tema de pago, su código no se puede editar durante la Prueba de tema. Para cualquier cambio mayor que un texto, haz los cambios en una copia en borrador, revísala y publícala después. Para retoques pequeños puedes trabajar sobre el tema activo, porque el editor enseña cada cambio en la vista previa antes de que pulses guardar.
Qué puedes cambiar en el editor de temas
El editor muestra tu tienda en una ventana de vista previa, con una barra lateral que lista lo que contiene la página actual:
| Cambio | Dónde, en el editor | ¿En cualquier tema? |
|---|---|---|
| Añadir, ordenar, ocultar o quitar una sección (banner, colección destacada, texto, vídeo) | la lista de secciones de la barra lateral | en temas Online Store 2.0, con las secciones que ofrezca el tema |
| Añadir o cambiar bloques dentro de una sección (un botón, un título, un dato del producto) | dentro de cada sección | sí |
| Colores y esquemas de color | Configuración del tema > Colores | sí; las opciones cambian según el tema |
| Fuentes y tamaños de letra | Configuración del tema > Tipografía | sí |
| Logotipo, favicon, redes sociales | Configuración del tema | sí |
| Diseño de la ficha de producto | cambiando a la plantilla de producto con el menú superior | sí |
| Datos de productos, colecciones y otros contenidos | editándolos dentro del editor | sí |
| Mostrar un campo meta, como una guía de cuidados, en la ficha | conectando un bloque al campo meta como fuente dinámica | en los temas que admiten fuentes dinámicas |
| Funciones de apps, como un botón de chat o una ventana emergente | las inserciones de apps | sí, en las apps que ofrecen una |
Los ajustes de color y tipografía se aplican a toda la tienda: cambias un esquema de color una vez y se actualiza cada sección que lo usa. Es más rápido que recolorear sección por sección y mantiene la tienda coherente.
Plantillas: una página o todas las de un tipo
El editor de temas trabaja sobre plantillas. Si cambias el diseño de la plantilla de producto, cambian todos los productos que la usan. Con el menú de la parte superior del editor pasas de una plantilla a otra: la página de inicio, la de producto, las colecciones, las páginas, el carrito.
Cuando un producto o una página necesita un diseño distinto, como una página de campaña o un producto con guía de tallas, crea una plantilla adicional desde ese mismo menú con Crear plantilla, basada en una que ya tengas. Después la asignas en el panel, en la ficha del producto o de la página. El contenido que cambia de un producto a otro, como las instrucciones de cuidado, va mejor en un campo meta conectado a la plantilla que en una plantilla por producto. Si lo que quieres es una página de aterrizaje para una campaña, compara el editor con un constructor de páginas en landing page en Shopify.
Sidekick y el inspector de vista previa
Sidekick, el asistente de Shopify en el panel, también trabaja dentro del editor de temas. Su tarea principal ahí es generar bloques: haces clic en una sección, eliges añadir un bloque y generarlo, lo describes con al menos cinco palabras, revisas la vista previa y lo conservas. El bloque se guarda como un archivo Liquid en la carpeta blocks del tema y aparece en el selector de bloques. Funciona en temas de la Shopify Theme Store, pero no en temas antiguos (vintage) ni en el plan Starter. Shopify avisa de que el código generado puede tener errores y de que su soporte no lo revisa, así que prueba el bloque en móvil y en ordenador antes de publicar.
El inspector de vista previa te deja cambiar una sección haciendo clic sobre ella en la vista previa. Viene activado en los temas gratuitos de Shopify: pulsas un elemento marcado y se abren sus ajustes, o lo mueves, duplicas, ocultas o borras desde la propia vista previa.
Algunas tiendas tienen acceso a Canvas, un editor aparte. Un tema con la insignia Canvas en la página Temas solo se abre en Canvas y no se puede editar en el editor de temas. Otras herramientas del panel para llevar la tienda están en gestión de la tienda.
Lo que sigue necesitando código o una app
- Un diseño que las secciones de tu tema no pueden montar, como un tipo de sección que tu tema no tiene.
- Un comportamiento nuevo: un configurador de producto, una regla de cantidades o un cálculo.
- Mover elementos dentro de la sección de otra app, cuando su bloque no tiene un ajuste para ello.
Si toca código, edita una copia en borrador desde el menú de acciones del tema y apunta qué cambiaste. Al actualizar el tema, Shopify conserva tus cambios de código solo si no chocan con la versión nueva; los que chocan tienes que pasarlos a mano. Si todavía estás eligiendo tema, compara los gratuitos y los de pago en mejores temas de Shopify; qué poner en la portada está en página de inicio en Shopify.
Preguntas frecuentes
¿Puedo personalizar Shopify sin saber programar? Puedes cambiar el contenido, el diseño, la tipografía y los colores con las secciones y los ajustes del editor de temas, sin tocar código. El código solo hace falta para diseños o funciones que tu tema no ofrece en sus ajustes.
¿Se pierden mis cambios al actualizar el tema? Los ajustes del editor y los cambios de código que no chocan con la versión nueva se conservan. Los cambios de código que chocan se quedan fuera, por eso conviene apuntar cada cambio hecho a mano.
¿Qué es Shopify Canvas? Canvas es un editor aparte al que tienen acceso algunas tiendas para crear y editar temas. Un tema con la insignia Canvas en la página Temas se abre solo en Canvas y no se puede editar en el editor de temas.