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.
Design Manager

Använd standardmoduler i din mall

Senast uppdaterad: november 2, 2021

Gäller för:

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

Det här är en översikt över alla standardmoduler som finns tillgängliga för drag-och-släpp-mallar i designverktyg. Varje modultyp kan anpassas med stil- och innehållsalternativ i inspektören. Du kan också lägga till en standardmodul till en HTML-mall med dess HubL-snippet.

Lägg till en modul i din mall

Om du vill lägga till moduler till dina drag-och-släpp-mallar klickar du på + Lägg till i inspektorn uppe till höger i redigeringsverktyget. Alla standardmoduler och alla sparade anpassade moduler eller grupper visas här. Om du vill hitta en specifik modul anger du dess namn i sökfältet. Du kan också klicka på Filtrera efter kategori eller taggarrullgardinsmenyn och välja ett eller flera filter.

När modulen är markerad i redigeraren kan du ändra modulstilar, inställningar och innehåll i inspektorn. I avsnittet Wrapping HTML klickar du på Expanderaför att lägga till mer anpassad formgivning i kodredigeraren.

Längst ner i inspektören kan du låsa modulen så att användarna inte kan ändra standardinnehållet när de redigerar en blogg, ett e-postmeddelande eller en sida. Klicka för att aktivera den här inställningen genom att slå på knappen Förhindra redigering i innehållsredigerare.

Anpassa en standardmodul

Alla Marknadsföringshubben Professional och Enterprise ochCMS-hubben Professional- och Enterprise-konton har som standard en mapp @hubspot i designverktygen. Den här mappen innehåller alla dina teman och standardmoduler, inklusive e-postmoduler som du kan dra och släppa. Dessa teman och moduler är skrivskyddade, men kan klonas om du vill redigera dem.

design-manager-hubspot-folder

  • I ditt HubSpot-konto, navigera till Marknadsföring > Filer och mallar > Designverktyg.
  • Klicka på mappen @hubspot i sökaren.
  • Högerklicka på den standardmodul som du vill klona och välj sedan Klona modul.

    design-manager-clone-module
  • I den klonade modulen redigerar du modulens källkod i den centrala redigeringspanelen.
  • Om du vill spara ändringarna klickar du på Publicera ändringar i övre högra hörnet. Modulen kommer då att vara tillgänglig för användning när du bygger mallar.

Typer av standardmoduler

Backup avregistrering

Backup-mallen för avregistrering visas för e-postmottagare som klickar på en länk för avregistrering om HubSpot inte kan fastställa deras e-postadress. Du kan anpassa den hjälptext som visas på din backup-sida för avregistrering i avsnittetStandardinnehålli den här modulen.

Backup Unsubscribe

Bloggkommentarer

Observera att modulen för bloggkommentarer inte är tillgänglig för sid- eller e-postmallar.

Modulen förbloggkommentarer lägger till ett kommentarsfält i en mall för blogginlägg. Du kan anpassa formuläret för bloggkommentareri ditt formulärverktyg. Formuläret kommer att namnges utifrån titeln på din blogg.


Default blog comments form

Innehåll i bloggen

Observera: blogginnehållsmodulen är inte tillgänglig för sid- eller e-postmallar.

Modulen för blogginnehåll innehåller HTML/HubL-markeringar för dina blogginlägg och blogglistningssidor. Du kan redigera markeringen för dina inlägg genom att klicka påRedigera inläggsmalloch redigera markeringen för din listningssida genom att klicka påRedigera listningsmall. Läs mer omblogginnehållsmodulens markeringar.

blog-content-1.png

E-postprenumeration för bloggen

Observera: modulen för prenumeration på bloggar via e-post är inte tillgänglig för e-postmallar.

Med modulen förprenumeration av e-postmeddelanden på bloggenkan besökare prenumerera på din blogg genom att fylla i ett formulär. Den här modulen fylls med ditt formulär för bloggprenumeranter, som kan anpassas i ditt formulärverktyg.

Klicka på rullgardinsmenyn Välj blogg att visaoch välj den blogg som dina besökare prenumererar på. I textrutan Titel som ska visas ovanför formuläret anpassar du texten som visas i titeln ovanför formuläret. Håll muspekaren över det befintliga inlinesvaret och klicka påikonen expanderaexpandera för att anpassa texten som visas efter att en besökare skickat in formuläret.

