EcomMastery VIP · Herramientas
Skill de Shopify Liquid
GRATIS · SIN CONTRASEÑA
Convertí una imagen en código Liquid para tu tienda
Le pegás una captura de un banner, un countdown, una tarjeta de envío o cualquier sección que quieras copiar, y la skill te devuelve el código Liquid completo, listo para pegar en Shopify. Sin apps pagas y sin saber programar.
⬇ Descargar la skill (liquid.skill)¿Qué hace esta skill?
- Te pregunta colores, tipografía y si lleva alguna imagen — con opciones para tocar, no para escribir.
- Analiza el diseño y te cuenta qué detectó, para que puedas corregirla si hace falta.
- Te entrega el código Liquid completo, listo para copiar y pegar.
- Te dice exactamente dónde pegarlo dentro del admin de Shopify.
No hace falta tocar “Editar código” del tema: todo se pega en el bloque nativo “Custom Liquid” / “Liquid personalizado” que ya trae Shopify.
Aprendé a usar la skill
En el video te enseño:
- Por qué los gurús te recomiendan tantas apps (y qué tienen que ver los códigos de afiliado).
- Qué apps de Shopify SÍ podés reemplazar con código — y cuáles conviene seguir pagando.
- Cómo montar una sección de reviews con código, idéntica a una app paga, a $0/mes.
- Cómo cargar y gestionar tus reseñas desde el admin sin tocar más el código.
- Otras apps que reemplazás hoy mismo: trust badges, FAQ, timer de urgencia y más.
1
Instalar la skill
Primero descargá el archivo con el botón de arriba. Después elegí una de estas dos formas de instalarlo:
Opción A — con Claude (la más simple)
- Abrí una conversación con Claude Code y pasale el archivo
liquid.skillque descargaste. - Cuando aparezca la tarjeta del archivo, tocá el botón “Save skill”.
- Listo: queda instalada en tu perfil, lista para usar en cualquier proyecto.
Opción B — instalación manual
- Descomprimí el archivo
liquid.skill(es un .zip común). - Vas a obtener una carpeta llamada
liquid. - Copiá esa carpeta completa dentro de
.claude/skills/en tu proyecto de Claude Code.
Si no ves la carpeta
.claude, activá “Mostrar archivos ocultos” en tu explorador: empieza con un punto y por eso está oculta por defecto.2
Cómo usarla
- Abrí una conversación con Claude Code en tu proyecto.
- Pegá o adjuntá la imagen del diseño que querés replicar (un banner, un countdown, lo que sea).
- Respondé las preguntas que te va a hacer con botones para tocar: colores, tipografía y si lleva alguna imagen.
- Claude te muestra qué detectó en el diseño y te entrega el código Liquid completo.
- En el admin de Shopify: Tienda online → Temas → Personalizar → Agregar sección → “Custom Liquid” (o “Liquid personalizado”).
- Pegá el código completo en el cuadro de texto y tocá Guardar.
3
Editar algo después
Si más adelante querés cambiar un color, un texto o cualquier valor, no hace falta pedir el código de nuevo: abrí ese mismo bloque de “Custom Liquid” y buscá las líneas que empiezan con {% assign %} al principio del código. Ahí están todos los valores editables, con nombres en español para que se entiendan a simple vista.
Cualquier duda con la instalación, preguntá dentro del grupo del curso. — EcomMastery VIP