Crear llamadas a la acción (CTA)

Utiliza la herramienta de llamadas a la acción (CTA) para crear botones, banners o ventanas emergentes que luego puedas añadir a tus páginas de HubSpot para atraer a nuevos visitantes. También puede añadir CTA a páginas externas.

Antes de añadir una CTA a una página externa, debes instalar el código de seguimiento de HubSpot o instalar el plugin de HubSpot para WordPress en tu sitio de WordPress. Una vez que hayas añadido la CTA, puedes controlar el tráfico dirigiendo a los visitantes a páginas específicas, a enlaces de reuniones o a URL externas. 

En los dispositivos móviles, puedes elegir entre activar un diseño responsive u ocultar la CTA en pantallas pequeñas en las opciones de CTA. Después de publicar tu CTA, aprende a analizar el rendimiento de tu CTA en . 

Diseñar una CTA

Usa el editor de CTA para personalizar su diseño y atraer a más visitantes. 

• En tu cuenta de HubSpot, ve a Marketing > Captación de leads > CTA.
• En la parte superior izquierda, haz clic en el menú desplegable y selecciona CTA.
• En la parte superior derecha, haz clic en Crear.
• Puedes crear un nuevo workflow desde cero o a partir de una plantilla:
  • Para crearla a partir de una plantilla, en el panel izquierdo, haz clic en Plantillas de HubSpot. A continuación, selecciona la plantilla que necesites. 
  • Para crear una CTA desde cero, en el panel izquierdo, haz clic en Empezar de cero. A continuación, selecciona un tipo de CTA:
    
    • Banner fijo: es un banner que aparece fijo en la parte superior o inferior de la página. El banner permanecerá mientras los visitantes se desplazan por su página. 
    • Cuadro emergente: es un cuadro que aparece en un horario determinado. 
    • Deslizante: es un banner que se desliza desde una esquina del sitio web. El banner permanecerá mientras los visitantes se desplazan por su página. 
    • Incrustado: es un botón que puedes usar en tu contenido de HubSpot para llevar a los clientes a páginas específicas.

• En la pestaña Agregar del panel izquierdo, puedes añadir elementos y editar el diseño de la CTA: 
  • Para añadir más contenido a la CTA, arrastra nuevos elementos directamente al panel derecho del editor. 
  • Para modificar el diseño, pasa el ratón sobre un elemento y arrástralo a una nueva posición.
  • Para duplicar un elemento, coloca el cursor sobre él y haz clic en el icono de clonación duplicate.
  • Para eliminar un elemento, coloca el cursor sobre él y haz clic en el icono de la papelera delete. 
  • Para editar un elemento, haga clic en él. En el panel izquierdo, puede editar el contenido y el diseño del elemento.

• Para gestionar los elementos, haz clic en la pestaña Contenido del panel izquierdo. 
  • Para editar un elemento, haz clic en su nombre. En el panel izquierdo, puede editar el contenido y el diseño del elemento. En elementos de texto enriquecido , puedes utilizar el asistente de contenido para crear o refinar tu contenido CTA. 
  • Para eliminar un elemento, pasa el ratón sobre él y haz clic en el icono de la papelera delete . 
• En el panel izquierdo, haz clic en la pestaña Diseño para personalizar y previsualizar la CTA.
  • Para previsualizar la CTA en páginas específicas, en la parte superior derecha, haz clic en Vista previa. A continuación, haz clic en el menú desplegable Previsualizar en una página específica y selecciona la página de HubSpot en la que quieras previsualizar la CTA. 

• • Para personalizar la apariencia de tu CTA, selecciona una de las siguientes opciones. A continuación, configure sus cambios en el panel izquierdo. 
    • Posición: para los CTA de tipo banner adhesivo, puedes seleccionar una posición superior o inferior. Para las CTA de tipo deslizante, puedes elegir posicionar la CTA en la parte superior izquierda, inferior izquierda, superior derecha o inferior derecha de la página. 
    • Tamaño: configura la altura de tu CTA, puedes activar la opción de establecer la altura automáticamente en función del contenido de tu CTA.
    • Diseño: configura el diseño de tu CTA. Puedes añadir relleno al contenido de tu CTA. También puedes activar la opción para habilitar un diseño adaptable. Con un diseño responsivo, las columnas de tu CTA se apilarán verticalmente en pantallas pequeñas.
    • Estilos: establece los estilos para tu CTA, como la fuente principal, el borde y la sombra de la CTA. 
    • Fondo: establece un fondo para el CTA, puedes elegir entre establecer un color de fondo o subir una imagen de fondo.

Especificar dónde y cuándo se mostrará el banner fijo, el cuadro emergente o la CTA deslizante

Si estás creando un banner fijo, un cuadro emergente o una CTA deslizante, elige cuándo quieres que aparezca este elemento en el sitio. Más información sobre añadiendo CTAs a tus páginas. 

Puedes utilizar filtros para combinar varios conjuntos de reglas sobre qué visitantes ven tu CTA. Más información sobre cómo configurar tus reglas de orientación .

Desencadenantes 

Selecciona un desencadenante para determinar cuándo se mostrará la CTA en la página. La CTA aparecerá cuando se produzca el primer evento de activación. 

