¿Dónde puedo agregar contenido con el Editor de bloques en mi Página web?

El Editor de bloques de Waclis permite crear contenido personalizado dentro de diferentes áreas de tu Página web.

Dependiendo de lo que quieras modificar, puedes encontrarte con dos situaciones:

• una sección nueva creada por ti, donde puedes diseñar libremente todo su contenido;
• una página fija de Waclis, como Home, Blog, Productos, Servicios o Contacto, donde existen posiciones específicas para agregar contenido sin interferir con la información propia de esa página.

En este tutorial aprenderás dónde puedes utilizar el Editor de bloques y cómo elegir correctamente la ubicación en la que aparecerá tu contenido.

¿Cómo acceder al Editor de bloques?

Ingresa al panel de administración de Waclis y dirígete al apartado donde administras los Menús de tu Página web.

Junto a cada elemento encontrarás diferentes acciones.

Para trabajar con bloques debes utilizar el icono de la paleta, identificado como Bloque editable.

El comportamiento de este botón depende del tipo de página o sección que estés editando.

Caso 1: una nueva sección creada por ti

Cuando creas una nueva sección para tu Página web, puedes utilizar el Editor de bloques para diseñar su contenido libremente.

Al hacer clic en el icono de la paleta, Waclis abre directamente el Editor de bloques.

Dentro de esa sección puedes:

• utilizar una sección prediseñada;
• agregar componentes individuales;
• incorporar textos, imágenes, botones y enlaces;
• crear columnas;
• utilizar galerías, carruseles, formularios o videos;
• personalizar colores, tamaños y espacios;
• trabajar con HTML o CSS si necesitas un diseño más avanzado.

En este caso, el contenido de la nueva sección depende completamente del diseño que realices dentro del Editor de bloques.

Caso 2: páginas fijas de Waclis

Existen páginas que cumplen funciones específicas dentro de Waclis y que ya tienen contenido propio.

Entre ellas se encuentran:

Home, Blog, Productos, Servicios y Contacto.

Por ejemplo, Productos debe continuar mostrando el catálogo, mientras que Blog debe conservar sus publicaciones.

Por este motivo, al utilizar el icono de Bloque editable en estas páginas, Waclis no reemplaza el contenido que ya existe.

En su lugar, muestra determinadas áreas editables donde puedes agregar contenido personalizado antes o después de la información propia de la página.

¿Qué son las áreas editables?

Una área editable es una posición predeterminada dentro de una página donde Waclis permite incorporar contenido creado con el Editor de bloques.

Por ejemplo, puedes agregar una presentación debajo del menú de Productos sin modificar el listado de productos.

También puedes agregar un llamado a la acción antes del Footer sin alterar la estructura general de la plantilla.

Cada posición funciona de manera independiente.

Cuando seleccionas una de ellas, se abre el Editor de bloques y todo el contenido que agregues allí aparecerá en esa ubicación.

Áreas editables disponibles en Home

La página Home dispone de cuatro posiciones.

Esto permite personalizar ampliamente la página de inicio sin modificar el funcionamiento del banner, de los productos destacados, del Header o del Footer.

Por ejemplo, podrías utilizar estas posiciones para mostrar una presentación de la empresa, beneficios, categorías destacadas, promociones, testimonios, llamados a la acción o cualquier otra información complementaria.

Áreas editables disponibles en Productos

La página Productos dispone de dos posiciones:

Bloque editable debajo del menú

y

Bloque editable arriba del menú inferior.

El catálogo y el listado de productos continúan funcionando normalmente entre ambas áreas.

Una estructura simplificada sería:

HEADER / MENÚ
↓
Bloque editable debajo del menú
↓
CATÁLOGO Y PRODUCTOS GENERADOS POR WACLIS
↓
Bloque editable arriba del menú inferior
↓
FOOTER

Por ejemplo, puedes utilizar el bloque superior para explicar condiciones comerciales, destacar beneficios de compra o incorporar un banner.

El bloque inferior puede utilizarse para preguntas frecuentes, información adicional, medios de pago, llamados a la acción u otros contenidos.

Áreas editables disponibles en Blog

La página Blog también dispone de:

Bloque editable debajo del menú

y

Bloque editable arriba del menú inferior.

Las publicaciones y demás contenidos propios del Blog permanecen entre estas áreas.

Por ejemplo, puedes utilizar el bloque superior para presentar el Blog, explicar los temas que se publican o destacar una campaña.

El bloque inferior puede utilizarse para newsletters, redes sociales, llamados a la acción u otros contenidos complementarios.

Áreas editables disponibles en Servicios

En Servicios puedes agregar bloques:

debajo del menú

y

arriba del menú inferior.

El contenido propio de Servicios permanece en su ubicación habitual.

Estas áreas pueden utilizarse, por ejemplo, para agregar una introducción, beneficios, testimonios, preguntas frecuentes, formularios o información complementaria.

Áreas editables disponibles en Contacto

En Contacto también encontrarás dos posiciones:

Bloque editable debajo del menú

y

Bloque editable arriba del menú inferior.

El contenido y las funcionalidades propias de Contacto permanecen disponibles entre ambas ubicaciones.

Puedes utilizar estos espacios para incorporar información adicional, horarios, mapas, redes sociales, instrucciones para contactar a la empresa o cualquier otro contenido que complemente la página.

¿El contenido que agrego reemplaza el contenido original?

No.

Las áreas editables están pensadas precisamente para que puedas agregar contenido personalizado sin interferir con el contenido dinámico o estructural que Waclis ya administra.

Por ejemplo, si agregas un bloque en Productos:

• no desaparece el catálogo;
• no se modifican las fichas de productos;
• no se reemplazan los productos;
• simplemente se incorpora tu contenido en la posición seleccionada.

