Ir a contenido principal
Nota: Este contenido se tradujo a través de un software y es posible que no haya sido revisado. La versión en inglés se considera, por tanto, la versión oficial y es posible que haya sido actualizada. Para acceder a la versión en inglés, haz clic aquí.

Añade llamadas a la acción (CTA) a tu contenido

Última actualización: junio 12, 2024

Disponible con cualquiera de las siguientes suscripciones, a no ser que se indique de otro modo:

Marketing Hub   Starter , Pro , Enterprise
Content Hub   Starter , Pro , Enterprise

Después de crear tu Llamada a la acción (CTA), puedes Agregar la CTA tanto a HubSpot como a páginas externas. Cuando configures tu CTA para páginas externas, deberás instalar el código de seguimiento de HubSpot . También puedes Agregar CTA a tus correos electrónicos de marketing de arrastrar y soltar .

La forma de añadir una CTA a una página depende del tipo de CTA que hayas creado:

  • Si utilizas CTA incrustados, puedes añadir un máximo de 100 CTA incrustados por página. Los CTA incrustados pueden utilizarse de las siguientes formas:
    • El módulo de llamadas a la acción por defecto en las páginas de HubSpot
    • El módulo de botones por defecto en un correo electrónico de marketing
    • Un fragmento de código en tu sitio web externo
  • Si utilizas un banner adhesivo, una caja emergente o una llamada a la acción deslizante, puedes
    • Activa la CTA para que se muestre cuando un visitante haga clic en un botón.
    • Selecciona uno o más de los siguientes activadores de , y luego establece la segmentación utilizando la URL del sitio web o la información del visitante. La CTA aparecerá en las páginas objetivo y para los visitantes especificados, una vez que se cumpla el primer desencadenante. 
      • Activar al desplazarse por la página
      • Activar al salir
      • Activar tras el tiempo transcurrido
      • Activar tras inactividad

Añade una CTA a tu contenido de HubSpot

En tus páginas de HubSpot, se instala automáticamente el código de seguimiento . En la mayoría de los desencadenantes de activación , la CTA aparecerá cuando se cumpla el primer desencadenante. Sin embargo, para utilizar una CTA incrustada o una CTA que se active cuando un visitante haga clic en un botón, tendrás que añadir manualmente la CTA. 

Agregar una CTA a una página de HubSpot

Puedes incrustar CTA en las páginas alojadas en HubSpot utilizando el módulo Llamada a la acción. 

  • Ve al contenido en el que quieres añadir el enlace: 

    • Páginas de sitio web: En tu cuenta de HubSpot, dirígete a Contenido > Páginas web.
    • Páginas de destino: En tu cuenta de HubSpot, dirígete a Contenido > Landing pages.
  • Clic en el nombre  de tu contenido. 
  • En el Editor de contenidos, haz clic en el botón + Agregar de la barra lateral izquierda. 
  • En el Editor de la barra lateral, busca y haz clic en el módulo Llamada a la acción , y arrástralo hasta la posición en la página. 
  • En la sección CTA , haz clic en Selecciona.

agregar-cta-a-editor-de-contenido

Agregar un CTA a una publicación de blog HubSpot

  • En tu cuenta de HubSpot, dirígete a Contenido > Blog.
  • Clic en el nombre  de tu publicación. 
  • En el Editor de contenido, haz clic en el módulo de texto enriquecido para personalizar su contenido.
  • En la barra de herramientas de texto enriquecido, haz clic en Insertar > Llamada a la acción.

  • En el panel derecho, haz clic en la pestaña CTAs .
  • Selecciona una CTA para insertar, y luego haz clic en Insertar
  • En el panel izquierdo, haz clic en Aplicar cambios. El CTA seleccionado se mostrará ahora en tu editor de texto enriquecido y en tu vista previa.

Activa tu CTA al hacer clic en un botón en HubSpot 

Puedes activar tu banner adhesivo, cuadro emergente o CTA deslizante cuando los visitantes hagan clic en un botón de una página. Para configurar este disparador utilizando un módulo de botón predeterminado en una página de HubSpot: 
  • Ve al contenido en el que quieres añadir el enlace:

    • Páginas de sitio web: En tu cuenta de HubSpot, dirígete a Contenido > Páginas web.
    • Páginas de destino: En tu cuenta de HubSpot, dirígete a Contenido > Landing pages.
  • Clic en el nombre de  
  • En el panel izquierdo, en la pestaña Añadir , busque y seleccione el módulo de botonespor defecto. Clic y arrastra el módulo de botones a tu página.
  • En el panel izquierdo, haz clic en el menú desplegable Enlace a y selecciona CTA.
  • Haz clic en el menú desplegable CTA y selecciona un CTA existente
  • Continuar con la configuración de tu módulo de botones.

