Cómo Agregar un Enlace a un Botón
Usa el elemento Botón cuando necesites una llamada a la acción clara que envíe visitantes a otra página, URL de checkout o sitio externo.
Antes de Empezar
Asegúrate de tener:
- Una página abierta en el Constructor de Páginas.
- La URL de destino lista (página interna o enlace HTTPS absoluto).
- Permiso para publicar la página cuando termines.
Paso 1: Agregar el Elemento Botón
- Abre Páginas y haz clic en Edit en la página objetivo.
- Arrastra Botón a la sección o contenedor donde debe aparecer el CTA.
- Haz clic en el botón en el canvas para abrir el panel de ajustes.
Coloca los CTAs principales cerca del titular de la oferta o del bloque de precios. Mantén una función principal por botón.
Consulta Elemento Botón (referencia).
Paso 2: Configurar la Etiqueta y el Evento de Clic
- Escribe una etiqueta directa como Empezar ahora, Obtener mi descuento o Continuar.
- En los ajustes del evento de clic, elige la acción de enlace / URL (no modal, portapapeles ni modos solo de checkout).
- Pega la URL de destino.
| Ajuste | Consejo |
|---|---|
| Etiqueta | Corta y orientada a la acción — deja explicaciones largas en el texto cercano. |
| URL | Prefiere enlaces HTTPS completos para checkout y sitios externos. |
| Destino | Misma pestaña para pasos del embudo; nueva pestaña para herramientas externas cuando quieras que el visitante mantenga la landing abierta. |
Opcional: agrega un icono antes o después de la etiqueta solo cuando mejore el reconocimiento, luego configura tamaño del icono y espaciado.
Paso 3: Estilizar el Botón
- Configura alineación, tipografía, colores y fondo (sólido o degradado).
- Estiliza los estados normal y hover por separado para que los visitantes reciban retroalimentación clara al hacer clic.
- Ajusta padding, radio, ancho y valores mobile — los botones a ancho completo suelen convertir mejor en pantallas pequeñas.
No dependas solo del hover; los dispositivos táctiles no muestran señales de hover.
Paso 4: Guardar, Publicar y Probar
- Haz clic en Save en el constructor.
- Haz clic en Publish.
- Abre la URL en vivo (preferiblemente en una ventana incógnito).
- Haz clic en el botón y confirma que se carga el destino correcto.
Consulta Publicar una página.
Solución de Problemas
| Problema | Qué intentar |
|---|---|
| El botón no hace nada | Confirma que el evento de clic esté en enlace y que la URL no esté vacía. |
| Se abre la página incorrecta | Revisa typos, espacios al final o un slug desactualizado. |
| Se ve bien en desktop, roto en mobile | Cambia a vista previa mobile y aumenta el tamaño del área táctil / ancho. |
Resultado
Tu botón abre la URL prevista al hacer clic en la página publicada — listo para tráfico y configuración adicional de seguimiento si lo necesitas.
Documentación Relacionada
- Elemento Botón (referencia)
- Cómo rastrear clics de botón con un píxel
- Cómo agregar un botón de WhatsApp
- Publicar una página
FAQ
¿Qué acciones puede ejecutar un botón?
Un botón puede abrir un enlace, activar un modal, mostrar contenido oculto por ID o clase, copiar texto al portapapeles o usar comportamiento de checkout compatible cuando esté configurado.
¿Puede un botón elegir entre varias URLs?
Sí. Cuando hay enlaces de redirección aleatoria configurados, Atomicat puede enviar clics a uno de los destinos guardados. Consulta el elemento Redirección para CTAs con múltiples URLs.
¿Debo usar Botón o Redirección?
Usa Botón para un solo destino. Usa [Redirección](/constructor/elementos/redireccion) (o enlaces de redirección aleatoria) cuando quieras dividir clics intencionalmente entre varias URLs.