Última actualización: octubre 19, 2020
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: 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 existente y haz clic en el menú desplegable Acciones y luego selecciona Editar. O, en la parte superior derecha, haz clic en Crear CTA.
-
En el panel deslizante, haz clic en Opciones avanzadas.
- Hay dos maneras de aplicar estilos CSS personalizados a tu CTA:
- Si quieres agregar una clase personalizada a tu 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 estilo en la hoja de estilos CSS aplicada como el 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 en línea específicos a 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.
- En la parte inferior derecha, haz clic en Siguiente > para finalizar o editar tu CTA.