Añade una CTA incrustada a tus correos electrónicos de marketing de arrastrar y soltar

Agregar CTAs incrustados a tus correos electrónicos de marketing de arrastrar y soltar y realizar un seguimiento de la eficacia de tu oferta CTA a través de múltiples puntos de contacto.

Para Agregar una CTA en el Editor de correo electrónico de arrastrar y soltar:

  • En tu cuenta de HubSpot, dirígete a Marketing > Correos de marketing.
  • Pasa el ratón por encima del correo electrónico al que quieras añadir la CTA y haz clic en Editar. O Crea un nuevo correo.
  • En el panel izquierdo, haz clic y arrastra el módulo Botón al editor de correo electrónico.
     

 

  • En el panel izquierdo, haz clic en el menú desplegable Enlazar con. A continuación, selecciona CTA
  • Bajo el campo CTA, haz clic en Seleccionar
  • En el panel derecho, selecciona una CTA para insertar y haz clic en Insertar.

Nota: sólo admite un único botón o una imagen al crear o seleccionar un CTA para tu correo electrónico. No se pueden utilizar CTA con varios elementos, como un botón y una imagen.

 

Personaliza los botones de un tema para activar tu CTA al pulsar el botón 

Si utilizas un tema personalizado en HubSpot, puede que tengas que personalizar el módulo de botones del tema para activar una CTA. Para editar los archivos de los temas por defecto en el gestor de diseño, primero hay que clonarlos. Los temas adquiridos en el Mercado de materiales no pueden clonarse; en su lugar, se recomienda crear un tema hijo 

Para personalizar el módulo de botones de su tema: 

  • En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño.
  • En la parte superior izquierda del gestor de diseño, busque su módulo de botones
  • En el panel derecho, pase el ratón sobre Botón (grupo Campo) y haga clic en Editar.
  •  En Campos agrupados, pase el ratón por encima de URL (Dirección URL) y haga clic en Editar.
  • Haga clic en el menú desplegable Tipos de URL admitidos. A continuación, seleccione la casilla CTA
  • En la parte superior derecha, haz clic en Publicar cambios. Después de publicar tus cambios, la opción CTA debería aparecer cuando utilices el módulo de botones del tema en tus páginas.

Añade un CTA a tu contenido externo

Puedes añadir CTAs a tus páginas externas. Antes de utilizar un CTA de HubSpot en tu sitio web externo, debes instalar el código de seguimiento de HubSpot . Después de instalar el Código de seguimiento, para la mayoría de los desencadenantes de activación de , la CTA aparecerá cuando se cumpla el primer desencadenante. Sin embargo, para utilizar una CTA incrustada o una CTA que se active cuando un visitante haga clic en un botón, tendrás que añadir manualmente la CTA. 

Inserta una CTA en tu sitio web externo 

Para añadir un CTA incrustado a tus páginas externas:

  • En tu cuenta de HubSpot, dirígete a Marketing > CTA.
  • En la parte superior izquierda, haz clic en el menú desplegable y selecciona CTA.
  • Pasa el ratón por encima de una CTA y haz clic en Acciones > Incrustar.
  •  haz clic en copiar al portapapeles para copiar el código CTA a tu portapapeles. 
  • Navega hasta el sistema de gestión de contenidos (CMS) de tu sitio web externo. 
  • Pega el código de incrustación de la CTA en el HTML de tu página que no sea de HubSpot, donde quieras que aparezca la CTA. 
  • Obtén una vista previa de tu CTA en la página web para comprobar cómo se ve cuando está en directo. Si la CTA no se muestra correctamente, asegúrate de que el CMS externo no haya alterado el código que copiaste.
  • Cuando hayas terminado, publica tu página. 

Activa una CTA al hacer clic en un botón de tu sitio web externo 

Antes de utilizar un CTA en tu sitio web externo, asegúrate de que has instalado el código de seguimiento de HubSpot . Para configurar su activador en una página externa:

  • En tu cuenta de HubSpot, dirígete a Marketing > CTA.
  • En la parte superior izquierda, haz clic en el menú desplegable y selecciona CTA.
  • Pase el ratón por encima de una CTA y haga clic en Editar
  • En la parte superior, haz clic en la pestaña Segmentación
  • Bajo el botón Triggering on haz clic en la sección, haz clic en Fragmento de código.
  • En el cuadro de diálogo, haz clic en Copiar
  • Pega las clases de incrustación en el botón de tu sitio web externo. Si no estás seguro de cómo añadir clases CSS a los botones de tu sitio, puede que tengas que trabajar con tu webmaster, departamento informático o desarrollador. 
¿Te resultó útil este artículo?
Este formulario se utiliza solo para recibir comentarios a la documentación. Cómo recibir ayuda con HubSpot.