El editor visual de Tiendanube resuelve mucho: colores, tipografías, banners, orden de secciones. Pero llega un punto en que tu marca necesita algo que el editor no ofrece. Ahí entra la personalización por código. Antes de dar el paso, conviene entender cómo funciona y qué implica.
1. Qué se puede hacer con código
- Secciones nuevas en la home, el listado o la ficha de producto: comparadores, bloques de beneficios, guías de talles interactivas.
- Funcionalidades a medida: barras de progreso de envío gratis, mensajes según el contenido del carrito, cross-selling específico.
- Ajustes de rendimiento y diseño que la plantilla no permite configurar.
Las plantillas de Tiendanube se construyen con archivos .tpl, HTML, CSS y JavaScript. La base oficial es pública en el repositorio TiendaNube/base-theme de GitHub.
2. En qué planes está disponible
El acceso al código no está en todos los planes. En la página de planes figura como "Diseño 100% flexible (vía HTML, CSS y JavaScript)" o "Acceso al código fuente". Revisá tu plan antes de planificar un desarrollo.
3. Cómo se accede: el FTP
El código se edita abriendo el FTP desde Tienda online → Diseño → Editar el código → Abrir FTP, que habilita un usuario y una contraseña. Para temas modernos, Tiendanube también ofrece una herramienta de línea de comandos (@tiendanube/cli) para trabajar con los archivos.
4. Lo que nadie te cuenta (y la documentación sí)
Estas tres advertencias salen de la ayuda oficial de Tiendanube. Leelas antes de abrir el FTP.
- Con el FTP abierto, tu tienda deja de recibir las actualizaciones automáticas de la plantilla. Las mejoras que Tiendanube publique después no llegan solas.
- Cerrar el FTP es irreversible: se borran todos los cambios hechos por código y la tienda vuelve a la plantilla original.
- Tiendanube no guarda un backup de tu diseño personalizado. El respaldo es responsabilidad tuya (o de quien lo desarrolla).
5. Cómo lo hacemos bien
- Control de versiones: todo el código vive en un repositorio, con historial de cada cambio. Nada se pierde.
- Pruebas antes de publicar, en desktop y en celular.
- Medición de velocidad antes y después de cada cambio, para que la personalización no haga más lenta la tienda.
- Cumplimiento legal intacto: elementos obligatorios como el botón de arrepentimiento se mantienen visibles en todo diseño a medida.
- Mantenimiento: cuando Tiendanube suma mejoras a la plantilla base, evaluamos cuáles incorporar.
La personalización por código es la forma de tener una tienda que se vea y funcione exactamente como tu marca necesita. Hecha con método, sin sorpresas.