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: octubre 19, 2020

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 Llamadas a la acción, coloca el cursor sobre una CTA y haz clic en el menú desplegable Acciones y luego selecciona Código incrustado 
  • 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. 
  • Previsualiza la CTA en la página web para ver como se ve publicada. 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, publicas las páginas para finalizar los cambios en vivo. 

Debido a que cada sitio web/CMS está estructurado de manera diferente, estos pasos no son instrucciones exactas sobre cómo acceder al código HTML de tu sitio. 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.

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.

Si estás incrustando una CTA en tu sitio de WordPress, es posible que debas aplicar declaraciones CSS adicionales dentro de tu hoja de estilo externa para que la CTA sea adaptable. 

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.