Blog email subscription

Kallelse till handling

Med en modul för call-to-action (CTA) placeras en CTA i en egen modul i layouten. Du kan också infoga en CTA i en modul med rik text.

I inspektören klickar du pårullgardinsmenyn CTA ochväljer en standard CTA för den här modulen i mallen. Eller klicka på+ Skapa ny CTA i samma meny för att skapa en ny CTA som standard-CTA.

HubSpot Help article screenshot


Flexibel kolonn

Flexibla kolumner kan läggas till i sidmallar så att du kan lägga till, ta bort och ordna om moduler i innehållsredigeraren. Detta ger sidutvecklare flexibiliteten att använda en mall för att skapa flera sidlayouter.

Observera:
  • Flexibla kolumner är inte tillgängliga i mallar för bloggar, systemsidor eller e-post.
  • När en flexibel kolumn har anpassats för en viss sida i innehållsredigeraren kommer ändringar som gjorts i den flexibla kolumnen i mallen inte att återspeglas på den sidan. Detta säkerställer att anpassat innehåll inte skrivs över.

När du lägger till en flexibel kolumnmodul i mallen kan du dra och släppa andra moduler för att skapa en flexibel kolumngrupp. Du kan också högerklicka på en befintlig statisk grupp och välja Gör flexibel kolumn.


Följ mig

Observera: Följ mig-modulen är inte tillgänglig för e-postmallar.

Du kan använda följ migmodulför att hjälpa dina besökare att komma i kontakt med ditt företag på sociala medier. Till skillnad från en modul för social delning leder follow me-moduler användarna från din webbplats till dina respektive sidor i sociala medier.

När du lägger till en följ mig-modul kan du anpassa modulhuvudet som visas ovanför de sociala ikonerna.

Du kan ange vilka sociala medier som ska visas i den här modulen i avsnittetFölj migi dina sociala inställningar.

Observera attFollow Me-modulen använder standardikoner för varje socialt nätverk. Omdu vill använda dina egnaanpassade sociala ikoner kan du skapa enanpassad version av modulen.

Följ mig - e-post

Observera att den här modulen endast är tillgänglig för e-postmeddelanden som skapats i redigeringsverktyget dra och släpp. Du kan hitta modulen i redigeraren under namnetSocial.

Modulen Följ mig - e-post erbjuder ytterligare formatering och inställningsalternativför e-postmallar som du kan dra och släppa. Du kan justera den sociala ikonens form, färgerochinriktning i din modul. Du kan också lägga till ett eget socialt konto ochladda upp din egen ikon i redigeraren.

Om du vill redigera de sociala nätverk som visas i den här modulen klickar du på ikonen+ Lägg tilli avsnittetSociala nätverki inspektören. Håll sedan muspekaren över namnet på ett socialt nätverk och klicka på knappenredigera redigera ikonen orradera ta bortikonen tför att göra ändringar.

follow-me-email-options

Klicka på redigeringsikonen för att välja vilket socialt nätverk som ska visas och vilken URL den leder till. Om du väljer Anpassad ikon visas ytterligare alternativ för att ange en anpassad bild för det här nätverket. Klicka påErsättför att välja en bild från filverktyget eller ladda upp en ny bild från datorn.

custom-icon

Formulär

Observera att formulärmoduleninte är tillgänglig för e-postmallar.

Med formulärmodulen kan du lägga till ett formulär på din sida eller blogg för att samla in kontaktinformation från webbplatsens besökare.

För den här modulen kan du anpassa följande inställningar:

  1. Formulärets titel: Ange titeln på formuläret som kommer att visas på sidan eller bloggen.
  2. Formulär: välj ett befintligt HubSpot-formulär som ska visas på sidan eller lägg till ett nytt formulär.
  3. Vad kommer besökaren att se efter att ha skickat in formuläret: välj om du vill omdirigera en person som skickar in formuläret till en annan sida eller visa ett tackmeddelande på samma sida.
  4. Tackmeddelande: Anpassa ditt tackmeddelande.
  5. Skicka formulärmeddelanden till angivna e-postadresser i stället för till standardformuläret: skicka e-postmeddelanden om formulärmeddelanden till specifika adresser. Det här åsidosätter alla mottagare av meddelanden som har ställts in i formulärverktyget.
  6. Lägg till i arbetsflöde: Lägg till besökare som skickar in formuläret i ett arbetsflöde (endastMarketing Hub Professional ellerEnterprise ).
  7. Skicka ett uppföljningsmeddelande: Skicka upp till tre uppföljningsmeddelandentill besökare som skickar in formuläret.

