Senast uppdaterad: februari 19, 2025
Tillgänglig med något av följande abonnemang, om inte annat anges:
Marketing Hub
Professional
,
Enterprise
|
Content Hub
Professional
,
Enterprise
|
| Tidigare Marketing Hub Basic |
Justera storleken på din CTA (legacy) med hjälp av de inbyggda storleksalternativen och anpassad CSS. När du laddar upp din bild för en bild-CTA kanske du vill ta hänsyn till retinaoptimering.
Om du vill anpassa din CTA ytterligare kan du lära dig hur du lägger till anpassade stilar till din CTA (äldre) med CSS. Om du lägger till din CTA i ett e-postmeddelande eller en mall kan du lära dig hur du centrerar din CTA (äldre).
Observera: konton som skapats efter den 17 mars 2025 har inte tillgång till verktyget CTA (legacy).
Redigera din CTA-storlek (äldre)
Du kan justera storleken på din CTA manuellt eller använda anpassad CSS för att automatiskt fylla bredden på CTA:s behållare eller modul. Om du bäddar in en i på din webbplats som inte är en HubSpot-webbplats kan du behöva använda ytterligare CSS-deklarationer (t.ex. width: 100%;) i din stilmall för att görabild-CTA:n responsiv.Så här redigerar du storleken på din knapp-CTA:
- I ditt HubSpot-konto navigerar du till Marknadsföring > CTA :er.
- Klicka på rullgardinsmenyn längst upp till vänster och välj CTA (Legacy).
- Håll muspekaren över en CTA och klicka på Åtgärder > Redigera.
- Klicka på Avancerade alternativ i skjutpanelen.
- Så här ändrar du storlek på din anpassade CTA manuellt:
- Avmarkera kryssrutan Anpassa till text. Detta tar bort den automatiska storleksändring som tillämpas.
- I avsnittet Knapputfyllnad anger du dina storleksvärden för fälten Knappbredd och Knapphöjd.
- Klicka på Nästa >.
- Klicka på Spara. Klicka sedan på Slutför.
- För att få din anpassade CTA att fylla hela bredden på sin behållare eller modul:
- Avmarkera kryssrutan Storlek automatiskt .
- I fältet Anpassad CSS anger du din anpassade CSS.
- Ställ in bredden till width : 100%;
- Klicka på Nästa >.
- Klicka på Spara. Klicka sedan på Slutför.
Vad är retinaoptimering?
Retinaoptimering gör att bilden av din CTA blir skarpare när den visas på dina webbplatssidor och i e-postmeddelanden om dina mottagare ser CTA i moderna versioner av Apple Mail och iOS mail; detta stöds inte av Outlook eller webbmailtjänster som Gmail.
Retinaoptimering stöds när du laddar upp en bild som är minst två gånger så stor som den storlek som krävs för CTA, på samma sätt som retinastöd fungerar för alla bilder på internet. Observera också följande:
- Om du skapar en CTA som kommer att vara 400 x 100 pixlar måste den uppladdade bilden vara 800 x 200 pixlar för att stödja en visning med @2x pixeldensitet.
- CTA:er stöder att lägga till upp till en 4x-version. Om du till exempel skapar en CTA som kommer att vara 400 x 100 pixlar kan du ladda upp en bild på 1600 x 400 pixlar.
- CTA:n kommer automatiskt att renderas på din webbplats med en attribuering srcset som serverar 1x-, 2x-, 3x- och 4x-versionen där det är tillgängligt.
- Om bilden laddas upp i den storlek som CTA kommer att renderas i kommer den inte att ha stöd för retina. Till exempel, om en bild på 400 x 100 pixlar laddas upp för en CTA på 400 x 100 pixlar