•  En la sección ¿Cuándo se mostrará?, activa el interruptor situado junto a los desencadenantes que quieras utilizar:
  • Activar cuando se haga clic en un botón: la CTA aparecerá cuando un visitante haga clic en un botón. Aprende a configurar tus CTA emergentes en para que se activen al hacer clic en un botón. 
    • Usa esta opción en tus páginas de HubSpot con un módulo de botón predeterminado, o bien en tus páginas externas personalizando la clase de un botón.
    • Para definir este desencadenante en una página externa, debes instalar el código de seguimiento de HubSpot. 
  • Activar cuando el usuario se desplace por la página: la CTA aparecerá cuando el visitante se desplace por la página más allá de un porcentaje especificado.
  • Activar cuando el usuario vaya a salir de la página (solo en cuadros emergentes): la CTA aparecerá cuando el visitante mueva el cursor a la barra superior de la ventana del navegador.
  • Activar después de un tiempo: la CTA aparecerá cuando haya pasado el número de segundos especificado.
  • Activar tras inactividad: el CTA aparecerá después de que el visitante haya estado inactivo durante un número especificado de segundos.

URL de sitios web

Puedes agregar lógica condicional para asociar CTA a URL de páginas web específicas o a valores de parámetros de consultas concretos. Por defecto, el CTA aparecerá en todas las páginas.

• En la parte superior, haz clic en la pestaña Targeting.
• Para que la CTA se muestre cuando un visitante esté en una URL específica, en la sección URL del sitio web:
  • Haz clic en el primer menú desplegable y selecciona URL del sitio web.
  • Haga clic en el segundo menú desplegable y seleccione una regla de selección.
  • Introduce los criterios de la regla en el campo de texto.

• Para que la CTA se muestre cuando un visitante esté en la página de un sitio web cuya URL incluya parámetros de consulta específicos:
  • Haz clic en el primer menú desplegable y selecciona Parámetro de consulta.
  • En el primer campo, escribe el nombre del parámetro.
  • Haz clic en el menú desplegable y selecciona una regla de targeting.
  • En el segundo campo, escribe el valor del parámetro de consulta.

• Para agregar otra regla, haz clic en Agregar regla.
• Para excluir la CTA de determinadas páginas (por ejemplo, de una página de política de privacidad), haz clic en Agregar regla de exclusión.
  
  
  

Información y comportamiento del visitante (opcional)

También puedes dirigir una CTA a contactos específicos en función de la información que se conozca de los visitantes y de su comportamiento. El tipo de reglas de filtrado que puedes agregar depende de las suscripciones de tu cuenta.

• • En la sección Información y comportamiento del visitante (opcional), haz clic en el primer menú desplegable para elegir cuándo verán los visitantes la CTA.

• • Haz clic en el siguiente menú desplegable para seleccionar las reglas de filtrado.
  • Si quieres agregar más reglas para especificar cuándo se mostrará la CTA, haz clic en Agregar regla y selecciona los filtros que quieras.

• Elige cuándo ocultar la CTA:
  
  • Haz clic en Agregar regla de exclusión.
  • Haz clic en el primer menú desplegable para elegir cuándo debería ocultarse la CTA. 
  • Haz clic en el siguiente menú desplegable para seleccionar las reglas de filtrado.
  • Si quieres agregar más reglas para especificar cuándo se ocultará la CTA, haz clic en Agregar regla de exclusión y selecciona los filtros que quieras.

• Para crear un nuevo conjunto de reglas de filtrado, haz clic en Agregar grupo de filtros y selecciona las reglas de filtrado.

Frecuencia de aparición 

También puedes definir si una CTA debe mostrarse de nuevo después de que un visitante cierre un banner fijo, un cuadro emergente o una CTA deslizante por primera vez, y con qué frecuencia debería hacerlo. Para definir la frecuencia de aparición de una CTA: 

•  En la sección Con qué frecuencia se mostrará, haz clic en el menú desplegable Mostrar de nuevo y elige una frecuencia: 
  • Tras un período de tiempo determinado: permite especificar cuánto tiempo debe pasar desde que un visitante cierra la CTA hasta que se muestre de nuevo.
  • Repetir: muestra la CTA cada vez que los visitantes vuelven a las páginas web seleccionadas y realizan la acción desencadenante, aunque ya hayan interactuado con ella.
  • No volver a mostrar: la CTA solo se muestra a los visitantes una vez. Después de la visualización inicial, no vuelva a mostrar la CTA.
     

Personaliza las opciones de la CTA

En las pestañas Opciones, puedes definir las diferentes opciones de la CTA. Por ejemplo, puedes elegir mostrarla en tamaños pequeños, definir qué campañas se asociarán con ellas y programar su aparición. 

• En la parte superior, haz clic en la pestaña Opciones.
• Para asociar la CTA a una campaña, haz clic en el menú desplegable Campaña y selecciona la campaña que quieras. 
• Si usas banners fijos, cuadros emergentes o CTA deslizantes, tienes las siguientes opciones:
  • Para ocultar la CTA en tamaños de pantalla pequeños, en la sección Tamaños de pantalla pequeños, activa el interruptor.
  • Para definir cuándo empezará a mostrarse la CTA, activa el interruptor Programar para más tarde. A continuación, seleccione una fecha y hora deinicio. 
  • Para definir cuándo dejará de mostrarse la CTA, activa el interruptor Definir la fecha y la hora en que se dejará de publicar. A continuación, seleccione una fecha y hora de finalización .
    
    
    

Publicar la llamada a la acción 

Una vez que hayas terminado de configurar la CTA, publícala en tus páginas. 

• En la parte superior derecha, haz clic en Revisar y publicar.
• En el panel derecho, revisa la CTA y haz clic en Publicar ahora. La CTA se publicará automáticamente en las páginas de destino.