Última actualización: agosto 30, 2021
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 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.
- En la parte inferior derecha, haz clic en Siguiente > para terminar de crear o editar la CTA.
