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

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

Última actualización: noviembre 26, 2021

Requisitos

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

Si estás alojando el contenido del sitio web fuera de HubSpot, puedes usar de igual forma tus CTA de HubSpot para atraer y convertir oportunidades de venta. Descubre cómo incrustar CTA y CTA inteligentes en tu sitio externo usando el código de incrustación de CTA.

  • 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, haz clic en Copiar código. Luego haz clic en Cerrar
  • 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 su aspecto 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.

 

Al incrustar una CTA en un sitio de WordPress, es posible que desee tomar nota de 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.