Saltar al contenido

Cosmética y comercio electrónico · Tienda online y SEO

Tienda online Sunkiss

Sunkiss vende sus autobronceantes en Argentina desde su tienda en Tiendanube. Rehicimos el tema de la tienda y su base de SEO para que cada producto explique cómo se usa y cada página llegue bien descrita a los buscadores.

Cliente
Sunkiss
Sector
Cosmética y comercio electrónico
Solución
Tienda online y SEO
Periodo
Desde febrero de 2026
Estado
En producción Tema propio en producción sobre Tiendanube
Ficha del Self Tanning Mousse en sunkiss.com.ar: galería de fotos, sellos ANMAT, cruelty free y natural, precio con descuento, seis cuotas sin interés y botón de agregar al carrito.

Resumen ejecutivo

Tema a medida para la tienda Tiendanube de Sunkiss: fichas de producto, listados y portada rediseñados, datos estructurados y un blog de 120 artículos.

La tienda de Sunkiss funcionaba con un tema estándar de Tiendanube. Construimos sobre él un tema propio con componentes de prefijo sk: portada con vídeo, listados con filtros y bloques editoriales, fichas de producto con guía de uso, ingredientes, preguntas frecuentes y carrito fijo, menú con imágenes y pie con boletín. Añadimos títulos y descripciones por tipo de página, datos estructurados de producto, migas, guía de uso, preguntas frecuentes y blog, y un plan de contenidos con 120 artículos publicados. En octubre de 2026 la tienda pasó a mostrar las cuotas sin interés desde un ajuste del panel.

El reto

  1. Un producto que se aplica sobre la piel necesita explicar en la propia ficha cómo se usa, qué lleva y qué resultado esperar, y el tema estándar no tenía dónde hacerlo.

  2. Las páginas salían con títulos y descripciones genéricos y sin datos estructurados, lo que limitaba cómo aparecían en Google.

  3. Tiendanube compila las plantillas Twig en su servidor con una caché agresiva y no admite algunos filtros habituales, así que cada cambio había que validarlo en la tienda real.

La solución

Un tema Tiendanube propio en plantillas Twig y SCSS, desplegado por FTP sobre los archivos del tema original. Las piezas nuevas llevan el prefijo sk para convivir con las de la plataforma, el layout fija título, descripción, Open Graph y datos estructurados según el tipo de página, y las animaciones usan AOS y GSAP cargados en diferido.

Funcionalidades

Qué hace, pantalla a pantalla

La ficha del Self Tanning Mousse en un móvil: foto principal, miniaturas de la galería y nombre del producto.

01

Ficha de producto ampliada

Cabecera propia, pestañas de descripción, uso e ingredientes, bloque de resultados, guía paso a paso, sellos de confianza, preguntas frecuentes y botón de compra fijo al hacer scroll, todo como componentes sk independientes.

Listado de productos con franja de envío gratis y cuotas, filtros de orden y precio, tarjetas de categoría con foto y los productos con precio, descuento y cuotas.

02

Listados con bloques editoriales

Las categorías tienen banner, rejilla de cuatro columnas, filtros, etiqueta circular de descuento sobre la imagen y bloques editoriales intercalados entre productos para orientar la compra.

Portada del blog «Guías & Tips de Bronceado» con tarjetas de artículos sobre rutina, cepillado en seco e hidratación.

03

Blog con plan de contenidos

Plan de contenidos en nueve clústeres temáticos: guías para empezar, guías por producto y tipo de piel, temporadas, mitos y consejos avanzados. Los 120 artículos están publicados en el blog de la tienda con su propio sitemap.

  • Datos estructurados y metadatos por página

    Producto con precio y disponibilidad, migas de pan, guía de uso con vídeo, preguntas frecuentes, blog y artículos, negocio local y organización con buscador interno. Títulos, descripciones y Open Graph cambian según el tipo de página.

  • Cuotas sin interés configurables

    Un ajuste propio del panel de Tiendanube fija cuántas cuotas sin interés muestra la tienda. La cifra y el importe por cuota se actualizan a la vez en fichas, listados, carrito y textos promocionales.

Arquitectura

Cómo está construido

Plano · tienda-sunkiss 3 capas · 9 piezas
  1. Clientes

    • Tienda en www.sunkiss.com.ar, escritorio y móvil
    • Buscadores y redes sociales (datos estructurados y Open Graph)
    • De Clientes a Tema propio: páginas renderizadas por la plataforma
  2. Tema propio

    • Plantillas Twig de Tiendanube con componentes sk
    • SCSS compilado por la plataforma
    • AOS, GSAP y ScrollTrigger cargados en diferido
    • Vídeos de portada y comunidad optimizados a 720p
    • De Tema propio a Plataforma: variables de producto, categoría y ajustes
  3. Plataforma

    • Tiendanube (catálogo, carrito, checkout y blog)
    • Ajustes propios del tema en el panel
    • Despliegue de plantillas por FTP

