Bloques de creación

Diseña tu sitio web al arrastrar y soltar bloques de creación que podrás editar para adaptarlos a tus necesidades de contenido y diseño.

Agregar un bloque de creación

To add a block to a website page, access the page, click Edit, then drag and drop the desired building block into the appropriate location. Two types of building blocks are available: Categories and Inner Content. Inner Content building blocks can only be added into Categories building blocks.

Al hacer clic en un bloque de categoría aparecerá una ventana emergente para que elijas de entre varias plantillas de cada categoría.

Truco

También puedes buscar un bloque específico en la ventana emergente Inserta un bloque si utilizas la barra de búsqueda.

Captura de pantalla de la ventana emergente de bloques

Una vez que agregues el bloque de categoría podrás arrastrar y soltar los bloques de contenido interno dentro de él. Los bloques de contenido interno te permiten agregar elementos, como videos, imágenes, botones de redes sociales y otros elementos a los bloques de categoría ya existentes.

Nota

Solo podrás acceder a ciertos bloques si isntalas sus respectivas aplicaciones o módulos (por ejemplo, necesitas instalar Comercio electrónico para usar el bloque Productos).

Example

Agrega todas tus cuentas de redes sociales a un solo lugar con el bloque de contenido interno para redes sociales. Presiona el botón que se encuentra junto a cada plataforma para mostrarlo u ocultarlo y copia y pega la URL de tu cuenta.

Captura de pantalla del bloque de contenido interno para redes sociales

Formulario

El bloque de formulario sirve para recopilar información de los visitantes del sitio web y crear registros en tu base de datos en caso de que sea necesario.

Ejemplo de un bloque de formulario

Acción

De forma predeterminada, envíar el formulario ocasiona el envío automático de un correo con la información que ingresó el visitante. Es posible que, según las aplicaciones que tengas instaladas en tu base de datos, haya otras acciones disponibles que te permitan crear registros de manera automática. Para elegir una acción distinta, haz clic en Editar, selecciona el formulario, ve a la pestaña Personalizar y elige la acción que prefieras:

Editar un formulario para cambiar su acción

Enviar el formulario redirige a los visitantes a una página de agradecimiento de forma predeterminada, pero puedes usar el campo URL para enviarles a otra página. También puedes dejar que los visitantes permanezcan en la página del formulario si seleccionas la opción Nada o Mostrar mensaje en el campo Éxito.

Campos

Para agregar un nuevo campo al formulario, abre la pestaña Personalizar y haz clic en el botón + Campo que se encuentra junto a la sección Formulario o Campo. Para modificar el nuevo campo (o cualquier otro) del formulario, seleccionalo y usa las opciones disponibles en la sección Campo de la pestaña Personalizar. Por ejemplo, puedes:

  • Cambiar el tipo de campo.

    Truco

    Puedes seleccionar un campo existente de una base de datos y usar su respectiva información. Los campos disponibles dependen de la acción que hayas seleccionado. También puedes utilizar los campos de propiedad que hayas agregado a la base de datos.

    Todos los tipos de campos de formulario

    Algunos campos son similares visualmente, pero la información ingresada debe seguir un formato específico.

  • Editar la etiqueta del campo y adaptar su posición.

  • Activar el campo Descripción. Haz clic en la descripción predeterminada del formulario para modificarla.

  • Agregar un marcador de posición o valor predeterminado.

  • Especificar si el campo es obligatorio.

  • Editar los ajustes de visibilidad del campo.

  • Agregar una animación.

Haz clic en Guardar una vez que hayas hecho todos los cambios necesarios.

Incrustar código

Insertar código le permite integrar contenido de servicios externos en una página, como videos de YouTube, mapas de Google Maps, publicaciones de redes sociales como Instagram, etc.

Después de agregar un bloque a la página, haz clic en él, ve a la pestaña Personalizar y haz clic en Editar. Reemplaza el código del marcador de posición con tu código personalizado.

Agregue el enlace al código insertado que quiere resaltar

Advertencia

No copies ni pegues código que no entiendes, ya que podrías poner tu información en riesgo.

