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.
Landing Pages

Infoga och redigera ikoner i textmoduler med rik text

Senast uppdaterad: november 2, 2021

Gäller för:

Alla produkter och planer

Du kan lägga till vilken ikon som helst i Font Awesome-biblioteket i textmoduler på blogginlägg och sidor. När ikonen har lagts till kan du anpassa dess färg, placering och storlek.

Observera: ikoner kan inte läggas till direkt i marknadsföringsmeddelanden. Om du vill använda en ikon i ett e-postmeddelande sparar du ikonen som en bild ochinfogar sedan bilden i e-postredigeraren.


Lägg till en ikon till ditt innehåll i en modul med rik text

  • Navigera till ditt innehåll:

    • Webbplatssidor: I ditt HubSpot-konto, navigera till Marknadsföring > Webbsida > Sidor på webbplatsen.
    • Landningssidor: I ditt HubSpot-konto, navigera till Marknadsföring > Landningssidor.
    • Blogg: I ditt HubSpot-konto, navigera till Marknadsföring > Webbsida.
  • Håll muspekaren över namnet på ditt blogginlägg eller din sida och klicka på Redigera.
  • Klicka på den textmodul där du vill att ikonen ska visas.
  • I den övre högra delen av verktygsfältet för fyllig text klickar du på rullgardinsmenyn Infogaoch väljerIkon.

insert-a-new-icon


  • I popup-fönstret söker du efter ikonen i sökfältet.
  • Klicka på ikonen för att infoga den i din textmodul.

Redigera en ikon

När du har infogat din ikon kan du redigera dess utseende och position eller länka till annat innehåll.

  • Navigera till ditt innehåll:

    • Webbplatssidor: I ditt HubSpot-konto, navigera till Marknadsföring > Webbsida > Sidor på webbplatsen.
    • Landningssidor: I ditt HubSpot-konto, navigera till Marknadsföring > Landningssidor.
    • Blogg: I ditt HubSpot-konto, navigera till Marknadsföring > Webbsida.
  • Håll muspekaren över namnet på blogginlägget eller sidan och klicka på Redigera.
  • I innehållsredigeraren klickar du på dinikonför att öppna ikonredigeraren.
    1. Om du vill redigera ikonens färg klickar du på rullgardinsmenyn backgroundColor icon color och väljer enfärg . Om du vill ange etthex-eller RGB-färgvärde navigerar du till fliken Avancerat.
    2. Använd indent indent iconiconiconiconsför att flytta ikonen till höger eller vänster.
    3. Använd ikonernablockAlignmentBottom alignment för att justera ikonens position i ett textblock.
    4. Om du vill lägga till en länk till din ikon klickar du på ikonen för länk.
    5. Om du vill ändra storleken på din ikon klickar du på och drar i ikonens hörn i redigeringsverktyget eller anger pixelvärden för bredd och höjd i verktygsfältet.
insert-an-icon-1
  • Om du vill ta bort en ikon från en rik textmodul klickar du på bilden och sedan påikonen deletrash.
  • Om du vill ersätta ikonen klickar du på bilden och sedan påreplace replace replace icon
    och lägger till en ny ikon
    .

Redigera avancerade ikonalternativ

Du kan redigera avancerade alternativ för din ikon för att lägga till tillgänglighetstext eller anpassa ikonlänken.

  • Klicka på ikoneni innehållsredigeraren.
  • Klicka påikonenredigera redigera redigera ikonen.
  • Klicka påAvancerat i det övre högra hörnet av popup-fönstret.
  • Om ikonen är länkad kan du välja en eller flera Länktyper. Detta talar om för sökmotorerna hur den här länken är kopplad till din webbplats. Läs mer om olika länktyper.
  • Välj ett syfteför din bild.
    • Om din ikon är avsedd att förmedla information väljer du Läsas av skärmläsare och lägger till en titel som beskriver dess syfte.
    • Om din ikon inte ska förmedla information väljer duIgnorerad av skärmläsare.
select-an-icon-purpose-1