Sidst opdateret: januar 29, 2024
Gælder for:
Marketing Hub
Professional
,
Enterprise
|
Content Hub
Professional
,
Enterprise
|
| Tidligere Marketing Hub Basic |
Brug HubSpots avancerede muligheder for CTA'er (legacy) til at skabe meget tilpassede CTA-knapper, der passer perfekt til dit hjemmesidetema. Du kan bruge en tilpasset CSS-klasse til atunderstøtte tilpassedeklasseinput fra dit stilark eller tilføje tilpasset CSS direkte til CTA'en.
Hvis du vil tilpasse din CTA (legacy) yderligere, kan du lære at redigere din CTA-størrelse. Hvis du tilføjer din CTA (legacy) til en e-mail eller skabelon, kan du lære, hvordan du centrerer din CTA.
Bemærk: Brugerdefinerede stilarter kan kun anvendes på brugerdefinerede knapper og ikke på billedknapper.
Sådan tilføjer du en brugerdefineret stil til din knap-CTA:
- I din HubSpot-konto skal du navigere til Marketing > Lead Capture > CTA'er.
- Klik på dropdown-menuen øverst til venstre, og vælg CTA'er (ældre).
- Hold musen over en CTA, og klik på Handlinger > Rediger, eller klik på Opret CTA.
-
Rul ned i højre panel, og klik på Avancerede indstillinger.
- Du kan anvende brugerdefineret CSS-styling på din CTA ved kun at bruge enten Custom CSS-klassen eller Custom CSS-indstillingen. Hvis begge muligheder anvendes, kan det resultere i problemer med din CTA-styling eller -visning .
- Brugerdefineret CSS-klasse: Tilføj en brugerdefineret klasse til din CTA for at understøtte input med brugerdefinerede klasser. Dette er nyttigt, når flere CTA'er på tværs af dine websider skal dele et lignende sæt designkarakteristika, såsom skrifttypefamilier, størrelse eller endda padding og marginer. Hvis du bruger en brugerdefineret CSS-klasse, skal du sikre dig, at klassen er inkluderet og stylet i det CSS-stylesheet, der anvendes som hovedstil for dine HubSpot-sider.
- Brugerdefineret CSS: tilføj brugerdefinerede stilarter, der kun gælder for den CTA, du redigerer. I feltet Brugerdefineret CSS kan du anvende inline-styling, der er specifik for den pågældende CTA. Hvis du har et element i CTA'en, du gerne vil ændre, skal du tilføje en ny stildeklaration her, før du gemmer dine ændringer.
- Nederst til højre klikker du på Næste > for at afslutte oprettelsen eller redigeringen af din CTA (legacy).
