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

Redigera storleken på en CTA

Senast uppdaterad: november 2, 2021

Gäller för:

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

Justera storleken på din CTA med hjälp av de inbyggda storleksalternativen och anpassad CSS.

  • I ditt HubSpot-konto, navigera till Marknadsföring > Infångande av potentiell kund > CTA.
  • Håll muspekaren över en CTA och klicka på rullgardinsmenynÅtgärder och välj sedan Redigera.
  • Klicka på Avancerade alternativ i den infällda panelen.

  • Avmarkera kryssrutanStorlek automatiskt och ange sedan storleksvärden i fälten Horisontell padding och Vertikal padding.
  • Klicka på Nästa >.
  • Klicka på Spara och sedan på Slutför.

Om du vill att CTA-knappen ska fylla hela behållarens eller modulens bredd efter att du har utformat din anpassade knapp CTA:

  • Avmarkera kryssrutanStorlek automatiskt.
  • Ange din anpassade CSSifältetAnpassad CSS.
  • Ställ in bredden påwidth: 100 %;
  • Klicka på Nästa>.
  • Klicka på Spara och sedan på Slutför.

Om du bäddar in en ibild CTA på din webbplats som inte är HubSpotkan du behöva tillämpa ytterligare CSS-deklarationer (t.ex. width: 100 %;) i formatmallarna för att göra bild-CTA:n responsiv.

Vad är retinaoptimering?

Retinaoptimering gör bilden av din CTA mer skarp när den visas på dina webbplats-sidor och i e-postmeddelanden om dina mottagare visar CTA:n i moderna versioner av Apple Mail och iOS mail; detta stöds inte av Outlook eller webbmailtjänster som Gmail.

Retina-optimering stöds när du laddar upp en bild som är minst två gånger så stor som krävs för CTA:n, på samma sätt som retina-stödet fungerar för alla bilder på internet. Om du skapar en CTA som ska vara 400px x 100px måste den uppladdade bilden vara 800px x 200px för att stödja en @2x pixeltäthet. CTA:er har stöd för att lägga till en 4x-version, i det här fallet genom att ladda upp en bild på 1600 x 400px. CTA-meddelandet kommer automatiskt att återges på din webbplats med ett srcset-attribut som visar 1x-, 2x-, 3x- och 4x-versionen där den finns tillgänglig.

Om bilden laddas upp i den storlek som CTA:n kommer att visas i (t.ex. en bild på 400 x 100 px laddas upp för en CTA på 400 x 100 px), kommer detta inte att ha retinastöd.