Botones y Enlaces

Luciana P.
Luciana P.
  • Actualización

Los botones tienen un rol fundamental en cualquier sitio web: captar la atención del usuario y convertirla en una acción concreta. Ya sea suscribirse a un newsletter, comprar un producto, descargar un ebook, completar una encuesta o cualquier otro objetivo, el botón debe funcionar como un llamado a la acción claro y efectivo.

Para lograrlo, es importante que el botón guíe al usuario, indicándole qué esperas que haga, hacia dónde debe ir o qué acción específica deseas que realice. Cuanto más directo y comprensible sea el mensaje, mejores resultados obtendrás.

Además, puedes potenciar su efectividad agregando un sentido de urgencia con frases como "¡Inscríbete ya!" o "¡Sólo por hoy!", lo que puede aumentar significativamente la tasa de clics de forma simple y rápida.

Y no olvides lo esencial: el botón debe ser fácilmente identificable dentro de la página. Su diseño, tamaño y ubicación deben destacar para facilitar la interacción del usuario.

Crear un botón

A continuación, te mostramos cómo puedes crear un botón.

  1. Ingresa al creador de SitioSimple, haz clic en "Páginas" desde el menú principal, selecciona la página que deseas modificar y presiona el botón "Editar".

    menu.png
  2. En el menú lateral, dentro del apartado Elementos básicos, encontrarás el componente Botón. Simplemente arrástralo al lugar de la página donde quieras colocarlo.

    boton.png
  3. Al posicionarte sobre el botón, se abrirá el menú lateral de configuración. Haz clic en el ícono de "Estilo" para personalizar su apariencia: podrás ajustar el tamaño, tipografía, márgenes, relleno, bordes, esquinas redondeadas, color de fondo, sombra y opacidad.

    estilos.png
  4. Haz doble clic sobre el botón para editar el texto. Además, se mostrará una barra de herramientas rápida que te permitirá modificar algunos estilos directamente, como el tipo de letra, color y demás.

    estilo.png
  5. ¡Listo! Solo falta agregar un enlace al botón. Podrás vincularlo a una URL externa, una sección dentro de tu sitio, un número de teléfono, un correo electrónico o una página de inicio de sesión. A continuación, te mostramos paso a paso cómo hacerlo.

¿Cómo agregar un enlace a un botón?

Botón de WhatsApp

WhatsApp es una de las herramientas de mensajería más utilizadas en la actualidad, y se ha convertido en una forma rápida, simple y efectiva de conectar directamente con tus clientes. Incluir un botón que lleve a una conversación de WhatsApp en tu sitio web permite generar una comunicación más cercana y personalizada, aprovechando una plataforma que tus visitantes ya usan a diario.

Al integrarlo, estarás ofreciendo una alternativa más directa y accesible que los canales tradicionales como el correo electrónico o el teléfono, facilitando así el primer contacto y mejorando la experiencia del usuario.

A continuación, te mostramos cómo agregar fácilmente un botón de WhatsApp a tu sitio:

¿Cómo agregar un botón de WhatsApp?

Enlaces

En SitioSimple tienes la posibilidad de agregar enlaces a diferentes elementos del sitio, como títulos, subtítulos, párrafos, botones e imágenes. Esto te permite redirigir a tus visitantes al destino que elijas con solo hacer clic sobre el elemento, mejorando la navegación y guiando la experiencia del usuario de manera efectiva.

Tipos de enlaces

Hay varios tipos de enlaces que puedes agregar a tu sitio web:

  • 🌐 Enlace externo: Permite vincular a una URL fuera de tu sitio, como una página web externa o un enlace directo a WhatsApp.

    🚨Si deseas utilizar un enlace directo a WhatsApp, ingresa la siguiente URL:
    https://web.whatsapp.com/send?phone=+5493416666666
    (No olvides reemplazar el número por tu propio número de WhatsApp, en formato internacional completo).

    Este enlace abrirá automáticamente una nueva conversación, ya sea desde un dispositivo móvil o desde la aplicación de escritorio de WhatsApp.

  • 🏠 Enlace interno: Dirige a los visitantes a una sección dentro de tu propio sitio web. Puedes enlazar a una página, producto, categoría de producto o entrada de blog.
  • 📞 Número de teléfono: Al hacer clic, se activa una llamada telefónica (solo disponible en dispositivos móviles). Asegúrate de ingresar el número en formato internacional completo, sin guiones.
    Ejemplo: +5493416666666
  • ✉️ Correo electrónico: En el campo de edición del enlace, ingresa la URL con el siguiente formato:
    mailto:info@myawesome.store (No olvides reemplazar esa dirección por tu propia casilla de correo).Al hacer clic en el enlace, se abrirá automáticamente un nuevo mensaje de correo dirigido a esa dirección.De esta manera, cuando los visitantes hagan clic, su cliente de correo electrónico se abrirá para que puedan enviarte un mensaje directamente.

    👉 El visitante debe tener configurado un cliente de correo predeterminado en su dispositivo para que el enlace funcione correctamente.

  • 🔐 Inicio de sesión: Redirige al visitante a un formulario de registro o inicio de sesión dentro del sitio.

    Además, sin importar el tipo de enlace que elijas, puedes decidir si deseas que se abra en una nueva ventana del navegador 🪟 o si prefieres que permanezca en la misma ventana.
     

¿Fue útil este artículo?

Usuarios a los que les pareció útil: 0 de 0

¿Tiene más preguntas? Enviar una solicitud

Comentarios

0 comentarios

El artículo está cerrado para comentarios.