Aprende cómo agregar varios tipos de enlaces en un sitio web.

Si utilizasHostinger herramienta de creación de sitios web, puedes agregar enlaces en diferentes lugares del sitio web:

Agregar enlaces al menú de navegación

Hostinger Website Builder pages menu with the link icon highlighted at the bottom right
Hostinger Website Builder pages menu with the link icon highlighted at the bottom right
Hostinger Website Builder “Add new link” dialog with web address field and Save button highlighted
Hostinger Website Builder “Add new link” dialog with web address field and Save button highlighted
  1. En el editor, expande el panelPáginas y navegación (Pages and navigation)
  2. Haz clic enAgregar enlace (Add link):
  3. Cambiar el nombre del enlace; puedes usar cualquier símbolo, incluidos los emojis 📞 ✉️ 🚚
  4. ParaEnlazar a (Link to), selecciona elobjeto al que enlazar:
  5. Dirección web (Web address):
    • URL— inserta cualquier URL
    • Número de teléfono— inserta cualquier número de teléfono, incluido el código de país
    • Correo electrónico— inserta cualquier dirección de correo electrónico
  6. Descarga de archivo (File download)—— Subir archivo desde el dispositivo local
  7. Sección (Section)—— Enlazar a unasección específica de tu sitio web
  8. (Opcional)Abrir en una nueva pestaña (Open in new tab)
  9. (Opcional)Establecer enlace como nofollow
  10. (Opcional)Ocultar página (Hide page)—— Ocultar la página (en este caso, el enlace) del menú de navegación
  11. Finalmente, guarda los cambios:

Agregar un enlace a un elemento de texto

Hostinger Website Builder link settings with selected text and the link icon highlighted
Hostinger Website Builder link settings with selected text and the link icon highlighted
  1. Haz clic en el elemento de texto y seleccionaEditar texto (Edit text)
  2. Seleccionar (resaltar)el texto que deseas vincular
  3. Hacer clic ensímbolo de enlace
  4. ParaVincular a (Link to), selecciona elobjeto a enlazar:
  5. Dirección web (Web address):
    • URL— insertar cualquier URL
    • Número de teléfono— insertar número de teléfono, incluyendo código de país
    • Correo electrónico— insertar cualquier dirección de correo electrónico
  6. Descarga de archivo (File download)— subir archivos desde el dispositivo local
  7. Sección (Section)—— Enlaza a unbloque específico dentro de tu sitio web
  8. Otra página dentro del sitio web—— Selecciona la página a la que enlazar
  9. (opcional)Abrir en una nueva pestaña (Open in new tab)
  10. (opcional)Establecer el enlace como nofollow
  11. Finalmente, guarda los cambios:

Añadir enlace a un elemento de imagen

Hostinger Website Builder image settings with Action tab and Open link option selected
Hostinger Website Builder image settings with Action tab and Open link option selected
  1. Haz clic en el elemento de imagen y seleccionaCambiar imagen (Change image)
  2. Abrir la pestaña deacción (Action)
  3. Paraal hacer clic (On click), seleccionaAbrir enlace (Open link)
  4. ParaEnlazar a (Link to), selecciona el objeto a enlazar:
  5. Dirección web (Web address):
    • URL— Inserta cualquier URL; esto también permiteenlazar a bloques específicos
    • Número de teléfono— Inserta cualquier número de teléfono, incluyendo el código de país
    • Correo electrónico— Inserta cualquier dirección de correo electrónico
  6. Descarga de archivo (File download)— Sube archivos desde el dispositivo local
  7. Sección (Section)—— Enlazar a unbloque específico dentro de tu sitio web
  8. Otra página dentro del sitio web—— Selecciona la página a la que enlazar
  9. (Opcional)Abrir en una nueva pestaña (Open in new tab)
  10. (Opcional)Establecer el enlace como nofollow
  11. Haz clic fuera del cuadro de configuración para cerrarlo; los cambios se guardan automáticamente:

Agregar un enlace al elemento del botón

Button settings panel with General tab selected and link to web address option highlighted
Button settings panel with General tab selected and link to web address option highlighted
  1. Haz clic en el elemento del botón y seleccionaEditar botón (Edit button)
  2. (Opcional) Renombrar el botón
  3. ParaEnlazar a (Link to), selecciona elobjeto al que deseas enlazar:
  4. Dirección web (Web address)：
    • URL——Inserta cualquier URL; esto también permiteenlazar a un bloque específico
    • Número de teléfono——Inserta cualquier número de teléfono, incluyendo el código del país
    • Correo electrónico——Inserta cualquier dirección de correo electrónico
  5. Descarga de archivo (File download)——Sube archivos desde un dispositivo local
  6. Sección (Section)——Enlaza a unbloque específico dentro de tu sitio web
  7. Otra página dentro del sitio web——Selecciona la página a la que enlazar
  8. (Opcional)Abrir en una nueva pestaña (Open in new tab)
  9. (Opcional)Establecer enlace como nofollow
  10. Haz clic fuera del cuadro de configuración para cerrarlo; los cambios se guardan automáticamente:

Agrega enlaces a tus canales de redes sociales

Social icon settings with the Links tab open and an add new link field for Twitter highlighted
Social icon settings with the Links tab open and an add new link field for Twitter highlighted
  1. Añade unelemento de ícono social en la ubicación ideal de tu sitio web
  2. Haz clic en el elemento y seleccionaEditar íconos sociales (Edit social icons)
  3. Haz clic en el engranaje de configuración junto al ícono sugerido (Twitter, Facebook, Instagram) para insertar tu propio enlace, o haz clic enAgregar nuevo enlace (Add new link)para agregar enlaces de otras plataformas de redes sociales
  4. Haz clic fuera del cuadro de configuración para cerrarlo; los cambios se guardan automáticamente:

Fuente: documentación oficial de Hostinger