HubSpots standardmoduler

I innehållsredigeraren och designhanteraren finns det vissa standardmoduler som kan användas för de flesta typer av innehåll.

Genom att använda HubL-snippets kan du också lägga till dessa standardmoduler i HTML-mallar. Läs mer om hur du arbetar med standardmoduler i anpassade mallar i utvecklardokumentationen.

Lägg till modul för att dra och släppa mallar

I designhanteraren kan du lägga till standardmoduler i mallar som du drar och släpper med hjälp av layoutredigeraren.

• I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
• Klicka på namnet på mallen i den vänstra kolumnen.
• Klicka på + Lägg till i den högra kolumnen.
• Ange namnet på en standardmodul eller en anpassad modul i sökfältet.
• Klicka på modulens namn och dra den sedan till din mall.
• I avsnittet Stylingalternativ anger du anpassad styling för modulen.

• I avsnittet Standardinnehåll anpassar du det innehåll som ska visas när modulen läggs till i innehållsredigeraren.

• I avsnittet Editor options (Redaktörsalternativ ) slår du på knappen Prevent editing in content editors (Förhindra redigering i innehåll sredigerare) för att hindra andra användare från att redigera modulens standardinnehåll i innehållsredigeraren.

Anpassa standardmoduler

Alla Marketing Hub Professional & Enterprise- och Content Hub Professional & Enterprise-konton har en @hubspot-mapp i designhanteraren.

Den här mappen innehåller alla dina teman och standardmoduler, inklusive drag-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å en standardmodul och välj sedan Clone module.
  
  
• I den klonade modulen redigerar du modulens källkod.
• Klicka på Publicera ändringar längst upp till höger.

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.

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.

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.

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ör att anpassa den text som visas efter att en besökare har skickat in formuläret.

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å rullgardinsmenyn CTA och väljer en standard-CTA för den här modulen i din mall. Eller klicka på + Skapa ny CTA i samma meny för att skapa en ny CTA som din standard-CTA.

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.

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:

1. Formulärtitel: ange titeln på formuläret som ska 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 informulä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.
4. Tackmeddelande: Anpassa ditt tackmeddelande inline.
5. Skicka formulärmeddelanden till angivna e-postadresser i stället för formulärets standard: skicka formulärmeddelanden till specifika adresser. Detta kommer att åsidosätta alla aviseringsmottagare som ställts in i formulärverktyget.
6. Lägg tilli 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ö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).

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: namnetpå 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åkomkopplaren visas English och Français som språknamn.
• Hybrid: en kombination av de två. Om du t.ex. 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.

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.

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

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:

1. Meny: välj en av dina befintliga menyer från dina inställningar.
2. 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 det avsnitt som visas: visa menyalternativi förhållande till det menyalternativ på översta nivån 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 sida som visas .
   • Breadcrumb-meny (använder horisontellt flöde): visa menyalternativ horisontellt i en relativ sökväg över toppen av webbplatsen.
3. Max levels: väljdet maximala antalet underordnade menyalternativ som kan visas.
4. Orientation: välj om menyalternativen ska visas horisontellt eller vertikalt.
5. 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.

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 HubL-taggar som krävs.

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.

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.

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 alfabetiskordning 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 skavisas om det finns fler tillgängliga inlägg i en kategori. Standardtexten är Se alla .

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 bloggsom ska visas: 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.
• Maximalt antal blogginlägg som ska listas: ange ett maximalt antal inlägg som ska visas i den här modulen.

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.

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.

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.

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.

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.

Social uppföljning

Med en social follow-modul kan du hänvisa besökare till att följa ditt företag på sociala medier. För varje socialt nätverk kan du ange en anpassad länk eller e-postadress. I designhanteraren kan du också ställa in anpassade ikoner för varje socialt nätverk.

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.

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.

Visa som webbsida

Modulen Visa som webbsida ger e-postmottagarna möjlighet att öppna en webbversion av ett e-postmeddelande.

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 kontakta 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.