Base de conocimiento

Obtén hosting web experto

Elija la fiabilidad del sitio web y el conocimiento con SiteGround!

Inicio / Website Builder / Edición de Páginas y Contenido / Cómo Añadir Enlaces a Botones y en el Texto

Cómo Añadir Enlaces a Botones y en el Texto

Lee y resume el articulo:
Última actualización: May 28, 2026 2 min de lectura

Este artículo explica los pasos para agregar enlaces a texto, botones e imágenes en el SiteGround Ecommerce y Website Builder, así como los tipos de enlaces.

Para añadir enlaces, primero ve a Site Admin > Website Builder, y haz clic en el botón Editar sitio web.

Botón “Editar sitio web” resaltado en el panel de Website Builder

Luego, ve a la pestaña Páginas y selecciona la página donde deseas insertar los enlaces.

Página “About us” seleccionada en el panel de Páginas del Website Builder

Dónde puedes añadir enlaces

Primero, veamos dónde puedes añadir enlaces; luego, explicaremos los diferentes tipos de enlaces que se pueden agregar.

Añadir un enlace de texto

Para añadir un enlace de texto, haz clic en el texto de la sección para abrir la barra de herramientas horizontal con opciones de formato. Resalta el texto donde deseas agregar el enlace y haz clic en el botón Insertar enlace.

Ventana “Insertar enlace” mostrando la opción para enlazar una página

Puedes elegir el tipo de enlace que deseas agregar: una página de tu sitio web, una URL personalizada, una dirección de email, un número de teléfono o un enlace de acceso a un archivo.

Además, puedes elegir abrir el enlace en una pestaña nueva activando la opción Abrir en una pestaña nueva o impedir que los motores de búsqueda lo sigan activando la opción Establecer enlace como no-follow.

Añadir enlace a un botón

Para añadir un enlace a un botón, haz clic en él y luego selecciona el icono de enlace. Aparecerán las mismas opciones de configuración disponibles para los enlaces en el texto.

Botón “Insertar enlace” seleccionado en la barra de herramientas del editor

Añadir enlace a una imagen

Para añadir un enlace a una imagen, selecciónala y haz clic en el icono de enlace.

Icono “Añadir enlace” seleccionado para una imagen en Website Builder

Aparecerá una ventana emergente Añadir enlace, que te permitirá enlazar la imagen de la misma manera que lo harías con texto o botones.

Tipos de enlace disponibles

Añadir un enlace a una página

Para agregar un enlace a una página, resalta el texto o selecciona el elemento que deseas enlazar y haz clic en el icono de enlace.

Configuración de enlace mostrando la opción “Página” y la página Home Page seleccionada

Selecciona Página como Tipo de enlace en el menú desplegable y, a continuación, elige la página a la que deseas enlazar. Haz clic en APLICAR.

Añadir un enlace a una URL personalizada

Para añadir un enlace a una URL personalizada, selecciona el texto o el elemento que deseas enlazar y haz clic en el icono de enlace.

Configuración de enlace mostrando la opción “URL personalizada” en Website Builder

Selecciona URL personalizada como Tipo de enlace en el menú desplegable. Pega el enlace en el campo Añadir enlace. A continuación, haz clic en APLICAR.

Añadir un enlace a una dirección de email (mailto)

Para añadir un enlace a una dirección de email, selecciona el texto o el elemento donde deseas añadir el enlace. A continuación, haz clic en el icono de enlace.

Selecciona Dirección de email como Tipo de enlace en el menú desplegable. Añade la dirección de email y haz clic en APLICAR.

Configuración de enlace con la opción “Dirección de email” seleccionada en Website Builder

Una vez aplicado, al hacer clic en la palabra enlazada se abrirá una ventana de email con el campo del destinatario precargado con la dirección de email que añadiste.

Añadir un enlace a un número de teléfono

Para insertar un enlace a un Número de teléfono, selecciona el texto o el elemento donde deseas añadir el enlace. A continuación, haaz clic en el icono de enlace.

En el menú desplegable Tipo de enlace, selecciona Número de teléfono. Añade el número de teléfono que deseas vincular y haz clic en APLICAR.

Link settings popup with Phone Number option selected and input field visible

En smartphones, al hacer clic en un enlace telefónico, normalmente se abrirá la interfaz de teléfono con el número listo para marcar.

El comportamiento en ordenadores de escritorio puede variar. Algunos navegadores podrían intentar usar una aplicación VoIP si está instalada, o solicitar al usuario que elija una aplicación para gestionar la llamada.

Añadir un enlace a un archivo

Para adjuntar un archivo a un texto, resalta el texto o selecciona el elemento al que deseas añadir el enlace. Selecciona Acceso a archivos como Tipo de enlace en el menú desplegable.

Haz clic en el botón ELEGIR ARCHIVO para seleccionar un archivo de la galería y haz clic en APLICAR.

Configuración de enlace mostrando la opción “Acceso a archivos” en Website Builder

Una vez seleccionado y aplicado, al hacer clic en el texto resaltado se descargará automáticamente el archivo vinculado.

NOTA: También puedes subir y vincular archivos .ZIP, .mp4 y .pdf. El tamaño máximo para estos archivos es de 256 MB, y el tamaño máximo para las imágenes es de 20 MB.

Comparte este artículo