Hoppa till innehåll
Observera: Översättningen av denna artikel är endast avsedd att underlätta för dig. Översättningen har skapats automatiskt med hjälp av en översättningsprogramvara och har eventuellt inte korrekturlästs. Den engelska versionen av denna artikel bör därför betraktas som den gällande versionen med den senaste informationen. Du kan komma åt den här.
CTAs

Lägg till anpassade stilar till din CTA

Senast uppdaterad: november 2, 2021

Gäller för:

Marknadsföring Hub Professional, Enterprise
CMS Hub Professional, Enterprise
Tidigare Marketing Hub Basic

Använd HubSpot's avancerade alternativ för CTA-knappar för att skapa mycket anpassade CTA-knappar som passar perfekt till temat på din webbplats.

Observera: anpassade stilar kan endast tillämpas på anpassade knappar och intebildknappar.

  • I ditt HubSpot-konto, navigera till Marknadsföring > Infångande av potentiell kund > CTA.}
  • Håll muspekaren över en CTA och klicka på Åtgärder>Redigera eller klicka på Skapa CTA.edit-or-create-new-cta
  • I den skjutbara panelen rullar du ner och klickar på Avancerade alternativ.

  • Det finns två sätt att tillämpa anpassad CSS-formgivning på din CTA:
    • Om du vill lägga till en anpassad klass till din CTAstöder fältet Anpassad CSS-klassanpassade klassinmatningar. Detta är användbart när flera CTA:er på webbplatsens sidor måste dela en liknande uppsättning designegenskaper, t.ex. typsnittsfamiljer, storlek eller till och med utfyllnad och marginaler. Om du använder en anpassad CSS-klass ska du se till att klassen ingår och stylas i det CSS-formatblad som används som huvudformat för dina HubSpot-sidor.
    • Om du bara vill att de anpassade stilarna ska gälla för den CTA som du redigerar kan du i fältet Anpassad CSStillämpa inline-stilar som är specifika för den CTA:n. Om du har ett element i CTA som du vill ändra lägger du till en ny stildeklaration här innan du sparar dina ändringar.

Observera: När du tillämpar anpassad CSS-formgivning på din CTA bör du endast använda antingen klassen Anpassad CSS eller alternativet Anpassad CSS. Om båda alternativen används kan det leda till problem med CTA-formatet eller visningen.