HubSpots standardmoduler

I den här artikeln får du veta mer om de standardmoduler som HubSpot tillhandahåller för användning i dina mallar och sidor. Varje modultyp kan anpassas med stil- och innehållsalternativ i inspektören. Du kan också lägga till en standardmodul i en HTML-mall med dess HubL-snippet. Läs mer om hur du utvecklar med standardmoduler i HubSpots dokumentation för utvecklare.

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å rullgardinsmenyn Filtrera efter kategori eller taggar 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å Expandera fö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 Marketing Hub Professional och Enterprise- och CMS Hub Professional och Enterprise-konton har som standard en @hubspot-mapp i designverktygen. Denna mapp innehåller alla dina teman och standardmoduler, inklusive e-postmoduler som kan dras och släppas. Dessa teman och moduler är skrivskyddade, men kan klonas om du vill redigera dem.

• 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.
  
  
• 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 avsnittet Standardinnehåll i den här modulen.

Bloggkommentarer

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

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

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äggsmall och redigera markeringen för din listningssida genom att klicka på Redigera listningsmall. Läs mer om blogginnehållsmodulens markeringar.

E-postprenumeration på bloggen

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

Med modulen för prenumeration av e-postmeddelanden på bloggen kan 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 visa och 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 expand expandera för att anpassa texten som visas efter att besökaren skickat in formuläret.

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 och vä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.

Följ mig

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

Du kan använda följ mig modulen fö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 avsnittet Följ mig i dina sociala inställningar.

Observera att Follow Me-modulen använder standardikoner för varje socialt nätverk. Om du vill använda dina egna anpassade sociala ikoner kan du skapa en anpassad version av modulen.

Formulär

Observera att formulärmodulen inte ä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 eller Enterprise ).
7. Skicka ett uppföljningsmeddelande: Skicka upp till tre uppföljningsmeddelanden till besökare som skickar in formuläret.

Rubrik

En rubrikmodul visar en rad text i en HTML-tagg med rubrik. Ange standardrubrik i rutan Rubrikinnehåll. Klicka på rullgardinsmenyn Typ av rubrik för att välja rubriktagg(H1-H4).

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åkbyte inte ä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 visas på den aktuella sidans språk. 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.
• Lokaliserad: 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 med innehåll på flera språk i HubSpot.

Logotyp

Logotypmodulen hämtar in företagets logotyp automatiskt från webbplatsens inställningar. Om du vill använda en annan logotyp klickar du på knappen Överskrid standardlogotypen för den här sidan för att ladda upp en ny bild för endast 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 .

Huvuddelen av e-postmeddelandet

Huvudmodulen för e-postkroppen är en standardmodul för fyllig text som ingår som standard i varje e-postmall. Du kan anpassa standardinnehållet för e-postkroppen i en specifik mall.

Utöver 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ärden i textfälten Kantbredd och Inre avstånd för att ställa in standardavstånd.

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 menyer från dina inställningar.
2. Avancerad meny: välj hur menyalternativ ska visas på din webbplats:
   • Statisk - Visa alltid de översta sidorna i menyn : Håll din meny konsekvent på alla sidor.
   • Dynamisk efter avsnitt - Visa sidor i menyn som är relaterade till det avsnitt somvisas: Visa menyalternativ i förhållande till det översta menyalternativet som visas.
   • Dynamisk per sida - Visa sidor i menyn som är relaterade till den sida 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 antalet underordnade menyalternativ som kan visas.
4. Orientering: Välj om menyalternativen ska visas horisontellt eller vertikalt.
5. Aktivera flyouts: Markera den här kryssrutan om du vill visa underordnade menyalternativ när du håller muspekaren över den överordnade menyn. Avmarkera den här kryssrutan för att alltid visa underordnade menyalternativ.

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äs 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 de nödvändiga HubL-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ärden i textfälten Kantbredd och Inre avstånd för att ställa in standardavstånd.

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.

Sidfot

I sidfoten visas information om upphovsrätt med det aktuella året och ditt företagsnamn. Företagets namn hämtas automatiskt från avsnittet Fotnot i 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: modulen för prenumeration på bloggar via 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 avsnittet Standardinnehå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 titel som ska visas ovanför inläggen.
• Maximalt antal filtervärden som ska visas: Ange det maximala antalet inlägg för ett visst filter. Lämna det här fältet tomt för att visa alla inlägg.
• Textlänk som ska visas om det finns fler inlägg än vad som får visas: Ange den text som ska visas om det finns fler tillgängliga inlägg i en kategori. Standardtexten är Se alla .

Postlista

Observera: modulen för prenumeration på bloggar via 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 titel som ska visas ovanför inläggen.
• Maximalt antal blogginlägg som ska listas: Ange det maximala antalet inlägg som ska visas i den här modulen.

Fyllig 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å Expandera eller klickar på förhandsgranskningsinnehållet för att öppna en redigeringsprogram för rik text.

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 den text 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å anpassa texten 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ärkt Läs mer.
• Visa publiceringsdatum: Välj formatet 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 vara publicerad kl.

Rubriken för avsnittet

Med modulen för avsnittsrubriker kan du visa en h1-rubrik med en underrubrik för ett stycke. Den här modulen är idealisk för att ge titeln på den primära sektionen på en sida.

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 meny fö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.

Sociala delningar

Med modulen för social delning kan besökarna enkelt dela ditt innehåll i sociala medier och via e-post. Klicka för attväxla mellan Enabled? 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 att modulen för social delning använder standardikoner för varje socialt nätverk. Om du vill använda dina egna anpassade sociala ikoner kan du skapa en anpassad 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.

Bekräftelse av uppdatering av abonnemanget

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.

Visa som webbsida

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

WhatsApp-länk

Observera: den här modulen ärendast tillgänglig för MarketingHub- ochService Hub Professional- och Enterprise-konton.

Använd WhatsApp-länkmodulen för att lägga till ett sätt för webbplatsbesökare att komma i kontakt med dig direkt via WhatsApp. Den här modulen kan läggas till på webbsidor, blogginlägg och sidor med bloggförteckningar. För att använda den här modulen måste du ansluta din WhatsApp-kanal till din samtalsinkorg.

Knappstilen, t.ex. färg och avstånd, kan anpassas på fliken Styles i sidredigeraren, och du kan konfigurera följande element:

• WhatsApp-nummer: Välj ett anslutet WhatsApp-nummer.
• Text för opt-in: välj text för opt-in och opt-out.
• Visa: Välj om knappen ska visa text, en ikon eller båda.
• Ikonposition: Välj om ikonen ska visas till vänster eller höger om texten.
• Knapptext: Ange den text som visas på knappen.
• WhatsApp-ikonens titel: för tillgänglighet, ange ikonbeskrivningen för skärmläsare.