Tecnologías

Stack verificado en el código

Interfaz

  • GSAP

Backend

  • Python

Integraciones

  • YouTube Data API

Web y comercio

  • Tiendanube
  • Sass
  • Twig

Ingeniería

Cómo se planteó y se construyó

  1. Rediseño del tema (febrero de 2026)

    En dos semanas se rehicieron cabecera con doble menú, portada con vídeo, listados, ficha de producto, menú con imágenes, página sobre la marca y pie. Cada cambio se comprobó con capturas en escritorio, tableta y móvil, y la caché del tema se fuerza con una marca de versión en el layout.

  2. SEO técnico y blog (febrero de 2026)

    Títulos y descripciones por tipo de página, Open Graph dinámico, datos estructurados de producto, migas, guía de uso, preguntas frecuentes, blog y negocio local, y noindex en carrito, búsqueda y páginas de error. Se redactó el plan de contenidos y se publicaron los 120 artículos.

  3. Ajustes y cuotas (de marzo a octubre de 2026)

    En marzo la etiqueta de descuento pasó a ser un distintivo circular sobre la imagen y en mayo se ajustaron productos destacados y navegación inferior en móvil. En octubre llegaron el ajuste de cuotas sin interés, cambios de logo y carrusel y la versión 33 del tema.

Retos técnicos resueltos

Cambiar plantillas en una plataforma que las compila en su servidor con una caché que puede ignorar los cambios en archivos existentes.
El layout lleva en su primera línea una marca de versión con fecha; modificarla obliga a recompilar todas las plantillas. Se documentaron además los filtros Twig que la plataforma no admite y que provocan errores 500.
Generar datos estructurados correctos con las variables de Tiendanube, que mezclan URL completas, rutas relativas y precios en centavos.
Cada plantilla construye su JSON-LD con las conversiones necesarias: precio dividido por cien, logo con protocolo explícito, URL de artículos armadas desde su identificador y disponibilidad según el stock del producto.

Galería

Más pantallas

Resultados

Lo que se ha medido

Cada cifra lleva su fuente y su fecha. Lo que no se ha medido va aparte, como potencial.

  • 120

    artículos publicados en el blog dentro de un plan de nueve clústeres temáticos

    static/sitemap_blog_posts.xml del tema (120 URL de artículos) y carpeta blog-posts/ · 2026-02

Potencial · sin medición propia

  • JSON-LD

    en fichas, categorías, migas, guía de uso, preguntas frecuentes, blog, contacto y portada

Cronología

Cómo ha evolucionado

  1. Tema propio con portada, listados y ficha de producto rediseñados.

  2. Datos estructurados, metadatos por página y 120 artículos publicados en el blog.

  3. Distintivo de descuento sobre la imagen en los listados.

  4. Cuotas sin interés configurables desde el panel de la tienda.

Proyectos relacionados

Más trabajo en esta línea

Ver todos los proyectos
  • Sunkiss MVP

    CRM omnicanal Sunkiss

    Cosmética y comercio electrónico · CRM/ERP a medida

    CRM y gestión de stock para una marca argentina que vende en Tiendanube y Mercado Libre: lotes con FEFO, ventas unificadas, cobros conciliados y anuncios.

    • Python
    • FastAPI
    • Pydantic
    • JWT
  • Página local de Valencia en thewheellab.es, una de las páginas de ciudad que se publican solo donde hay demanda en Search Console.

    The Wheel Lab En producción

    SEO local programático y visibilidad en buscadores de IA

    Automoción · reparación de llantas · SEO local y visibilidad en IA

    SEO local por ciudades y medición en buscadores de IA para un taller de llantas: de 540 a 1.254 clics al mes desde Google entre mayo y octubre de 2026.

    • Google Search Console
    • Google Analytics 4
    • Google Tag Manager
    • Node.js
  • Portada de thewheellab.es: titular «Reparación de llantas premium» sobre el taller, con el botón para pedir presupuesto por WhatsApp.

    The Wheel Lab En producción

    Ecosistema web The Wheel Lab

    Automoción · reparación de llantas · Desarrollo web a medida sobre WordPress

    Web bilingüe en WordPress con 115 módulos propios: páginas locales generadas por código, schema revisado en cada página, llms.txt y medición con consentimiento.

    • WordPress
    • PHP
    • GSAP
    • Google Tag Manager

Hablemos

¿Necesitas desarrollar una solución similar?

Cuéntanos el problema. Te respondemos con un planteamiento claro: qué haríamos, en cuánto tiempo y con qué entregables.