HubSpots standardmoduler
Senast uppdaterad: maj 23, 2024
Tillgänglig med något av följande abonnemang, om inte annat anges:
|
|
Tidigare Marketing Hub Basic |
I den här artikeln får du lära dig mer om de standardmoduler som HubSpot tillhandahåller för användning i dina mallar och sidor. Varje typ av modul kan anpassas med styling- 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 att utveckla med standardmoduler i HubSpots utvecklardokumentation.
Lägg till en modul i din mall
Om du vill lägga till moduler i dina dra-och-släpp-mallar klickar du på + Add i inspektorn uppe till höger i editorn. Här visas alla standardmoduler och alla sparade anpassade moduler eller grupper. Om du vill hitta en viss 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 modulens stilar, inställningar och innehåll i inspektören. I avsnittet HTML-omslag klickar du på Expandera för att lägga till mer anpassad styling i kodredigeraren.
Längst ner i inspektören kan du låsa modulen så att användare inte kan ändra standardinnehållet när de redigerar en blogg, ett e-postmeddelande eller en sida. Klicka för att växla mellan Förhindra redigering i innehållsredigerare för att aktivera den här inställningen.
Anpassa en standardmodul
Alla Marketing Hub Professional- och Enterprise-konton och Content HubProfessional- och Enterprise-konton har som standard en @hubspot-mapp i designverktygen. Den här mappen innehåller alla dina teman och standardmoduler, inklusive dra-och-släpp-moduler för e-post. Dessa teman och moduler är skrivskyddade, men kan klonas om du vill redigera dem.
- I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
- I sökaren klickar du på mappen @hubspot.
- Högerklicka på den standardmodul som du vill klona och välj sedan Clone module.
- I den klonade modulen redigerar du modulens källkod i den centrala redigeringspanelen.
- För att spara dina ändringar klickar du på Publicera ändringar uppe till höger. Modulen kommer då att vara tillgänglig för användning när du bygger mallar.
Typer av standardmoduler
Säkerhetskopiering av prenumeration
Mallen för backup-avprenumeration visas för e-postmottagare som klickar på en avprenumerationslänk om HubSpot inte kan fastställa deras e-postadress. Du kan anpassa den hjälptext som visas på din backup-avregistreringssida i avsnittet Standardinnehåll i den här modulen.
![Backup Unsubscribe](https://knowledge.hubspot.com/hs-fs/hubfs/Knowledge_Base_Images/Content/Design_Manager/backup-unsubscribe-1.png?t=1531243608933&width=350&name=backup-unsubscribe-1.png)
Bloggkommentarer
Observera: Modulen för bloggkommentarer är inte tillgänglig för sid- eller e-postmallar.
Modulen för bloggkommentarer lägger till ett kommentarsfält i en bloggpostmall. Du kan anpassa formuläret för bloggkommentarer i ditt formulärverktyg. Formuläret får ett namn som baseras på titeln på din blogg.
![Default blog comments form](https://knowledge.hubspot.com/hs-fs/hubfs/Knowledge_Base_Images/Contacts/Forms/forms-blog-comments.png?t=1531243608933&width=901&name=forms-blog-comments.png)
Blogginnehåll
Observera att modulen för blogginnehåll inte är tillgänglig för sid- eller e-postmallar.
Modulen för blogginnehåll innehåller HTML/HubL-markeringen för dina blogginlägg och blogglistningssidor. Du kan redigera markeringen av dina inlägg genom att klicka på Redigera inläggsmall och redigera markeringen av din listningssida genom att klicka på Redigera listningsmall. Läs mer om markeringar för blogginnehållsmodulen.
![blog-content-1.png](https://knowledge.hubspot.com/hs-fs/hubfs/Knowledge_Base_Images/Content/Design_Manager/blog-content-2.png?t=1531243608933&width=969&name=blog-content-2.png)
E-postprenumeration på blogg
Observera att modulen för prenumeration på bloggmejl inte är tillgänglig för e-postmallar.
Med modulen för bloggprenumeration kan besökare prenumerera på din bloggs sammanfattande e-postmeddelanden genom att fylla i ett formulär. Den här modulen fylls i av ditt bloggprenumerationsformulär, 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 den text som visas i titeln ovanför formuläret. Håll muspekaren över det befintliga inline-svaret och klicka på ikonen expand expandera föratt anpassa den text som visas efter att en besökare har skickat in formuläret.
![Blog email subscription](https://knowledge.hubspot.com/hs-fs/hubfs/Knowledge_Base_Images/Content/Design_Manager/Design_manager_re-design/blog-subscription-module.png?t=1531243608933&width=350&name=blog-subscription-module.png)
Uppmaning till handling
En CTA-modul (call-to-action) placerar en CTA i en egen modul i din layout. Du kan också infoga en CTA i en rik text-modul.
I inspektören klickar du på
![HubSpot Help article screenshot](https://knowledge.hubspot.com/hs-fs/hubfs/Knowledge_Base_Images/Content/Design_Manager/Design%20manager%20re-design/call-to-action-module.png?t=1531243608933&width=885&name=call-to-action-module.png)
Innehållsbibliotek
Du kan använda modulen för innehållsbibliotek för att skapa ett bibliotek med resurser som dina besökare kan komma åt. För biblioteket kan du ställa in resurslayout, ikoner, teckensnitt och färger. För varje resurs kan du ange ett namn, en beskrivning, en länk eller fil och en visningsbild.
Du kan också ange att innehåll ska visas som featured så att det visas högst upp i innehållsbiblioteket och tar upp en hel rad.
Följ mig
Observera: Follow me-modulen är inte tillgänglig för e-postmallar.
Du kan använda follow me
När du lägger till en Follow Me-modul kan du anpassa modulrubriken som visas ovanför de sociala ikonerna.
Du kan ange vilka sociala medier som ska visas i den här modulen i avsnittet Follow Me i dina sociala inställningar.
Form
Observera: formulärmodulen är inte 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 dina webbplatsbesökare.
För den här modulen kan du anpassa följande inställningar:
- Formulärtitel: ange titeln på formuläret som ska visas på sidan eller bloggen.
- Formulär: välj ett befintligt HubSpot-formulär som ska visas på sidan, eller lägg till ett nytt formulär.
- Vad kommer besökaren att se efter att ha skickat in formuläret?: välj om en person som skickar in formuläret ska omdirigeras till en annan sida eller om ett tackmeddelande ska visas på samma sida.
- Tackmeddelande: Anpassa ditt tackmeddelande inline.
- Skicka formulärmeddelandentill angivna e-postadresser i stället för formuläret Standard: skicka formulärmeddelanden till specifika adresser. Detta kommer att åsidosätta alla aviseringsmottagare som ställts in i formulärverktyget.
- Lägg till iarbetsflöde: lägg till besökare som skickar in formuläret i ett arbetsflöde (endastMarketing Hub Professional eller Enterprise ).
- Skicka ettuppföljningsmejl: skicka upp till tre uppföljningsmejl till besökare som skickar in formuläret.
Rubrik
En rubrikmodul visar en textrad i en HTML-tagg med rubrik. Ange en standardtext för rubriken i rutan Rubrikinnehåll. Klicka på rullgardinsmenyn Typ av rubrik för att välja rubriktagg (H1-H4).
![](https://knowledge.hubspot.com/hs-fs/hubfs/Knowledge_Base_Images/Content/Design_Manager/Design%20manager%20re-design/header-mod.png?t=1531243608933&width=350&name=header-mod.png)
Bild
En bildmodul lägger till en enda bild i 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 de anpassningsbara inställningarna för bildgallerimodulen.
Språkväxlare
Observera att modulen för språkväxling inte är tillgänglig för e-postmallar.
Med modulen Language Switcher kan besökare växla mellan översatta versioner av en sida eller blogg. Klicka på rullgardinsmenyn Display mode för att anpassa hur namnen på dina översatta språk ska visas:
-
Pagelang: visas namnet på varje språk på det språk som används på den aktuella sidan. Om du t.ex. 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åkväxlaren. - 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 och klickar på språkväxlaren visas English och Français som språknamn.
- Hybrid: en kombination av de två. Om du till exempel tittar på den engelska versionen av en sida med en fransk översättning och klickar på språkväxlaren ser du engelska och franska (Français) som språknamn.
Den här modulen visas bara på live-sidor med mer än en publicerad översättning. Läs mer om hur du arbetar med flerspråkigt innehåll i HubSpot.
![](https://knowledge.hubspot.com/hs-fs/hubfs/Knowledge_Base_Images/Content/Design_Manager/Design%20manager%20re-design/lang-switcher.png?t=1531243608933&width=800&name=lang-switcher.png)
Logotyp
Logotypmodulen hämtar automatiskt företagets logotyp från dina webbplatsinställningar. Om du vill använda en annan logotyp klickar du på knappen Åsidosätt standardlogotyp 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 dina webbplatsinställningar klickar du på Redigera standardlogotyp i den här domänen.
Din logomodul kommer automatiskt att länka till den URL som anges i ditt varumärkeskit. Om du vill åsidosätta denna standard och länka till en annan sida anger du en unik länk-URL .
![edit-logo-module](https://knowledge.hubspot.com/hs-fs/hubfs/Imported%20images/edit-logo-module.png?width=689&name=edit-logo-module.png)
Rutnät för logotyp
Med modulen Logo Grid kan du ordna flera logotyper av olika dimensioner i ett konsekvent rutnät. Du kan anpassa bakgrundsfärg, bildförhållande, storlek på rutnät, storlek på avstånd och maximal logotyphöjd.
E-postens huvudtext
Huvudmodulen för e-posttexten är en standardmodul för rik text som ingår som standard i alla e-postmallar. Du kan anpassa standardinnehållet för e-postens brödtext i en specifik mall.
Utöver de vanliga stylingalternativen 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 ange standardfärger. Ange pixelvärden i textfälten Border width (kantbredd ) och Inner spacing (inre avstånd) för att ange standardavstånd.
![Email Body](https://knowledge.hubspot.com/hs-fs/hubfs/Knowledge_Base_Images/Content/Design_Manager/Design%20manager%20re-design/main-email.png?t=1531243608933&width=820&name=main-email.png)
Meny
Menymodulen lägger till navigering i ditt innehåll och dina mallar. Menyer skapas och hanteras direkt i webbplatsens inställningar.
Med hjälp av designverktygen kan du anpassa följande funktioner i din menymodul:
- Meny: välj en av dina befintliga menyer från dina inställningar.
- Avancerad menytyp: välj hur menyalternativen ska visas på din webbplats:
- Statisk - Visa alltid sidor på översta nivån i
menyn : hålla menyn konsekvent på alla sidor. - Dynamisk per avsnitt - Visa sidor i
menyn som är relaterade till detavsnitt som visas: visa menyalternativ i förhållande till det menyalternativ på översta nivån som visas. - Dynamisk per sida - Visa sidor i
menyn som är relaterade till densida som visas: visa menyalternativ som är relaterade till den specifika sida som visas. - Breadcrumb-meny (använder horisontellt flöde): visa menyalternativ horisontellt i en relativ sökväg över toppen av webbplatsen.
- Statisk - Visa alltid sidor på översta nivån i
- Max levels: välj det maximala antalet underordnade menyalternativ som kan visas.
- Orientation: välj om menyalternativen ska visas horisontellt eller vertikalt.
- Aktivera flyouts: markera den här kryssrutan för att visa underordnade menyalternativ när du håller muspekaren över det överordnade menyalternativet. Avmarkera kryssrutan om du alltid vill visa underordnade menyalternativ.
![Advanced Menu Options](https://knowledge.hubspot.com/hs-fs/hubfs/Knowledge_Base_Images/Content/Design_Manager/Design%20manager%20re-design/edit-menu.png?t=1531243608933&width=700&name=edit-menu.png)
Moduler
Medmoduler som skapas i kodredigeraren kan du använda HTML, CSS, Javascript och HubL för att lägga till avancerad funktionalitet i dina mallar, samtidigt som dina användare kan redigera modulinnehållet i innehållsredigeraren utan att ändra koden. Dessa komponenter kommer att märkas med en modulikon på customModules i sökaren och inspektören. Läs mer om hur du arbetar med specialkodade moduler i vår utvecklardokumentation.
Information om kontorets läge
Modulen för kontorsplats innehåller nödvändiga tokens som måste ingå i en e-postmall för att lagligt kunna skicka marknadsföringsmeddelanden. Du kan redigera utformningen av den här modulen, men du kan inte spara en e-postmall utan en informationsmodul för kontorsplats eller de
Utöver de vanliga stylingalternativen kan den här modulen anpassas med standardfärger, ramar och avstånd. Klicka på färgbubblan och välj en färg i färgväljaren eller ange ett hexadecimalt värde i textfältet för att ange standardfärger. Ange pixelvärden i textfälten Border width (kantbredd ) och Inner spacing (inre avstånd) för att ange standardavstånd.
![HubSpot Help article screenshot](https://knowledge.hubspot.com/hs-fs/hubfs/Knowledge_Base_Images/Content/Design_Manager/Design%20manager%20re-design/office-location-info.png?t=1531243608933&width=800&name=office-location-info.png)
En rad med text
Modulen för en textrad gör det möjligt för användare att redigera en enda textrad i innehållsredigeraren.
![](https://knowledge.hubspot.com/hs-fs/hubfs/Knowledge_Base_Images/Content/Design_Manager/Design%20manager%20re-design/one-line-of-text.png?t=1531243608933&width=349&name=one-line-of-text.png)
Sidfot
Sidfotsmodulen visar information om upphovsrätt med aktuellt år och ditt företagsnamn. Företagsnamnet hämtas automatiskt från avsnittet Sidfot i dina e-postinställningar.
Lösenordsfråga
Modulen för lösenordsprompt är tillgänglig på systemmallar för lösenordsprompt. Om en sida är lösenordsskyddad visas sidan med lösenordsprompten innan en användare kan komma åt sidan. Du kan anpassa texten på knappen Skicka och texten som ska visas om ett felaktigt lösenord anges.
Filter för inlägg
Observera att modulen för prenumeration på bloggmejl inte är tillgänglig för e-postmallar.
Modulen Postfilter 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 bloggs inlägg som ska användas.
- Lista med 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 skaordnas i alfabetisk ordning eller efter antal inlägg.
- Listtitel 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 fältet tomt om du vill visa alla inlägg.
- Textlänk som ska visas om det finns fler inläggsvärden ä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 .
![](https://knowledge.hubspot.com/hs-fs/hubfs/Knowledge_Base_Images/Content/Design_Manager/Design%20manager%20re-design/post-filter.png?t=1531243608933&width=650&name=post-filter.png)
Postlista
Observera att modulen för prenumeration på bloggmejl inte är tillgänglig för e-postmallar.
Modulen Post Listing 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, det senaste halvåret, det senaste året eller över hela tiden.
Du kan anpassa följande standardinnehåll i inspektören:
- Välj blogg som skavisas : välj den blogg som du vill visa inläggstitlar för
- Lista blogginlägg efter: välj hur du vill organisera inläggen
- Listtitel som ska visas : ange en titel som ska visas ovanför inläggen.
- Maximaltantal blogginlägg som ska listas : ange ett maximalt antal inlägg som ska visas i den här modulen.
![Post listing](https://knowledge.hubspot.com/hs-fs/hubfs/Knowledge_Base_Images/Content/Design_Manager/Design%20manager%20re-design/post-listing.png?t=1531243608933&width=654&name=post-listing.png)
Produkt
Med hjälp av produktmodulen kan du visa produkter från ditt produktbibliotek på sidor och i inlägg. Produkternas standardinformation visas, men du kan välja att åsidosätta den på sidnivå.
Rik text
Modulen för rik text är den vanligaste innehållsmodulen som används i HubSpots 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 RTF-editor.
![HubSpot Help article screenshot](https://knowledge.hubspot.com/hs-fs/hubfs/Knowledge_Base_Images/Content/Design_Manager/Design%20manager%20re-design/rich-text.png?t=1531243608933&width=691&name=rich-text.png)
RSS-lista
Observera: RSS-listningsmodulen är inte tillgänglig för e-postmallar. Använd ett RSS-e-postmeddelande i stället.
Du kan använda en RSS-listningsmodul för att visa inläggssammanfattningar för en HubSpot-blogg eller ett externt RSS-flöde.
RSS-listningsmoduler kan visa en specifik blogg eller tagg. Klicka för att slå på motsvarande switch för att ange om en bild, författarnamn, sammanfattning eller publiceringsdatum ska visas med varje inlägg.
När du har aktiverat dessa inställningar kan du anpassa följande detaljer:
- Visa författarnamn: ange den text som ska visas ovanför varje författarnamn. Som standard kommer denna modul att inkludera by som attributtext.
- Visa sammanfattning: ange längden på sammanfattningen i tecken för varje bloggsammanfattning. Du kan också anpassa sammanfattningens klicktext, som är den länk som bloggbesökare klickar på för att läsa hela inlägget. Som standard kommer denna text att märkas Läs mer.
- Visa publiceringsdatum: välj Publiceringsdatumformat för attanpassa hur datum och tid formateras för varje inlägg. Du kan också anpassa texten för publiceringsdatumet. Som standard kommer den här texten att lyda publicerad kl.
![HubSpot Help article screenshot](https://knowledge.hubspot.com/hs-fs/hubfs/Knowledge_Base_Images/Content/Design_Manager/Design%20manager%20re-design/rss.png?t=1531243608933&width=831&name=rss.png)
Rubrik för avsnitt
Med modulen Section Header kan du visa en h1-rubriktagg med en styckeunderrubrik. Den här modulen är idealisk för att rubricera det primära avsnittet på en sida.
![Section header](https://knowledge.hubspot.com/hs-fs/hubfs/Knowledge_Base_Images/Content/Design_Manager/Design%20manager%20re-design/section-header.png?t=1531243608933&width=601&name=section-header.png)
Enkel meny
Enkla menymoduler gör det möjligt för användare att skapa sidspecifika menyer i innehållsredigeraren. Den här modulen ger dig möjlighet att skapa en enkel meny för en viss mall. I inspektorn klickar du på Redigera meny för att lägga till menyobjekt, länkar och välja menyorientering. Om du redigerar inställningen för menyorientering läggs en klass med hs-menu-flow-horizontal eller hs-menu-flow-vertical till i 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 genom modulinställningar i vår utvecklardokumentation.
![Simple menu](https://knowledge.hubspot.com/hs-fs/hubfs/Knowledge_Base_Images/Content/Design_Manager/Design%20manager%20re-design/simple-menu.png?t=1531243608933&width=1024&name=simple-menu.png)
Social delning
Med modulen för social delning kan besökare enkelt dela ditt innehåll via sociala medier och e-post. Klicka påknappen Enabled? bredvid ett visst socialt nätverk för att inkludera det på din sida eller i ditt e-postmeddelande.
Delningslänken kommer automatiskt att fyllas i 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 det e-postmeddelandet i delningslänken.
Observera: 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.
Preferenser för prenumeration
Moduler för prenumerationsförmåner är endast tillgängliga på systemmallar för prenumerationsförmåner.
Med dessa moduler kan du anpassa den sida som en e-postmottagare ser när de hanterar sina prenumerationspreferenser eller avregistrerar sig från e-postkommunikation.
![Subscription preferences](https://knowledge.hubspot.com/hs-fs/hubfs/Knowledge_Base_Images/Content/Design_Manager/Design%20manager%20re-design/email-preferences.png?t=1531243608933&width=450&name=email-preferences.png)
Bekräftelse på uppdatering av prenumeration
Modulen för bekräftelse av uppdatering av prenumeration är en rik textmodul som är tillgänglig på systemmallar för bekräftelse av uppdatering av prenumeration. Den gör att du kan anpassa vad som visas när en e-postmottagare uppdaterar sina prenumerationsinställningar.
![Subscription updates](https://knowledge.hubspot.com/hs-fs/hubfs/Knowledge_Base_Images/Content/Design_Manager/Design%20manager%20re-design/subscription-update-confirmation.png?t=1531243608933&width=800&name=subscription-update-confirmation.png)
Visa som webbsida
Modulen Visa som webbsida ger e-postmottagarna möjlighet att öppna en webbversion av ett e-postmeddelande.
![HubSpot Help article screenshot](https://knowledge.hubspot.com/hs-fs/hubfs/Knowledge_Base_Images/Content/Design_Manager/Design%20manager%20re-design/view-as-web-page.png?t=1531243608933&width=1024&name=view-as-web-page.png)
WhatsApp-länk
Observera: den här modulen ärendast tillgänglig för Marketing Hub ochService Hub Professional och Enterprise-konton.
Använd modulen WhatsApp-länk för att lägga till ett sätt för webbplatsbesökare att få kontakt med dig direkt via WhatsApp. Den här modulen kan läggas till på webbplatssidor, blogginlägg och blogglistningssidor. Om du vill använda den här modulen måste du ansluta din WhatsApp-kanal till din konversationsinkorg.
Knappens styling, t.ex. färg och avstånd, kan anpassas under fliken Stilar i sidredigeraren och du kan konfigurera följande element:
- WhatsApp-nummer: välj ett anslutet WhatsApp-nummer.
- Opt in text: välj text för opt in och opt out.
- Show: 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 ikonens beskrivning för skärmläsare.