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.

Redigera din logotyp, favicon och dina varumärkesfärger

Senast uppdaterad: juli 25, 2024

Tillgänglig med något av följande abonnemang, om inte annat anges:

Alla produkter och planer

Användare med behörighetenRedigera standardkonton kan redigera ditt varumärkes logotyp, favicon och varumärkesfärger i ditt varumärkesset.

I dina inställningar anger du din logotyp och favicon samt dina primära, sekundära, accentfärger och ytterligare varumärkesfärger. Varumärkesfärgerna visas i innehållsredigeraren, schemaläggningssidor, offerter och konversationskanaler, men inte i försäljningsmallar och e-postmeddelanden.

Redigera din logotyp

I dina kontoinställningar kan du redigera din standardlogotyp. Du kan åsidosätta den här logotypen för enskilda delar av innehållet.

  • I ditt HubSpot-konto klickar du på settings inställningsikonen i det övre navigeringsfältet.
  • Klicka på Kontoinställningar i menyn till vänster i sidofältet.
  • Klicka på fliken Branding .
  • Klicka på det varumärkesset som du vill redigera.
  • Om du vill lägga till en ny logotyp klickar du på + Lägg till i avsnittet Logotyper.
  • Lägg till din nya logotyp:
    • Om du vill lägga till en befintlig bild från filverktyget som din logotyp klickar du på Bläddra bland bilder. Klicka på bilden i den högra panelen.
    • Om du vill lägga till en ny bild klickar du på Ladda upp och lägger sedan till en bild från din dator.
  • I fältet Logotypnamn anger du ett namn för logotypen. Det här fältet är obligatoriskt.
  • I fältet Logo alt text anger du en beskrivning av din logotyp för sökmotorer och skärmläsare. Detta kommer att förbättra tillgängligheten och SEO för din webbplats. Läs mer om webbplatstillgänglighet i HubSpots utvecklardokumentation.
  • I fältet URL för logotyp anger du en URL om du vill att logotypen ska vara klickbar.
  • Om du vill ändra storlek på logotypen anger du en ny dimension i fältet Bredd eller Höjd . Det andra fältet justeras automatiskt så att bildens proportioner bibehålls.
  • Om duvill lägga till en ny logotyp klickar du på + Lägg till längst ner i avsnittet Logotyper .
  • Om du vill ta bort en befintlig bild håller du muspekaren över bilden och klickar på X i det övre högra hörnet. Om du vill ta bort en logotyp klickar du på rullgardinsmenyn Åtgärder och väljer sedan Ta bort.
edit-logo
  • När du har redigerat logotypen klickar du på Spara längst ned till vänster.
Du kan åsidosätta en standardlogotyp för specifikt innehåll i innehållsredigeraren eller Designhanteraren. I logotypmodulen klickardu på för att slå på knappen Åsidosätt standard logotyp och laddar sedan upp en logotyp. override-default-logo-in-content-editor

Redigera din favicon

I kontoinställningarna kan du anpassa din webbplats favicon, den lilla bilden i en webbläsarflik bredvid sidtiteln. Din favicon kommer endast att tillämpas på innehåll som hostas i HubSpot.

  • I ditt HubSpot-konto klickar du på settings inställningsikonen i det övre navigeringsfältet.
  • I menyn till vänster i sidofältet klickar du på Standardinställningar för konto.
  • Klicka på fliken Branding .
  • Klicka på det varumärkesset som du vill redigera.
  • Om du vill lägga till en ny favicon klickar du på + Lägg till i avsnittet Favicon .
  • Lägg till din nya favicon:
    • Om du vill lägga till en befintlig bild från filverktyget som din favicon klickar du på Bläddra bland bilder. Klicka på bilden i den högra panelen.
    • Om du vill lägga till en ny bild som favicon klickar du på Ladda upp och lägger sedan till en bild från din dator.

Observera: för bästa resultat ska du spara din favicon som en 48 x 48 px-bild i något av följande filformat: .ico , .gif ,.png.

  • I fältet Favicons namn anger du namnet på din favicon.

add-favicon

  • När du är klar med att redigera din favicon klickar du på Spara längst ner till vänster.

Redigera dina varumärkesfärger

Du kan ange varumärkesfärger i dina inställningar som visas i innehållsredigeraren samt på schemaläggningssidor, offerter och konversationskanaler. Varumärkesfärger visas inte i säljmallar och e-postmeddelanden.

  • I ditt HubSpot-konto klickar du på settings inställningsikonen i det övre navigeringsfältet.
  • Klicka på Standardinställningar för konto i menyn till vänster i sidofältet.
  • Klicka på fliken Branding .
  • Klicka på det varumärkesset som du vill redigera.
  • I avsnittet Mitt varumärkesset klickar du på fliken Färger .
  • Så här ställer du in dina varumärkesfärger:
    • Primärfärg: den huvudsakliga färgen som används i ditt varumärke. Under Primärfärg anger du en hexadecimal kod eller klickar på färgväljaren och väljer en färg. Klicka sedan på Spara. Primärfärg är ett obligatoriskt fält.
    • Sekundärfärg: den näst mest använda färgen i ditt varumärke. Under Sekundärfärg anger du en hexadecimal kod eller klickar på färgväljaren och väljer en färg. Klicka sedan på Spara.
    • Accentfärger: kompletterar dina primära och sekundära varumärkesfärger. Under Accentfärg anger du en hexadecimal kod eller klickar på färgväljaren och väljer en färg. Klicka sedan på Spara. Du kan lägga till upp till tre accentfärger.
    • Ytterligare färger: används inte automatiskt, men kommer att vara tillgängliga i färgväljare och kan refereras till i utvecklingsverktyg. Klicka på add Add bredvid Additional colors, ange en hexadecimal kod eller klicka på färgväljaren och välj en färg. Klicka sedan på Save. Du kan lägga till upp till sexton ytterligare färger.
      • Om du vill ta bort en extra färg klickar du på delete delete bredvid den färg du vill ta bort och klickar sedan på Save.

branding-colors

Vänligen notera detta:

Om din webbplats hänvisar till en färg som inte är inställd i varumärkesinställningarna kommer den att använda fallback-logik:
  • Den sekundära färgen kommer som standard att vara den första tillgängliga extrafärgen.
  • Den första accentfärgen kommer som standard att vara den andra extrafärgen.
  • Den andra accentfärgen kommer som standard att vara den tredje extrafärgen.
  • Den tredje accentfärgen kommer som standard att vara den fjärde extrafärgen.
  • Om inga extrafärger har angetts används ett standardfärgvärde. Om ingen standardfärg har angetts används primärfärgen som reservfärg.
  • Du kan också importera färger från en live-sida som redan använder dina varumärkesfärger:
    • Klicka på Importera färger från URL.
    • I dialogrutan anger du URL :en till en sida som använder dina varumärkesfärger och klickar på Hitta färger.
    • När sökningen är klar avmarkerar du kryssrutan bredvid de färger som du inte vill importera och klickar sedan på Importera.

import-colors

Hjälpte artikeln?
Detta formulär används endast för dokumentationsfeedback. Få reda på hur du får hjälp med HubSpot.