Con los diseños en borrador, puedes crear y probar cambios de diseño sin modificar la tienda publicada. Es posible mantener varios borradores al mismo tiempo y publicar la versión que quieras en el momento indicado. Los múltiples borradores funcionan para todos los tipos de diseño.
Así, puedes preparar un diseño para una nueva temporada, renovar tu identidad visual o armar una campaña para fechas como Hot Sale, Cyber Monday o Black Friday, mientras tu tienda sigue online con el diseño actual.
En este tutorial te mostramos cómo crear, editar y publicar un diseño en borrador en tu tienda.
Límite de borradores por plan
La cantidad de borradores que puedes tener al mismo tiempo depende del plan de tu tienda. Mira los límites en la tabla de abajo:
Plan |
Total de borradores |
|---|---|
Gratis / Básico |
Hasta 2 |
Tiendanube |
Hasta 5 |
Avanzado y Evolución |
Hasta 20 |
El número al lado del título de la sección "Borradores" en "Tienda online > Diseño", muestra cuántos borradores ya usas y el límite total de tu plan.
Al llegar al límite, las opciones "Elegir diseño" y "Duplicar" quedan desactivadas. Para crear otro borrador, tienes que eliminar uno de los existentes o migrar a un plan con un límite mayor.
Publicar un diseño distinto requiere un plan pago
En el plan Inicial (gratuito), es posible crear borradores, pero para publicar uno de ellos hace falta migrar a uno de los planes pagos de Tiendanube.
¿Cómo crear un diseño en borrador?
En tu administrador de Tiendanube, la sección "Tienda online > Diseño" muestra en la parte superior de la pantalla el diseño actual de tu tienda y, justo abajo, la lista de "Borradores". Puedes crear un borrador de dos formas: duplicando un diseño que ya existe en tu tienda o eligiendo un diseño nuevo en la tienda de diseños. Para conocer cómo hacerlo, sigue los pasos indicados a continuación según lo que necesites.
Duplicar un diseño existente
1. Acceder al administrador de tu Tiendanube.
2. Ingresar a "Tienda online > Diseño".
3. Hacer clic en el ícono "⁝" (tres puntitos) del diseño actual o del borrador que quieres copiar.
4. Hacer clic en "Duplicar".
5. Escribir el nombre del nuevo borrador y hacer clic en "Duplicar" para confirmar la creación del nuevo borrador.
¡Listo!
El nuevo borrador va a aparecer en la lista "Borradores", con una copia de las secciones, las configuraciones y los contenidos del diseño de origen.
Elegir otro diseño
1. Acceder al administrador de tu Tiendanube.
2. Ingresar a "Tienda online > Diseño".
3. En la sección "Borradores", hacer clic en "+ Elegir diseño".
4. En la tienda de diseños, elegir el diseño que quieres probar y hacer clic en "Probar este diseño".
¡Listo!
El diseño elegido se agrega como un nuevo borrador, sin modificar el diseño actual de tu tienda.
Qué información muestra la tarjeta de cada borrador
Cada borrador de la lista muestra el nombre del diseño usado y hace cuánto se editó por última vez, por ejemplo "Editado hace 6 días" o "Editado hace 11 minutos". Si el borrador tiene código editado manualmente, también muestra una leyenda de "Código personalizado".
¿Cómo editar un diseño en borrador?
Para editar un borrador sin publicar los cambios, sigue estos pasos:
1. Acceder al administrador de tu Tiendanube.
2. Ingresar a "Tienda online > Diseño".
3. En la sección "Borradores", hacer clic en "Editar borrador" en el diseño que quieres modificar.
4. Una vez dentro del editor, pasar el mouse sobre el elemento que quieres personalizar y hacer clic en él para abrir las opciones de edición y personalización de ese elemento.
En el ejemplo de abajo, mostramos cómo funciona esa acción.
5. Hacer clic en "Guardar borrador".
¡Listo!
Los cambios quedan guardados solo en el diseño borrador. El diseño publicado y los demás borradores no se modifican, y puedes volver en otro momento para seguir editando.
Estás editando un borrador, no la tienda publicada
Para confirmar que estás editando un borrador, y no la tienda publicada, el editor muestra la etiqueta "Borrador" en la parte superior. Para ver cómo quedó el diseño, haz clic en "Ver borrador" en la esquina superior derecha, dentro del editor.
Cada borrador tiene su propia URL de vista previa, con el formato "https://www.tutienda.com/?preview_theme_installation_id=XXXXXX". Puedes copiarla y compartirla, por ejemplo enviándotela a tu celular, para revisar el diseño sin necesidad de publicarlo.
¿Cómo publicar un diseño en borrador?
Cuando tu diseño borrador esté listo, puedes publicarlo directo desde la lista siguiendo estos pasos:
1. Acceder al administrador de tu Tiendanube.
2. Ingresar a "Tienda online > Diseño".
3. En la sección "Borradores", hacer clic en "Publicar" en el diseño que quieres poner online.
4. Hacer clic en "Publicar" para confirmar.
¡Listo!
El nuevo diseño se va a aplicar automáticamente en tu tienda. Ahora ya sabes cómo crear varios diseños en borrador, editar cada uno a tu ritmo y publicar la versión correcta en el momento indicado.
El diseño anterior se guarda como borrador
El diseño que estaba publicado no se borra, vuelve automáticamente a la lista "Borradores", con todas las configuraciones. Para volver a ponerlo online, solo tienes que publicarlo.
Preguntas frecuentes sobre los diseños borradores
¿Qué son los borradores archivados?
Si cambias a un plan con un límite menor de borradores, los que superen el nuevo límite se archivan, no se eliminan. Aparecen en la sección "Archivados", al final de la sección “Tienda online > Diseño”, con nombre, diseño y fecha de la última edición.
Para volver a usar un borrador archivado, haz clic en "Restaurar" cuando haya espacio disponible dentro del límite del plan. También puedes eliminar un borrador archivado de forma permanente desde el ícono "⁝" (tres puntitos) y luego clic en “Eliminar”.
No puedes archivar un borrador manualmente
No es posible archivar un borrador manualmente. El archivado ocurre solo cuando cambias a un plan inferior y alcanzas el límite de borradores creados.
Se archivan por fecha de edición, priorizando los que hace más tiempo fueron editados y dejando disponibles los más recientes.
¿Cómo renombrar un diseño en borrador?
En la sección "Borradores", haz clic en el ícono "⁝" (tres puntitos) del borrador y después en "Renombrar". El diseño actual de la tienda también se puede renombrar siguiendo los mismos pasos.
Ponerle un nombre claro a cada borrador, como "Hot Sale", ayuda a publicar la versión correcta cuando trabajas con varias campañas al mismo tiempo.
¿Cómo eliminar un diseño en borrador?
En la sección "Borradores", haz clic en el ícono "⁝" (tres puntitos) del borrador, después en "Eliminar" y confirma la eliminación. La eliminación es permanente y libera espacio para crear otro borrador.
No puedes eliminar el diseño actual de la tienda
El diseño actual de la tienda no se puede eliminar. Para quitarlo, primero hay que publicar otro diseño en su lugar.
¿Qué se copia cuando duplico un diseño?
La duplicación copia el código del diseño, las configuraciones del editor visual y el contenido del diseño de origen. Los cambios que hagas en la copia no afectan al diseño original.
Esto aplica tanto para diseños basados en secciones, identificados con la etiqueta "Nuevo Editor" (hoy, Ipanema es el único diseño con esa arquitectura), como para el resto de los diseños.
El catálogo de productos, categorías, las páginas y toda configuración que se realiza por fuera del editor de diseño no se incluyen en la copia.
Publiqué el diseño en borrador. ¿Puedo recuperar el diseño anterior?
¡Sí! Al publicar un borrador, el diseño que estaba online vuelve automáticamente a la lista "Borradores", sin perder ninguna configuración. Para volver a usarlo, solo tienes que hacer clic en "Publicar" en ese borrador.
¿Qué significa la etiqueta "Código personalizado" en un borrador?
Ese ícono indica que el borrador tiene código editado manualmente, por fuera del editor visual.
Te sirve para identificar de un vistazo qué borradores tienen código personalizado, algo especialmente útil si trabajas con una agencia o con más de una persona editando la tienda.
¿Puedo editar el código HTML de un diseño en borrador?
Depende del diseño. En todos los diseños excepto Ipanema, el editor de borrador solo permite ajustes con código CSS, no es posible editar el HTML ni la estructura del diseño ahí.
En el diseño Ipanema, que funciona por secciones, sí podés incluir HTML, CSS y JavaScript propios dentro de un borrador, agregando un bloque de tipo "Código" en la sección que quieras. Esto no requiere abrir el FTP. Podés conocer cómo configurarlo en ¿Qué bloques puedo agregar en las secciones de mi tienda con el diseño Ipanema?.
Si tienes uno de los otros diseños y necesitas hacer cambios de HTML o estructura que no ofrece el editor de borrador, la alternativa es crear una tienda demo para trabajar con FTP sin afectar tu tienda en vivo. Conoce cómo hacerlo en ¿Cómo utilizar mi tienda demo de socio?.