form-module-2

Enrubrikmodul visar en rad text i en HTML-taggmed rubrik. Ange standardrubrik i rutanRubrikinnehåll. Klickarullgardinsmenyn Typ av rubrik för att välja rubriktagg(H1-H4).

Horisontell distanshållare

ModulenHorizontal spacer skapar en tom div-tagg som lägger till avstånd mellan element på en sida.

HubSpot Help article screenshot

Bild

En bildmodul lägger till en enda bild till ett innehåll. Läs mer om redigeringsalternativ för bildmoduler.

Bildgalleri

En bildgallerimodul lägger till en serie roterande bilder i en enda modul. Läs mer om bildgallerimodulens anpassningsbara inställningar.

Språkväxlare

Observera att modulen för språkbyteinte är tillgänglig för e-postmallar.

Med modulen för språkbyte kan besökare växla mellan översatta versioner av en sida eller blogg. Klicka på rullgardinsmenyn Visningsläge för att anpassa hur namnen på dina översatta språk ska visas:

  • Pagelang: namnet på varje språk kommer att visas på språket på den aktuella sidan. Om du till exempel tittar på den engelska versionen av en sida med en fransk översättning, kommer du att se engelska och franska som språknamn när du klickar på språkbytaren.
  • Lokaliserat: Namnet på varje språk visas på det språket.Om du till exempel tittar på den engelska versionen av en sida med en fransk översättning visas English och Français som språknamn när du klickar på språkbytaren.
  • Hybrid: en kombination av de två. Om du till exempel tittar på den engelska versionen av en sida med en fransk översättning, kommer du när du klickar på språkbytaren att se engelska och franska (Français) som språknamn.

Den här modulen visas endast på sidor med mer än en publicerad översättning. Läs mer om hur du arbetar medinnehåll på flera språki HubSpot.


Logotypmodul

Logotypmodulen hämtar in företagets logotyp automatiskt från inställningarna pådin webbplats.Om du vill använda en annan logotyp klickar du på för att aktivera knappen Överskrid standardlogotypen för den här sidanför att ladda upp en ny bild endast för den här sidan. Om du vill ändra standardlogotypen för allt innehåll i webbplatsinställningarna klickar du på Redigera standardlogotypen i den här domänen.

Logotypmodulen länkas automatiskt till ditt företags domän. Om du vill åsidosätta denna standardinställning och länka till en annan sida anger du en unik länk-URL.

edit-logo-module


Huvuddelen av e-postmeddelandet

Huvudmodulenföre-postkroppenär en standardmodul för rik text som ingår som standard i varje e-postmall. Du kan anpassastandardinnehålletför e-postkroppen i en specifik mall.

Förutom standardalternativen för formgivning kan den här modulen anpassas med standardfärger, ramar och avstånd. Klicka på färgbubblan och välj en färg från färgväljaren eller ange ett hexadecimalt värde i textfältet för att ställa in standardfärger. Ange pixelvärdeni textfältenKantbredd och Inre avstånd för att ställa in standardavstånd.

Email Body

Meny

Menymodulen lägger till navigering till ditt innehåll och dina mallar. Menyer skapas och hanteras direkt i webbplatsens inställningar.

I designverktygen kan du anpassa följande funktioner i menymodulen:

  1. Meny: välj en av dina befintliga menyerfrån dina inställningar.
  2. Avancerad meny-typ: Välj hur menyalternativ ska visas på din webbplats:
    • Statisk - Visa alltid de översta sidorna imenyn: Håll din meny konsekvent på alla sidor.
    • Dynamisk efter avsnitt- Visa sidor imenyn som är relaterade till detavsnitt somvisas: Visa menyalternativ i förhållande till det översta menyalternativet som visas.
    • Dynamisk efter sida- Visa sidor imenyn som är relaterade till densida som visas:Visa menyalternativ som är relaterade till den specifika sidan som visas.
    • Brödsmulastil (använder horisontellt flöde): Visa menyalternativ horisontellt i en relativ sökväg över toppen av webbplatsen.
  3. Max nivåer: välj det maximala antaletunderordnade menyalternativsom kan visas.
  4. Orientering:Välj om menyalternativen ska visas horisontellt eller vertikalt.
  5. Aktivera flyouts: Markera den här kryssrutanom du vill visaunderordnade menyalternativ när du håller muspekaren över den överordnade menyn. Avmarkera den här kryssrutanför att alltid visa underordnade menyalternativ.
