Blog

Cómo crear links y botones en tu sitio web de Grid

Los links son componentes clave para la navegación a través de internet, ya que sirven para dirigir a los usuarios a un sitio o recurso web con tan solo un click.

En este video veremos:

1. Cómo crear links
2. La diferencia entre links externos y links internos
3. Cómo crear botones
4. Cómo editar el diseño de los links y botones 

2. Links externos y links internos

Al crear un link podemos crear links externos o links internos.

Llamamos links externos a aquellos que nos llevan fuera de nuestro sitio web, y links internos a los que apuntan a páginas o recursos del mismo dominio.

Al crear links externos, es importante que la dirección URL esté completa, incluyendo el https://.
Además, es recomendable en estos casos tildar la casilla de “Abrir en nueva pestaña”.

Al crear links internos, es recomendable dejar la casilla de “Abrir en nueva pestaña” destildada y completar la dirección URL únicamente desde la raíz de nuestro sitio, es decir, obviar todo el comienzo desde https hasta nuestro nombre de dominio (y el ".com" o ".com.ar") y comenzar desde la barra que esta justo después del dominio.

Es muy importante que nuestro link comience con barra para que apunte a la dirección correcta. 

3. Crear botones

Hay botones dentro de nuestro sitio web con funciones particulares que se mostrarán automáticamente dónde y cuándo correspondan sin que tengamos que crearlos de forma manual. Algunos de estos son los botones de: Agregar al carrito, Enviar formulario, Finalizar compra, entre otros.

Mas allá de estos botones particulares, podemos crear links con estilo de botón, de la misma manera que creamos links, pero tildando la opción “Botón”.

El funcionamiento es el mismo que el de un link normal, pero con la estética de un botón.

Algo importante a tener en cuenta es que sólo vamos a ver la opción de botón en los campos de texto de tipo Párrafo, Párrafo destacado o Texto secundario; y no en los Títulos H1 a H6 o en el formato de Cita.

Utilizando estos 3 tipos de texto podemos crear botones en 3 tamaños diferentes. 

4. Editar diseño

La estética de los links y los botones se puede editar desde la herramienta de diseño que se encuentra en el Panel lateral.

Los links se verán del color de acento y subrayados.

El color de los botones estará determinado por el color de acento.

Podemos elegir el tipo de esquinas: cuadradas, redondeadas o circulares;
y el tipo de relleno: con relleno, o sólo el contorno (y se rellenan al pasar el cursor por encima).

Cabe aclarar que los botones que se muestran por encima de fotos o videos (como el caso de las secciones Portada, Slider o Video de fondo) se muestran sin relleno y en color blanco. 

Notas relacionadas

Editar estilos de secciones
Editar estilos de secciones

Color de fondo, alineación de textos, anchos de sección y contenido, bordes y márgenes.