Intro a Grid
Última actualización: Agosto 2023
Introducción a Landing
Los sitios de GRID del plan Landing son sitios de una sola página - a diferencia de aquellos del plan Site que tienen múltiples páginas internas, o los del plan Store que además tienen venta online.
![](/user_content/img/img_rich_content1344.png?9610)
A continuación vamos a aprender a editar un sitio Landing:
1. Editar el contenido
Para editar el contenido de nuestro Landing hacemos clic en Editar página.
![](/user_content/img/img_rich_content1348.png?4437)
La página está compuesta por secciones, una debajo de la otra, entre el encabezado y el pie de página.
Una sección es una porción de una página con características particulares, como una portada, una sección de columnas o una galería de fotos.
Para agregar nuestra primera sección hacemos click en el botón con el signo "+"; y elegimos la sección que queremos.
![](/user_content/img/img_rich_content1349.png?779)
![](/user_content/img/img_rich_content1378.png?7081)
Para editar un texto simplemente debemos posarnos sobre el campo deseado y comenzar a escribir.
![](/user_content/img/img_rich_content1351.png?6607)
Para agregar un nuevo campo de texto debemos presionar ENTER con el cursor ubicado al final del campo.
![](/user_content/img/img_rich_content1352.png?8313)
También podemos hacer clic en los botones Insertar nuevo párrafo que encontraremos por encima y por debajo de todos los textos de cada sección.
![](/user_content/img/img_rich_content1353.png?7655)
Podemos cambiar el formato de cada campo de texto; cada uno tiene un estilo predefinido desde el editor de estilos globales.
![](/user_content/img/img_rich_content1354.png?9490)
Al seleccionar porciones de texto veremos opciones de formato en línea: como negrita, itálica, y link, entre otros.
![](/user_content/img/img_rich_content1355.png?8369)
Más info sobre cómo crear links y botones ›
Para agregar más secciones hacemos click en el botón con el signo "+" que aparece por encima y por debajo de cada sección.
![](/user_content/img/img_rich_content1357.png?9015)
En determinadas secciones podemos incorporar multimedia en el cuerpo del contenido. Para hacerlo debemos posarnos sobre un campo de texto vacío y veremos el botón con el signo "+" a la izquierda del mismo. Al clickearlo se desplegarán las opciones de multimedia, como imágenes, videos, código HTML y líneas.
![](/user_content/img/img_rich_content1356.png?716)
En el panel de la derecha podemos ver las secciones que agregamos a la página y podemos reordenarlas.
![](/user_content/img/img_rich_content1358.png?6979)
También podemos acceder a los ajustes de sección haciendo clic en el botón que se encuentra arriba a la derecha de cada sección.
![](/user_content/img/img_rich_content1359.png?3590)
En el panel de ajustes de cada sección podemos ocultar o eliminar una sección por completo y así como editar márgenes, color de fondo y otros ajustes particulares para cada sección.
Más info sobre cómo editar estilos de secciones ›
Combinando diferentes secciones, completándolas con títulos, párrafos, imágenes y otros elementos, y realizando ajustes en cada una podemos diseñar todo tipo de páginas.
2. Editar el encabezado
El encabezado se muestra por encima de todas las secciones de nuestra página y está compuesto por el logo, el menú principal, y elementos adicionales como redes sociales o botones.
![](/user_content/img/img_rich_content1360.png?9706)
Es posible que tu encabezado se vea diferente porque existen diferentes diseños, pero los componentes son los mismos.
![](/user_content/img/img_rich_content1361.png?5601)
Inicialmente veremos el nombre de nuestro sitio en el lugar en donde va el logo.
![](/user_content/img/img_rich_content1362.png?1884)
Para cargar nuestro logo vamos a Estilos globales > Logo y favicon.
![](/user_content/img/img_rich_content1365.png?547)
![](/user_content/img/img_rich_content1366.png?8911)
Vamos a crear links en el menú principal que nos llevarán a diferentes secciones de la página.
Primero tenemos que asignarle un ID a la sección que queremos linkear - que no es más que un nombre único - desde Ajustes de sección > Configuración.
![](/user_content/img/img_rich_content1367.png?5711)
Copiamos el ID para pegarlo en el próximo paso.
![](/user_content/img/img_rich_content1368.png?7452)
Vamos a Configuración > Encabezado y hacemos clic en Nuevo link.
![](/user_content/img/img_rich_content1369.png?4845)
![](/user_content/img/img_rich_content1370.png?33)
Completamos con el nombre que queremos que lleve el link, por ejemplo, “Servicios” y en el siguiente campo escribimos “#” y pegamos el ID de sección. Ej: "#servicios"
![](/user_content/img/img_rich_content1371.png?9932)
También podemos agregar elementos adicionales como redes sociales y botones.
Para agregar redes sociales vamos a Configuración > Redes sociales y hacemos clic en la que queremos mostrar, o podemos agregar una nueva.
![](/user_content/img/img_rich_content1372.png?2017)
![](/user_content/img/img_rich_content1373.png?81)
Cargamos un icono y pegamos el link de nuestro perfil.
![](/user_content/img/img_rich_content1374.png?3184)
Para agregar botones vamos a Configuración > Encabezado, y podemos agregar hasta dos botones, uno principal y otro secundario.
![](/user_content/img/img_rich_content1375.png?7979)
Podemos editar el diseño de nuestro Landing desde Estilos globales; como la paleta de colores, tipografía y diseño de encabezado, entre otros.
Más info sobre el Editor de Estilos globales ›
![](/user_content/img/img_rich_content1376.png?5030)
Notas relacionadas
![Introducción a Mi cuenta Grid](/user_content/img/img_page_listado145.png?2473)
Introducción a Mi cuenta Grid
![Introducción al entorno de trabajo de Grid](/user_content/img/img_page_listado41.png?73)
Introducción al entorno de trabajo de Grid
![Cómo editar una página en Grid](/user_content/img/img_page_listado152.png?9275)