Advanced Menu Options


Moduler

Moduler som skapas i kodredigeraren gör det möjligt att använda HTML, CSS, Javascript och HubL för att lägga till avancerade funktioner i dina mallar, samtidigt som användarna kan redigera modulinnehållet i innehållsredigeraren utan att ändra koden. Dessa komponenter kommer att märkas med en customModules-modulikon i sökaren och inspektören. Lär dig mer om hur du arbetar med specialkodade moduler i vår dokumentation för utvecklare.

Information om kontorets placering

Modulen för kontorslokaler innehåller obligatoriska tokens som måste ingå i en e-postmall för att du lagligt ska kunna skicka marknadsföringsmeddelanden. Du kan redigera stilen för den här modulen, men du kan inte spara en e-postmall utan en informationsmodul om kontorsplats eller denödvändigaHubL-taggarna.

Förutom standardalternativen för formgivning kan den här modulen anpassas med standardfärger, ramar och avstånd. Klicka på färgbubblan och välj en färg från färgväljaren eller ange ett hexadecimalt värde i textfältet för att ställa in standardfärger. Ange pixelvärdeni textfältenKantbredd och Inre avstånd för att ställa in standardavstånd.

HubSpot Help article screenshot


En rad text

Modulen för en rad text gör det möjligt för användare att redigera en enda rad text i innehållsredigeraren.

I sidfoten visas information om upphovsrätt med det aktuella året och ditt företagsnamn. Företagsnamnet hämtas automatiskt från avsnittetFotnoti dina e-postinställningar..

Lösenordsfrågan

Modulen för lösenordsavmaning är tillgänglig på systemmallar för lösenordsavmaning. Om en sida är lösenordsskyddad visas sidan för lösenordsavmaning innan en användare kan komma åt sidan. Du kan anpassa texten till knappen Skicka och texten som ska visas om ett felaktigt lösenord anges.

Inläggsfilter

Observera: bloggprenumerationsmodulen för e-post är inte tillgänglig för e-postmallar.

Modulen för inläggsfilter visar en lista med bloggartiklar från ett visst ämne, en viss månad eller en viss författare.

Du kan anpassa följande inställningar för den här modulen i avsnittetStandardinnehåll:

  • Välj en blogg att visa: välj vilken blogg som ska användas.
  • Lista över värden för filterlänkar: välj om modulen ska filtreras efter tagg, månad eller författare.
  • Ordning av värden för filterlänkar: välj om värdena ska ordnas alfabetiskt eller efter antal inlägg.
  • Titel på listan som ska visas:Ange en titelsom ska visas ovanför inläggen.
  • Maximalt antal filtervärden som ska visas:Ange det maximalaantaletinlägg för ett visst filter. Lämna det här fältet tomt om du vill visa alla inlägg.
  • Textlänk som ska visas om det finns fler inlägg än vad som får visas:Ange dentextsom ska visas om det finns fler tillgängliga inlägg i en kategori. Standardtexten är Se alla.


Postlistning

Observera: bloggprenumerationsmodulen för e-post är inte tillgänglig för e-postmallar.

Modulen för inläggslista används för att visa en lista över blogginlägg från en HubSpot-blogg. Du kan ställa in modulen så att den visar de senaste inläggen eller de mest populära under den senaste månaden, sex månader, ett år eller hela tiden.

Du kan anpassa följande innehållsinställningar i inspektören:

  • Välj blogg som ska visas: välj den blogg som du vill visa rubrikerna på.
  • Lista blogginlägg efter: välj hur du vill organisera inläggen.
  • Titel på listan som ska visas: Ange en titelsom ska visas ovanför inläggen.
  • Maximalt antal blogginlägg som ska listas:Ange det maximalaantaletinlägg som ska visas i den här modulen.
