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.

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.

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.

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:
Postular (Reclutamiento)
Crear un cliente (Comercio electrónico)
Crear un ticket (Soporte al cliente)
Crear una oportunidad (CRM)
Suscribir al boletín (Marketing por correo)
Crear una tarea (Proyectos)

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.
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.

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.
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.
Ver también
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.
Para cambiar el tamaño de un bloque, haz clic y arrastra los puntos alrededor de sus bordes para ajustarlo según sea necesario.
Ver también
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.

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.
Crear un enlace ancla¶
Los enlaces ancla son hipervínculos que dirigen a los usuarios a una sección específica de una página. Sigue estos pasos para crear uno:
Haz clic en Editar y selecciona el bloque que quieres vincular.
Haz clic en el icono (enlace) que se encuentra en la parte superior de la pestaña Personalizar.
Para editar el nombre de ancla predeterminado, haz clic en Editar en el mensaje emergente verde que aparecerá.
Reemplaza el nombre de ancla y haz clic en Guardar y copiar.
Una vez que hayas guardado el ancla podrás enlazarlo desde cualquier parte de tu sitio web.