Tilføj brugerdefinerede stilarter til din CTA (ældre version)

Bemærk venligst: Konti, der oprettes efter den 17. marts 2025, har ikke adgang til CTA-værktøjet (den gamle version).

Brug HubSpots avancerede indstillinger for CTA'er (legacy) til at oprette meget tilpassede CTA-knapper, der passer perfekt til dit websteds tema. Du kan bruge en brugerdefineret CSS-klasse tilat understøtte brugerdefinerede klasseindtastninger fra dit stilark eller tilføje brugerdefineret CSS direkte til CTA'en.

Hvis du vil tilpasse din CTA (legacy) yderligere, kan du læse, hvordan du redigerer størrelsen på din CTA. Hvis du tilføjer din CTA (legacy) til en e-mail eller en skabelon, kan du læse, hvordan du centrerer din CTA.

Sådan tilføjer du en brugerdefineret stil til din CTA-knap:

1. Klik på Mere på din HubSpot-konto, og navigér derefter til Marketing > CTA'er. Hvis Mere ikke vises på din konto, skal du navigere direkte til Marketing > CTA'er.
2. Klik på rullemenuen øverst til venstre, og vælg CTA'er (ældre version).
3. Hold markøren over en CTA, klik på Handlinger, og vælg Rediger, eller klik på Opret CTA.

4. I panelet til højre skal du rulle ned og klikke for at udvide afsnittet Avancerede indstillinger.

5. Du kan anvende brugerdefineret CSS-styling på din CTA ved kun at bruge enten klassen "Brugerdefineret CSS " eller indstillingen " Brugerdefineret CSS ". Hvis begge indstillinger anvendes, kan det medføre problemer med din CTAs styling eller visning.
   • Brugerdefineret CSS-klasse: Tilføj en brugerdefineret klasse til din CTA for at understøtte brugerdefinerede klasseindgange. Dette er nyttigt, når flere CTA'er på tværs af siderne på din hjemmeside skal dele et lignende sæt designegenskaber, såsom skrifttyper, størrelse eller endda indrykning og margener. Hvis du bruger en brugerdefineret CSS-klasse, skal du sikre dig, at klassen er inkluderet og formateret i det CSS-stylesheet, der anvendes som hovedstil for dine HubSpot-sider.
   • Brugerdefineret CSS: Tilføj brugerdefinerede stilarter, der kun skal gælde for den CTA, du redigerer. I feltet Brugerdefineret CSS kan du anvende indbygget styling, der er specifik for den pågældende CTA. Hvis der er et element i CTA'en, du gerne vil ændre, skal du tilføje en ny stildeklaration her, inden du gemmer dine ændringer.
6. Klik på Næste > nederst til højre for at afslutte oprettelsen eller redigeringen af din CTA (ældre version).

Bemærk: Brugerdefinerede stilarter kan kun anvendes på brugerdefinerede knapper og ikke på billedknapper.