Mober, cambiar o eliminar un bloque de creación

Tira de los bordes turquesa del bloque para reducir o aumentar el espacio en la parte superior o inferior.

Cambia el orden de los bloques al hacer clic en (flecha hacia arriba) o (flecha hacia abajo) y haz clic en (flechas) para mover el bloque en la página. Si tienes varias columnas, puedes moverlas a la izquierda o derecha si haces clic en (flecha hacia la izquierda) o (flecha hacia la derecha).

Haz clic en (papelera) para eliminar un bloque.

Una captura de pantalla en la que aparece la ampliación de los márgenes del bloque de creación

Truco

Haz clic en (cambio) para cambiar la categoría del bloque con rapidez.

Editar un bloque de creación

Para editar el contenido de un bloque de creación, haz clic en él y abre la pestaña Personalizar. Las opciones de personalización disponibles variarán según el tipo de bloque que hayas seleccionado.

Fondo

Para modificar el fondo de un bloque de creación, seleccionalo, ve a la pestaña Personalizar y haz clic en el punto de color o en otra opción para el fondo. Puedes cambiar el color y agregar una imagen, video o forma. Una vez que hayas seleccionado una forma aparecerán otros campos para que puedas personalizarla.

Truco

  • Coloca un elemento (imagen, texto, etc.) atrás o adelante de otro con los iconos Enviar atrás o Traer al frente.

    Captura de pantalla del cambio de posición de un bloque
  • Para cambiar el tamaño de un bloque, haz clic y arrastra los puntos alrededor de sus bordes para ajustarlo según sea necesario.

    Captura de pantalla del cambio de tamaño de un bloque

Ver también

Tema general

Diseño: tablas y columnas

En la mayoría de los bloques de creación puedes elegir entre dos estilos de diseño: cuadrícula o columnas (cols). Haz clic en un bloque para cambiar su estilo de diseño predeterminado, ve a la pestaña Personalizar y selecciona Cuadrícula o Columnas en el campo Diseño.

Cuadrícula

El diseño de cuadrícula te permite reposicionar y cambiar el tamaño de los elementos, como imágenes o texto, al arrastrarlos y soltarlos. Al seleccionar Cuadrícula aparecen otras opciones para agregar elementos si haces clic en Imagen, Texto o Botón.

Cuando se selecciona el diseño de tabla puede elegir una imagen y arrastrarla y soltarla a donde la necesite.

Columnas

Seleccionar el diseño de columnas te permite determinar el número de elementos por línea dentro del bloque. Para ello, selecciona el bloque a modificar, haz clic en la lista desplegable junto al campo Columnas y cambia el número. Después podrás modificar los ajustes de una columna en específico con las opciones de la sección Columna de la pestaña Personalizar.

Nota

De forma predeterminada, en los dispositivos móviles solo hay un elemento (columna) visible por línea para garantizar que el contenido siga siendo legible y accesible con facilidad en pantallas más pequeñas. Para ajustar el valor, haz clic en el icono (celular) que se encuentra en la parte superior del editor del sitio web y modifica el número de columnas. Las formas están ocultas de forma predeterminada para los celulares.

Duplicar un bloque de creación

Para duplicar un bloque de creación, haz clic en el icono (duplicar) que se encuentra en la parte superior de la pestaña Personalizar. Una vez que lo hayas duplicado aparecerá en la página abajo del bloque original.

Guardar un bloque de creación personalizado

Puedes guardar un bloque de creación personalizado para volver a utilizarlo en otro lado. Para ello, selecciónalo, ve a la pestaña Personalizar y haz clic en el (disquete). Haz clic en el botón Guardar y actualizar de la ventana emergente para confirmar que quieres guardar el bloque.

Para agregar un bloque de creación que hayas guardado a la página, ve a la pestaña Bloques y arrastra y suelta el bloque personalizado de la sección Categorías. Esta acción abrirá una ventana emergente, allí haz clic en el bloque que quieres en la categoría Personalizado.

Truco

En la ventana emergente Inserta un bloque, haz clic en (editar) para cambiar el nombre del bloque personalizado o en (papelera) para eliminarlo.