Bloques de creación¶
Puedes diseñar tu sitio web arrastrando y soltando bloques de construcción, luego editándolos para ajustarse a tus necesidades de contenido y diseño.
Añadir un bloque de construcción¶
Para añadir un bloque a una página del sitio web, accede a la página, haz clic en Editar, luego arrastra y suelta el bloque de construcción deseado en la ubicación apropiada. Hay dos tipos de bloques de construcción disponibles: Categorías y Contenido interno. Los bloques de construcción de Contenido interno solo se pueden añadir dentro de bloques de construcción de Categorías.
Al hacer clic en un bloque de categoría, aparece una ventana emergente que te permite seleccionar entre múltiples plantillas para cada categoría.
Truco
Busca un bloque específico en la ventana emergente Insertar un bloque utilizando la barra de búsqueda.
Una vez colocado el bloque de categoría, puedes arrastrar y soltar bloques de Contenido interno dentro de él. Los bloques de Contenido interno te permiten añadir elementos, como vídeos, imágenes, botones de redes sociales, etc., dentro de bloques de categoría preexistentes.
Nota
También puedes añadir un bloque de construcción en la página de inicio de sesión. Para hacerlo, navega a la página de inicio del sitio web, añade
/web/logina la URL y presionaEnter.El acceso a ciertos bloques requiere instalar su aplicación o módulo respectivo (por ejemplo, Comercio electrónico para el bloque Productos).
Example
Añade todas tus cuentas de redes sociales en un solo lugar con el bloque de contenido interno Redes sociales. Activa o desactiva el interruptor junto a la plataforma deseada y copia/pega la URL de tu cuenta.
Formulario¶
El bloque Formulario se utiliza para recopilar información de los visitantes del sitio web y, si corresponde, crear registros en tu base de datos. Para añadir un formulario a una página del sitio web, arrastra y suelta el bloque de categoría Contacto y formularios, luego selecciona un bloque en la ventana emergente.
Acción¶
Por defecto, cuando se envía el formulario, se envía automáticamente un correo electrónico con la información introducida por el visitante. Dependiendo de las aplicaciones instaladas en tu base de datos, pueden estar disponibles acciones adicionales que pueden crear registros automáticamente. Para elegir una acción diferente, haz clic en Editar, haz clic en el formulario, navega a la pestaña Estilo y selecciona la Acción deseada:
Solicitar un empleo (Reclutamiento)
Crear un cliente (Comercio electrónico)
Crear un ticket (Servicio de asistencia)
Crear una oportunidad (CRM)
Suscribirse al boletín (Marketing por correo electrónico)
Crear una tarea (Proyecto)
Más modelos: para generar otros tipos de registros
Por defecto, al enviar el formulario se redirige a los visitantes a una página de Gracias. Usa el campo URL para enviarlos a una página diferente. Alternativamente, puedes optar por no redirigir y mantenerlos en la página del formulario seleccionando Nada o Mostrar mensaje en el campo Al completarse.
Campos¶
Para añadir un nuevo campo al formulario, navega a la pestaña Estilo y haz clic en el botón + Campo junto a la sección Formulario o Campo. Para modificar cualquier campo del formulario, selecciona el campo y luego usa las opciones disponibles en la sección Campo de la pestaña Estilo. Por ejemplo, puedes:
Cambia el Tipo del campo.
Truco
También es posible seleccionar un campo existente de la base de datos y usar los datos que contiene. Los campos disponibles dependen de la acción seleccionada. También se pueden usar campos de propiedad añadidos a la base de datos.
Algunos campos son similares visualmente, pero la información ingresada debe seguir un formato específico.
Edita la etiqueta del campo y adapta su posición.
Activar una Descripción de campo. Activa el interruptor y haz clic en la descripción predeterminada del formulario para modificarla.
Añade un marcador de posición o valor predeterminado.
Especifica si el campo es obligatorio.
Edita la configuración de visibilidad del campo.
Añade una animación.
Una vez realizados los cambios deseados, haz clic en Guardar.
Añadir un formulario de contacto de Odoo en un sitio web que no sea Odoo¶
Puedes mostrar un formulario de contacto de Odoo en otro sitio web utilizando un iframe. Para hacerlo, sigue estos pasos:
Prepare the Odoo form: Create a contact form on a page in Odoo Website and remove the header and footer. Make sure only the contact form remains on the page.
Genera un código integrable: Copia la URL de la página del formulario de Odoo y pégala en un generador de iframe, como La Digitale.dev o iFrame Generator. Ajusta el ancho y la altura para una visualización adecuada.
Añade el código incrustado al sitio web que no es de Odoo: Abre el HTML de la página correspondiente (en el editor de código o CMS) e inserta el código incrustado donde se debe mostrar el formulario.
Example
Ejemplo de un código incrustado:
<iframe src="https://example.com/odoo-form"
style="border:0;"
name="odooForm"
scrolling="no"
frameborder="0"
marginheight="0"
marginwidth="0"
height="400px"
width="600px"
allowfullscreen>
</iframe>
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 arrastrar y soltar el bloque Código incrustado desde la sección Contenido interno en una página, haz clic en el bloque, luego ve a la pestaña Estilo y haz clic en Editar. Reemplaza el código de marcador de posición con tu código incrustado personalizado.
Advertencia
No copies/pegues código que no entiendas, ya que podría poner en riesgo tus datos.
Mover, cambiar, duplicar o eliminar un bloque de construcción¶
Arrastra los bordes turquesa del bloque para reducir o aumentar el espacio en la parte superior o inferior del mismo.
Cambia el orden del bloque haciendo clic en (comilla arriba) o (comilla abajo) y mueve el bloque en la página haciendo clic en (flechas). Cuando tienes varias columnas, mueve una columna a la izquierda o derecha haciendo clic en (comilla izquierda) o (comilla derecha).
Para duplicar un bloque de construcción, haz clic en (duplicar). Una vez duplicado, el nuevo bloque aparece en la página debajo del original.
Truco
Alternativamente, haz clic en el icono (duplicar) en la parte superior de la pestaña Estilo para duplicar el bloque seleccionado.
Para eliminar un bloque, haz clic en (papelera).
Editar un bloque de construcción¶
Para editar el contenido de un bloque de construcción, haz clic en él y ve a la pestaña Estilo. Las opciones de personalización disponibles varían según el tipo de bloque seleccionado.
Ver también
Fondo¶
Para modificar el fondo de un bloque de construcción, selecciona el bloque, ve a la pestaña Estilo y haz clic en el punto de color u otra opción de Fondo. Puedes cambiar el color y/o añadir una imagen, vídeo y/o forma. Una vez que hayas seleccionado una forma, aparecen nuevos campos para permitirte personalizarla.
Truco
Posiciona un elemento (imagen, texto, etc.) detrás o delante de otro usando los iconos Enviar al fondo 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¶
Para la mayoría de los bloques de construcción, puedes elegir entre dos estilos de diseño: cuadrícula o columnas (cols). Para cambiar el estilo de diseño predeterminado, haz clic en el bloque, ve a la pestaña Estilo y establece el campo Diseño en Cuadrícula o Columnas.
Cuadrícula¶
El diseño Grid te permite reposicionar y cambiar el tamaño de elementos, como imágenes o texto, arrastrándolos y soltándolos. Cuando se selecciona Grid, hay opciones adicionales disponibles para Agregar elementos haciendo clic en Imagen, Texto o Botón.
Columnas¶
Elegir el diseño Columnas te permite determinar el número de elementos por línea dentro del bloque. Para hacerlo, selecciona el bloque a modificar, haz clic en el menú desplegable junto al campo Columnas y ajusta el número. Luego puedes modificar la configuración de una columna específica usando las opciones en la sección Columna de la pestaña Estilo.
Nota
De forma predeterminada, en dispositivos móviles, solo un elemento (columna) es visible por línea para garantizar que el contenido permanezca fácilmente legible y accesible en pantallas más pequeñas. Para ajustar el valor, haz clic en el (icono de móvil) en la parte superior del editor del sitio web y adapta el número de columnas. Las formas están ocultas de forma predeterminada en móviles.
Guardar un bloque de construcción personalizado¶
Puedes guardar un bloque de construcción personalizado para reutilizarlo en otro lugar. Para hacerlo, selecciónalo, navega a la pestaña Estilo y haz clic en el icono (disquete). Haz clic en el botón Guardar en la ventana emergente para confirmar el guardado de tu bloque personalizado.
Para agregar un bloque de construcción guardado a la página, navega a la pestaña Bloques y arrastra y suelta el bloque Personalizado desde la sección Categorías. En la ventana emergente que se abre, haz clic en el bloque deseado en la categoría Personalizado.
Truco
En la ventana emergente Insertar un bloque, haz clic en (editar) para renombrar el bloque personalizado o (eliminar) para eliminarlo.
Crear un enlace de ancla¶
Los enlaces de ancla son hipervínculos que dirigen a los usuarios a una sección específica de una página. Para crear un enlace de ancla para un bloque, sigue estos pasos:
Haz clic en Editar y selecciona el bloque al que deseas vincular.
Haz clic en (enlace) en la parte superior de la pestaña Estilo.
Para editar el nombre de ancla predeterminado, haz clic en Editar en el mensaje emergente verde que se abre.
Reemplaza el nombre del ancla y haz clic en Guardar y copiar.
Una vez que se guarda el ancla, puedes vincular a ella desde cualquier lugar de tu sitio web.