Saltar al contenido
Nyxerp

El editor visual del sitio web

Para qué sirve: armar una página del sitio de la empresa viéndola tal como la verá el público, en lugar de llenar formularios. Eliges un bloque en la paleta, lo pones donde quieres y la página se dibuja sola. Lo que haces es un borrador: nadie lo ve en internet hasta que lo publicas (ver Editar y publicar el sitio web).

Cómo se abre

  1. Ve a Sitio y tienda › Sitio web, pestaña Páginas.
  2. Abre la página que quieres cambiar. Si el navegador tiene JavaScript, se abre el editor visual (dirección /sitio-web?ver=visual&id=N).
  3. Si el navegador no tiene JavaScript, o prefieres formularios, se abre el editor sencillo, con la misma página y los mismos bloques.

Hace falta el permiso Editar páginas. Quien solo tiene «Ver el sitio» no ve el editor.

Qué hay en la pantalla

  • La barra de arriba: Deshacer, Rehacer, el estado del guardado, Guardar borrador y el enlace Editor sencillo (sin JavaScript).
  • La página: al centro, dibujada como la verá el público, con el tema y los colores del sitio.
  • La paleta: a un lado, los bloques que puedes agregar, agrupados por categoría y con una miniatura cada uno. Las categorías son Estructura (portada, imagen y texto, tarjetas, galería), Contenido (texto, imagen, pasos, cifras, preguntas), Dinámicos (horario, datos de contacto, mapa, cómo pagar, formulario, suscripción, que leen los datos de la empresa) y, solo en la central, los bloques propios de la central.

Agregar un bloque

Hay dos formas, y las dos llegan al mismo resultado.

  • Arrastrar: toma la miniatura en la paleta y suéltala en el hueco entre dos bloques. Mientras arrastras, una línea marca dónde va a caer.
  • Tocar para agregar: pulsa el bloque en la paleta. Se agrega después del bloque elegido, o al final si no hay ninguno elegido.

Mover, duplicar y quitar

Pulsa un bloque para elegirlo. Aparece su barra con Subir, Bajar, Duplicar y Quitar, todos con botones grandes, fáciles de tocar. También puedes arrastrar el bloque por el asa ⠿ de su barra hasta otro hueco.

El arrastre nunca es obligatorio: Subir y Bajar hacen lo mismo y funcionan con teclado y con lectores de pantalla. Cada cambio se anuncia en voz alta, por ejemplo «Se movió Tarjetas a la posición 3 de 7».

Atajos del teclado:

  • Tab recorre los bloques.
  • Alt + flecha arriba y Alt + flecha abajo mueven el bloque elegido.
  • Ctrl + Z deshace; Ctrl + Y o Ctrl + Mayús + Z rehace.
  • Escape cancela un arrastre, cierra la paleta en el teléfono o sale de la barra del bloque.

Al quitar un bloque, el foco pasa al bloque vecino; si la página queda vacía, pasa al botón + Bloque.

Deshacer y rehacer

Deshacer y Rehacer guardan hasta 100 pasos mientras tienes el editor abierto. Al cerrar la pantalla se pierde esa lista, pero no el borrador ya guardado.

Guardar

El borrador se guarda solo, unos dos segundos después del último cambio. También puedes pulsar Guardar borrador. El estado en la barra dice si ya se guardó.

Si otra persona cambió la misma página mientras la editabas, el editor lo avisa y no pisa su trabajo: recarga la página para ver la versión nueva. Si un bloque tiene una opción que no vale, el aviso nombra el bloque y la opción.

En el teléfono

En pantallas angostas la paleta no ocupa un lado: queda escondida y se abre como una hoja desde abajo con el botón fijo + Bloque. Al agregar un bloque la hoja se cierra sola. La barra del bloque elegido se coloca encima del bloque para no taparlo. Los botones miden al menos 44 píxeles. Funciona también en el tema oscuro.

Volver al editor sencillo

El editor sencillo (formularios, sin JavaScript) sigue ahí como respaldo. Pulsa Editor sencillo (sin JavaScript) en la barra. Los dos editores trabajan sobre el mismo borrador.

Si algo no sale

  • Solo veo un aviso con un enlace. El navegador no tiene JavaScript activo. Usa el enlace al editor sencillo.
  • No puedo arrastrar. Usa tocar para agregar, Subir y Bajar.
  • Aparece «la página cambió». Otra persona la guardó antes. Recarga y repite tu cambio.
  • No veo el editor. Falta el permiso Editar páginas.

Última revisión:

¿No encontraste lo que buscabas? Escríbenos por WhatsApp.