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í.

Incrusta llamadas a la acción (CTA) en tu sitio externo

Última actualización: enero 19, 2023

Requisitos

Marketing Hub Professional, Enterprise
CMS Hub Professional, Enterprise
Marketing Hub Básico (versión anterior)

Los CTAs de HubSpot se pueden utilizar tanto en páginas de HubSpot como en las que no lo son. Utiliza los CTA de HubSpot en tu sitio externo para atraer y convertir clientes potenciales

Antes de incrustar CTAs en tu sitio externo, asegúrate de que el código de seguimiento de HubSpot está instalado en tus páginas 

  • En tu cuenta de HubSpot, dirígete a Marketing > Captación de oportunidades de venta > CTAs.
  • En el panel de llamadas a la acción, pase el ratón por encima de una CTA y haga clic en Acciones > Incrustar código 

  • En el cuadro de diálogo, haga clic en Copiar

  • Navega a el sistema de administración de contenido (CMS) de tu sitio web externo. 
  • Pega el código de incrustación de CTA en el HTML de la página que no pertenece a HubSpot, donde deseas que aparezca la CTA. 
  • Previsualice su CTA en la página web para comprobar cómo se ve cuando está en vivo. Si la CTA no se muestra correctamente, asegúrate de que el CMS externo no haya alterado el código que copiaste. Si estás usando una CTA de imagen, debes agregar estilos adicionales para asegurarte de que la CTA de la imagen sea adaptable
  • Cuando hayas terminado, publica tu página

Ten en cuenta: 

  • Las CTA que están incrustadas en tu sitio web externo se actualizarán automáticamente a nivel global cuando se haya realizado un cambio en el contenido, texto o diseño general de la CTA.
  • Debido a las diferencias en los sistemas de gestión de contenidos (CMS), los pasos para acceder al código HTML de su sitio e incrustar el código CTA pueden ser diferentes. Si no estás seguro de cómo acceder al código HTML de tu sitio o incrustar un código externo, envía este artículo al administrador del sitio, departamento de TI o recurso técnico.
  • Si va a incrustar una CTA en un sitio de WordPress, tenga en cuenta lo siguiente:

    • Si está incrustando una CTA en su sitio de WordPress, es posible que tenga que aplicar declaraciones CSS adicionales dentro de su hoja de estilos externa para que la CTA sea receptiva
    • Si observas que tu CTA no funciona en WordPress o que el código de incrustación se cambia cuando ves la página en directo, es posible que debas insertar la CTA usando un plugin para asegurarte de que el código de incrustación permanece intacto.
    • Si estás usando la versión más reciente de Guttenberg, que elimina JavaScript en línea, usa la opciónInline JS para plugin de Guttenberg para incrustar formularios y CTA en tu página.
¿Te resultó útil este artículo?
Este formulario se utiliza solo para recibir comentarios a la documentación. Cómo recibir ayuda con HubSpot.