Editar y publicar una página en Apariencia
En este artículo te mostraremos cómo cambiar la Home o una página personalizada de tu tienda basada en bloques y cómo hacer que los cambios lleguen a tus visitantes.
ANTES DE EMPEZAR
- Tu tienda debe tener activada la tienda basada en bloques.
- Tu usuario debe tener permisos para administrar el contenido de la tienda.
💡 Todo lo que haces en el editor se guarda en un borrador. Tus visitantes siguen viendo la versión publicada hasta que tú publiques. La primera vez que publiques la Home, la tienda empieza a mostrarse con bloques.
CÓMO ESTÁ ORGANIZADO EL EDITOR
Ingresa a Panel de Control > Ajustes > Interfaz > Apariencia. Cada página tiene dos pestañas: Bloques y Ajustes de la página. En este artículo usamos Bloques.
La lista de bloques siempre tiene el mismo orden, de arriba hacia abajo:
- Barra de navegación (marcada como fija).
- Tus bloques de contenido: filas de Estantería de productos y HTML incorporado.
- El botón Agregar bloque.
- Pie de página (marcado como fijo).
La barra de navegación siempre va primero y el pie de página siempre va al final. No se pueden mover, duplicar ni eliminar.
- En la Home no se pueden ocultar. Solo tienen el botón Editar.
- En una página personalizada tienen un ícono de ojo para ocultarlos o mostrarlos solo en esa página.
- Su contenido es compartido: si lo editas desde una página personalizada, estás editando el de la Home, por lo que llegará a tus visitantes cuando publiques la Home.
Para configurar su contenido, consulta Configurar la barra de navegación y el footer.
ABRIR UNA PÁGINA
1. Ingresa a Panel de Control > Ajustes > Interfaz > Apariencia. Se abre la Home.
2. Haz clic en el título de la página, en la parte superior (el selector de página).
3. Elige la página. La lista tiene dos grupos: Páginas de la tienda (Home y Página de producto) y Páginas personalizadas.
4. Si no ves tu página personalizada, haz clic en Ver todas las páginas. El selector muestra solo las 5 páginas personalizadas más recientes.
Debajo del título verás la URL de la página, un botón para copiarla y un botón para abrirla en una pestaña nueva.
💡 La Página de producto aparece en el selector, pero tiene su propio editor. Consulta Agregar un pop-up y un aviso en la página de producto. Para crear una página nueva, consulta Crear páginas personalizadas y configurar su SEO.
AGREGAR UN BLOQUE
Puedes agregar dos tipos de bloque: Estantería de productos y HTML incorporado.
1. Haz clic en Agregar bloque, al final de la lista. Para insertar un bloque en una posición concreta, pasa el cursor entre dos bloques y haz clic en el + que aparece.
2. Elige una opción:
- Estantería de productos: muestra publicaciones seleccionadas con filtros.
- HTML incorporado: muestra el HTML, los estilos y los scripts que pegues.
3. Completa el editor que se abre. En una estantería, haz clic en Agregar bloque al pie del editor para crearla.
4. Haz clic en Volver para regresar a la lista.
⚠️ Una estantería nueva necesita al menos un filtro completo. Si abres el editor de la estantería y sales sin hacer clic en Agregar bloque, no se agrega nada.
Para ver los campos de cada bloque, consulta Agregar estanterías y HTML embebido.
EDITAR UN BLOQUE
1. Busca la fila del bloque. Una estantería muestra su título y su origen. Un HTML incorporado muestra su cantidad de caracteres.
2. Haz clic en Editar.
3. Cambia los campos. El editor guarda en el borrador automáticamente, no hay botón de guardar.
4. Haz clic en Volver.
REORDENAR BLOQUES
1. Toma el ícono de arrastre (Reordenar bloque) de la fila de una estantería o de un HTML incorporado.
2. Suéltalo en su nueva posición, entre la barra de navegación y el pie de página.
El nuevo orden se guarda con el siguiente autoguardado.
OCULTAR O MOSTRAR UN BLOQUE
1. Haz clic en el ícono de ojo (Alternar visibilidad) de la fila.
2. Revisa la fila: un bloque oculto se ve atenuado y su texto secundario empieza con "Oculto".
Un bloque oculto sigue en el borrador y conserva su configuración, pero no llega a tus visitantes cuando publicas. Haz clic otra vez en el ojo para mostrarlo.
DUPLICAR UN BLOQUE
1. Abre el menú ... (Más acciones del bloque) de la fila.
2. Haz clic en Duplicar bloque.
La copia aparece justo después del original y mantiene su visibilidad. En una estantería, el título de la copia lleva "(copia)" al final.
ELIMINAR UN BLOQUE
1. Abre el menú ... de la fila.
2. Haz clic en Eliminar bloque.
3. En la ventana ¿Eliminar este bloque?, haz clic en Eliminar bloque.
El bloque sale del borrador y el cambio se guarda de inmediato. Para recuperarlo antes de publicar, usa Revertir a la versión publicada.
⚠️ Revertir descarta todos los cambios sin publicar de la página, no solo el bloque eliminado. En una página que nunca se publicó no existe el botón de revertir, por lo que no podrás recuperar el bloque de esa forma: agrégalo de nuevo.
PREVISUALIZAR UN CAMBIO
Tienes tres formas de revisar el resultado antes de publicar.
| Opción | Dónde | Qué muestra |
|---|---|---|
| Vista previa en vivo | Panel lateral, con el texto "Los cambios se aplican al editar" | Un marco con forma de teléfono que se recarga tras cada autoguardado. Es solo para mirar, los clics no funcionan dentro. |
| Ver en escritorio | Botón en el área de vista previa | Una vista previa a pantalla completa con un selector Móvil y Escritorio. Se abre en Escritorio. |
| Ver borrador | Enlace junto a la insignia de publicación | El borrador en tu tienda real, en una pestaña nueva. |
El panel de vista previa en vivo se oculta en ventanas angostas. Agranda la ventana o usa Ver borrador.
Todas las vistas previas muestran la página como la ve un visitante que no inició sesión. Por eso, las estanterías que dependen del cliente con sesión iniciada (por ejemplo Mi contenido) no se muestran.
La pestaña de Ver borrador muestra un aviso que indica que estás viendo un borrador. Tus visitantes nunca ven ese aviso ni el borrador.
PUBLICAR UNA PÁGINA
1. Revisa la insignia y el estado de guardado en la parte superior (ver las tablas más abajo). Espera a que diga "Guardado" antes de publicar.
2. Haz clic en Publicar, en la barra inferior.
3. Lee la ventana de confirmación. En la Home pregunta "¿Publicar los cambios?" y en una página personalizada "¿Publicar esta página?".
4. Haz clic en Publicar.
El editor confirma con el mensaje "Cambios publicados". La insignia desaparece y aparece un enlace Ver mi tienda (o Ver página en una página personalizada).
⚠️ La primera publicación de la Home pone la tienda en vivo. Desde ese momento, tus visitantes ven la tienda basada en bloques en lugar de la anterior. Revisa antes la Home con Ver borrador.
QUÉ SE PUBLICA Y QUÉ NO
No todos los ajustes siguen el ciclo de borrador y publicación.
| Ajuste | Cómo llega a tus visitantes |
|---|---|
| Bloques, contenido de la barra de navegación y del pie de página, orden y visibilidad de los bloques | Publica la página. |
| Tema (colores, tipografía, forma) | Publícalo desde el editor de tema. Publicar la Home no publica el tema. Consulta Personalizar el tema de la tienda. |
| Pop-up de la Home | Se publica y se revierte por separado. La Home debe haberse publicado una vez antes. |
| Título SEO, descripción e imagen Open Graph | Se aplican al guardar en Ajustes de la página. |
| Exclusión de contenido para adultos | Se aplica de inmediato (ver más abajo). |
REVERTIR A LA VERSIÓN PUBLICADA
Úsalo para descartar el borrador y volver a lo que ven tus visitantes.
1. Haz clic en Revertir a la versión publicada, en la barra inferior. En ventanas angostas solo se muestra un ícono de deshacer.
2. Lee la ventana ¿Revertir a la versión publicada?. Advierte que se pierden los cambios sin publicar y que la acción no se puede deshacer.
3. Haz clic en Revertir a la versión publicada.
El botón solo aparece cuando la página tiene una versión publicada y el borrador es distinto de ella.
INSIGNIAS Y ESTADOS
INSIGNIAS DE PUBLICACIÓN
| Insignia | Significado |
|---|---|
| Borrador | La página nunca se publicó. |
| Cambios sin publicar | La página está publicada, pero el borrador es distinto. |
| Publicado | El borrador coincide con la versión publicada. El editor muestra el enlace Ver mi tienda o Ver página. |
ESTADOS DE AUTOGUARDADO
El editor guarda 2 segundos después de tu último cambio. También guarda antes de que abras otro editor o salgas de la página.
| Mensaje | Significado |
|---|---|
| Guardando… | El editor está escribiendo tus cambios. |
| Cambios sin guardar | Cambiaste algo y el guardado está pendiente. |
| Guardado hace 5 segundos | El borrador está al día. El tiempo es relativo. |
| No se pudieron guardar los cambios. Inténtalo de nuevo. | El guardado falló. Vuelve a hacer el cambio. |
AVISO "BORRADOR DESACTUALIZADO"
Aparece un aviso ámbar titulado Borrador desactualizado cuando otra persona, u otra pestaña tuya, actualizó el mismo borrador. Mientras se muestra, el botón Publicar está deshabilitado.
1. Haz clic en Recargar borrador.
2. Revisa la última versión.
3. Repite tu cambio si no está y luego publica.
💡 Para evitar conflictos, haz que una sola persona edite una página a la vez.
EXCLUSIÓN DE CONTENIDO PARA ADULTOS
En la pestaña Bloques de la Home hay un interruptor Exclusión de contenido para adultos, que oculta de las estanterías el contenido con audiencia "Solo adultos". No aparece en las páginas personalizadas.
- Es un ajuste de toda la tienda, no de la página Home.
- Se guarda de inmediato y no forma parte del borrador. No necesitas publicar para aplicarlo.
PROBLEMAS FRECUENTES
El botón Publicar está deshabilitado. Se está mostrando el aviso Borrador desactualizado. Haz clic en Recargar borrador y luego publica.
Al publicar aparece "No hay nada que publicar". El borrador es idéntico a la versión publicada. Verifica que estés editando la página correcta. Recuerda que el SEO y el interruptor de contenido para adultos se aplican solos y no cuentan como cambios del borrador.
La vista previa en vivo no muestra mi cambio. Se recarga después de cada autoguardado. Espera a que diga "Guardado" y revisa de nuevo. Si el panel no aparece, la ventana es muy angosta: usa Ver borrador.
Una estantería muestra "No hay publicaciones para los visitantes". La estantería no tiene productos para el visitante de la vista previa y no se mostrará en la tienda mientras siga vacía. Revisa sus filtros. Una estantería Mi contenido está vacía para visitantes sin sesión por diseño.
Mi cambio está guardado pero los visitantes no lo ven. Revisa estos puntos en orden:
1. La insignia dice Cambios sin publicar o Borrador: publica la página.
2. El cambio es del tema: publícalo desde el editor de tema.
3. El cambio es de un pop-up: se publica por separado y la Home debe haberse publicado una vez antes.
4. La página es personalizada y la tienda aún no está en vivo: las páginas personalizadas solo se muestran después de publicar la Home por primera vez.
5. El cambio es de la barra de navegación o del pie de página hecho desde una página personalizada: pertenece a la Home, así que publica la Home.
¿Puedo ocultar la barra de navegación en la Home? No. La barra de navegación y el pie de página siempre están visibles en la Home.
Esperamos que este tutorial te haya resultado sencillo. Si tienes consultas escríbenos a [email protected].