Cómo utilizar enlaces de anclaje en landing page y sitios web

Un enlace ancla, o anchor link, es un enlace que redirige al visitante de tu landing page o sitio web a otra sección de la misma página web.

Los enlaces de anclaje resultan útiles si tienes mucho contenido en tu página y quieres proporcionar a los visitantes una forma fácil de navegar a determinadas partes de la página sin tener que desplazarse de arriba a abajo para encontrarlo.

1. Ve a Sitios.

2. Busca tu landing page y haz clic en Editar para abrir el editor de arrastrar y soltar. 

3. A continuación, busca el bloque para el que deseas crear un enlace de anclaje. Cada sección tendrá un nombre que podrás ver en la esquina inferior derecha cuando pases el ratón por encima.

4. Desplázate hasta la parte superior de tu landing page y añade un elemento Menú a la página, o una Sección que incluya un Menú. Pasa el ratón por encima y haz clic en el icono Configuración.

5. Selecciona el elemento del menú al que deseas vincular el bloque de anclaje y haz clic en el icono del lápiz Editar. 

6. En el menú desplegable, selecciona Bloque de anclaje.

7. Selecciona el bloque al que deseas enlazar, seleccionando el nombre del bloque. 

8. Haz clic en Añadir para crear el enlace de anclaje. Ahora, cuando se haga clic en ese elemento del menú, dirigirá automáticamente al lector a ese bloque específico de la landing page

1. Abre tu sitio en el editor.

2. Arrastra el bloque Ancla desde la barra lateral y suéltalo en tu página. El bloque Ancla no será visible en tu sitio publicado. Simplemente proporciona un ancla (invisible) a la que enlazar, así que donde coloques el bloque de anclaje será el punto final de tu enlace de anclaje.

3. Haz clic en el bloque Ancla para seleccionarlo y dale un nombre en la barra lateral.

¡Ahora es el momento de proporcionar un enlace a tu ancla! Puedes utilizar tu navegación de cabecera, bloques de botones e incluso bloques de imágenes como enlace a tu bloque Ancla.

Te recomendamos que utilices la navegación de tu encabezado. Ten en cuenta que esta opción sólo está disponible para las landing pages.

Para activar la navegación del encabezado (si no está ya activado):

1. Pasa el ratón por encima del encabezado de tu página y haz clic en el icono del lápiz.

2. En la barra lateral, haz clic en la pestaña Configuración.

3. En Diseño de encabezado selecciona cualquier opción que incluya Navegación. Por ejemplo: Logo / Navigation / CTA. Esta opción te proporcionará enlaces de navegación en tu encabezado que podrás enlazar a tu(s) bloque(s) de anclaje.

Para vincular tus enlaces de navegación a tu(s) bloque(s) de anclaje:

1. Pasa el ratón por encima del encabezado de tu página y haz clic en el icono del lápiz.

2. En la barra lateral, haz clic en la pestaña Contenido.

3. En Navegación, encontrarás los enlaces que aparecen en la navegación de tu encabezado. Haz clic en el icono del lápiz para editar la configuración de cada enlace.

4. En el campo Título, añade el título que quieras dar a tu enlace.

5. En el campo Enlace, haz clic en el menú desplegable para cambiar el tipo de enlace a Ancla.

6. Selecciona el bloque Ancla al que quieres dirigir este enlace.

7. Haz clic en Guardar cambios.

Primero tendrás que crear un blog en tu sitio web MailerLite. Sigue los pasos de este artículo para saber cómo crear un blog.

Los enlaces de anclaje permiten a los lectores saltar al contenido que les llama la atención. Para añadir anclas a un blog:

1. Navega hasta el editor del sitio web y utiliza el icono de edición para abrir el editor de la página del blog.

2. Haz clic en el símbolo + del editor del blog y elige Anclar.

3. Ponle un nombre al ancla para que sea fácil de encontrar en el siguiente paso

4. Añade un índice, una imagen o un bloque de botones.

5. En la configuración del bloque, abre el menú desplegable Enlace y elige Anclaje.

6. Selecciona el ancla con la que quieres enlazar. ¡Incluso puedes utilizar tu navegación de encabezado como enlace a tu bloque Ancla!

Eso es todo. Tus enlaces de anclaje ya están configurados y listos para usar.

An anchor link is a link that redirects the visitor of your landing page or website to another section of the same web page.

Anchor links come in handy if you have lots of content on your page and want to provide visitors with an easy way to navigate to certain parts of the page without having to scroll up and down looking for it.

1. Open your site in the editor.

2. Drag the Anchor block from the sidebar and drop it onto your page. The Anchor block won’t be visible on your published site. It simply provides an anchor to link to, so where you place your anchor block will be the endpoint of your anchor link.

3. Click your Anchor block to select it and give it a name in the sidebar.

4. Click Save.

Now it’s time to provide a link to your anchor! You can use your header navigation, button blocks, and even image blocks as a link to your anchor block. We recommend using your header navigation.

To enable header navigation (if it isn’t already enabled):

1. Hover over your page header and click the pencil icon.

2. In the sidebar click the Settings tab.

3. Under Header layout select any option that includes Navigation. For example: Logo / Navigation / CTA. This option will provide you with navigation links in your header that you can link to your anchor block(s).

To link your navigation links to your anchor block(s):

1. Hover over your page header and click the pencil icon.

2. In the sidebar, click the Content tab.

3. Under Navigation, you will find the links that appear in your header navigation. Click the pencil icon to edit each link’s settings.

4. In the Title field, add the title you want to give your link.

5. In the Link field, click the dropdown menu to change the link type to Anchor.

6. Then select the Anchor block you want to direct that link to.

7. Click Save changes.

That’s it! Your anchor links are now set up and ready to use.