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

Agregar estilos personalizados a tu CTA

Última actualización: agosto 30, 2021

Requisitos

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

Utiliza las opciones avanzadas de HubSpot para CTA para crear botones de CTA altamente personalizados que se ajusten perfectamente tu tema de sitio web.

Nota: los estilos personalizados solo se pueden aplicar a botones personalizados y no a botones de imagen.

  • En tu cuenta de HubSpot, dirígete a Marketing > Captación de oportunidades de venta > CTAs.
  • Coloca el cursor sobre una CTA y haz clic en Acciones>Editar, o haz clic en Crear CTAedit-or-create-new-cta
  • En el panel deslizante, desplázate hacia abajo y haz clic en Opciones Avanzadas.

  • Hay dos maneras de aplicar estilos CSS personalizados a tu CTA:
    • Si quieres agregar una clase personalizada a la CTA, el campo Clase CSS personalizada admite las entradas personalizadas de clase. Esto es útil cuando varias CTA en tus páginas de sitio web deben compartir un conjunto similar de características de diseño, como familias de fuentes, tamaño o incluso relleno y márgenes. Si usas una clase CSS personalizada, asegúrate de que la clase esté incluida y diseñada en la hoja de estilo CSS aplicada como estilo principal para tus páginas de HubSpot.
    • Si solo quieres que los estilos personalizados se apliquen a la CTA que estás editando, en el campo CSS personalizado puedes aplicar estilos inline específicos para esa CTA. Si tienes un elemento de la CTA que deseas cambiar, agrega una nueva declaración de estilo aquí antes de guardar tus cambios.

Nota: al aplicar estilos CSS personalizados a la CTA, solo deberías usar la Clase CSS personalizada o la opción CSS personalizada. Si se aplican ambas opciones, se podrían generar problemas con el estilo o la presentación de la CTA.