Lo mismo ocurre con Home, Blog, Servicios y Contacto.

Header y Footer no son bloques editables

Es importante distinguir las áreas editables de las partes generales de la plantilla.

El Header y el Footer forman parte de la plantilla seleccionada para tu Página web y no se editan mediante el Editor de bloques.

Por ejemplo:

Bloque editable debajo del menú

significa que puedes agregar contenido inmediatamente después del Header o menú, pero no que estés editando el Header.

De la misma manera:

Bloque editable arriba del menú inferior

permite insertar contenido antes del Footer, pero no modificar el Footer.

Las personalizaciones adicionales sobre Header y Footer se realizan mediante las herramientas correspondientes de CSS y JavaScript cuando sea necesario.

Puedes utilizar varias posiciones al mismo tiempo

No tienes que elegir una única área editable para toda la página.

Puedes incorporar contenido en cada una de las posiciones disponibles según las necesidades de tu diseño.

Por ejemplo, en Home podrías tener:

HEADER

Bloque debajo del menú
Presentación de la empresa

BANNER

Bloque debajo del banner
Beneficios principales

Bloque arriba de productos destacados
Categorías o promociones

PRODUCTOS DESTACADOS

Bloque arriba del menú inferior
Testimonios + llamado a la acción

FOOTER

Cada área se administra desde su correspondiente opción de Bloque editable.

¿Qué sucede al elegir una posición?

Supongamos que seleccionas:

Bloque editable debajo del menú

Waclis abre el Editor de bloques correspondiente a esa ubicación.

Desde allí puedes crear el contenido que necesites.

Cuando termines, haz clic en Guardar Cambios.

Waclis guardará el contenido y mostrará una notificación verde confirmando que los cambios fueron almacenados.

Al visualizar la Página web, ese contenido aparecerá en la posición que seleccionaste.

¿Cómo saber qué posición conviene utilizar?

La elección depende del objetivo del contenido.

Debajo del menú

Es una posición con mucha visibilidad porque aparece al comienzo del contenido de la página.

Puede resultar útil para:

presentaciones, avisos importantes, promociones, encabezados personalizados o información introductoria.

Debajo del banner de Home

Es una buena posición para continuar el mensaje presentado en el banner.

Por ejemplo:

beneficios, categorías principales, servicios destacados o una introducción a la empresa.

Arriba de productos destacados

Permite incorporar contenido inmediatamente antes de los productos destacados de Home.

Puede utilizarse para:

títulos, promociones, explicaciones, categorías o llamados a explorar determinados productos.

Arriba del menú inferior

Es la última área editable antes del Footer.

Puede resultar útil para:

testimonios, preguntas frecuentes, newsletters, formularios, redes sociales, información institucional o llamados a la acción.

¿Qué ocurre con una sección creada desde cero?

Una sección nueva funciona de manera diferente a las páginas fijas.

En este caso no necesitas seleccionar:

“debajo del menú”

“debajo del banner”

o

“arriba del menú inferior”.

Al utilizar el icono de la paleta, ingresas directamente al Editor de bloques de esa sección y puedes construir allí todo el contenido.

Esto resulta especialmente útil cuando quieres crear una página completa con una estructura propia.

No confundas el icono de Bloque editable con la visibilidad del menú

Dentro de la administración de Menús encontrarás también un icono con forma de ojo.

Esta opción no abre el Editor de bloques.

El icono del ojo permite determinar si esa sección se muestra o se oculta dentro del menú y en el frontend correspondiente.

Para diseñar contenido debes utilizar el icono de la paleta de Bloque editable.

Ejemplo práctico

Supongamos que tienes una Página web de productos y quieres hacer lo siguiente:

Mostrar arriba del catálogo:

“Envíos a todo el país”

junto con una imagen y un botón.

No necesitas modificar el catálogo.

En Productos debes ingresar al Bloque editable debajo del menú y crear allí esa sección.

El resultado será:

HEADER

Envíos a todo el país
[Imagen] [Botón]

LISTADO DE PRODUCTOS

FOOTER

El catálogo continúa siendo administrado normalmente por Waclis.

Otro ejemplo: personalizar completamente Home

Supongamos que deseas utilizar las cuatro posiciones disponibles.

Puedes colocar:

debajo del menú, una presentación institucional;

debajo del banner, una sección de beneficios;

arriba de productos destacados, un conjunto de categorías principales;

arriba del menú inferior, testimonios y un formulario.

De esta manera puedes realizar una personalización muy amplia de Home sin tener que modificar la estructura dinámica que Waclis administra automáticamente.

¿Qué herramienta utilizar para cada necesidad?

Utiliza el Editor de bloques cuando quieras agregar o diseñar contenido dentro de las áreas editables.

Utiliza las configuraciones propias de Waclis cuando necesites modificar información dinámica, como productos u otros contenidos administrados por el sistema.

Utiliza los editores CSS o JavaScript cuando necesites realizar personalizaciones mediante código sobre elementos generales de la plantilla o comportamientos que no pertenecen directamente a un bloque.

Antes de guardar

Antes de finalizar recomendamos verificar cómo se visualiza el contenido en computadora, tablet y celular.

Luego haz clic en:

Guardar Cambios

y utiliza la opción Ver página para comprobar el resultado dentro de la Página web.

En resumen

Waclis permite utilizar el Editor de bloques tanto para crear nuevas secciones como para complementar las páginas fijas de la Página web.

En una sección nueva puedes construir libremente todo el contenido.

En las páginas fijas existen áreas específicas:

Estas áreas permiten personalizar la Página web sin reemplazar ni interferir con el contenido dinámico que Waclis ya administra.

El Header y el Footer pertenecen a la plantilla general y no se editan mediante bloques.