Post listing


Rik text

Modulen för rik text är den vanligaste innehållsmodulen som används i HubSpot-innehållsverktyg. Den stöder redigeringsalternativ för olika komponenter, t.ex. text, bilder och CTA:er.

Om du vill lägga till standardinnehåll för den här modulen klickar du på Expanderaeller klickar på förhandsgranskningsinnehållet för att öppna en redigeringsprogram för rik text.

HubSpot Help article screenshot


RSS-lista

Observera: RSS-listningsmodulen är inte tillgänglig för e-postmallar. Använd istället ett RSS-e-postmeddelande.

Du kan använda en RSS-listningsmodul för att visa sammanfattningar av inlägg för en HubSpot-blogg eller ett externt RSS-flöde.

Moduler för RSS-listor kan visa en specifik blogg eller tagg. Klicka för att slå på motsvarande strömbrytare för att ange om en bild, ett författarnamn, en sammanfattning eller ett publiceringsdatum ska visas för varje inlägg.

När du har aktiverat dessa inställningar kan du anpassa följande uppgifter:

  • Visa författarnamn: Ange dentext som ska visas ovanför varje författarnamn. Som standard kommer denna modul att inkludera by som text för erkännande.
  • Visa sammanfattning: Ange längden på sammanfattningen i tecken för varje bloggöversikt. Du kan också anpassatexten för klick på sammanfattningen, som är länken som bloggbesökare klickar på för att läsa hela inlägget. Som standard kommer den här texten att vara märktLäs mer.
  • Visa publiceringsdatum: Väljformatet Publiceringsdatum för attanpassa hur datum och tid formateras för varje inlägg. Du kan också anpassa indikatortexten för publiceringsdatum. Som standard kommer den här texten att varapublicerad kl.
HubSpot Help article screenshot


Rubriksrubrik

Med modulen för avsnittsrubrikerkan du displacera en h1-rubrik med en underrubrik för ett stycke. Den här modulen är idealisk för att ge titeln på den första delen av en sida.

Section header


Enkel meny

Med enkla menymoduler kan användare skapa sidspecifika menyer i innehållsredigeraren. Den här modulen ger dig flexibiliteten att skapa en enkel meny för en specifik mall. I inspektören klickar du påRedigera menyför att lägga till menyalternativ, länkar och välja menyriktning. När du redigerar inställningen för menyns orientering läggs en klass hs-menu-flow-horizontal eller hs-menu-flow-vertical till behållaren för menyomslaget, som sedan kan användas för styling i din CSS. Läs mer om klasser som läggs till av modulinställningar i vår dokumentation för utvecklare.

Simple menu


Social delning

Med modulen för social delning kan besökarna enkelt dela ditt innehåll i sociala medier och via e-post. Klicka påknappen Aktiverad? bredvid ett visst socialt nätverk för att inkludera det på din sida eller i ditt e-postmeddelande.

Delningslänken fylls automatiskt med de HubL-taggar som krävs för att dela ditt innehåll. I e-postmeddelanden kommer modulen att använda webbversionens URL för e-postmeddelandet i delningslänken.

Observera:I modulen för social delning används standardikoner för varje socialt nätverk. Om du vill använda dina egnaanpassade sociala ikonerkan du skapa en customized version av modulen.

Prenumerationsinställningar

Moduler för prenumerationsinställningar är endast tillgängliga på systemmallar för prenumerationsinställningar.

Med dessa moduler kan du anpassa den sida som en e-postmottagare ser när de hanterar sina prenumerationsinställningar eller avregistrerar sig från e-postmeddelanden.

Subscription preferences


Bekräftelse av uppdatering av prenumeration

Modulen för bekräftelse av prenumerationsuppdatering är en rik textmodul som är tillgänglig i mallar för systemet för bekräftelse av prenumerationsuppdatering. Med den kan du anpassa vad som visas när en e-postmottagare uppdaterar sina prenumerationsinställningar.

Subscription updates


Visa som webbsida

Modulen Visa som webbsidager e-postmottagare möjlighet att öppna webbsidan av ett e-postmeddelande.

HubSpot Help article screenshot