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.

Använda standardmoduler i layoutredigeraren

Senast uppdaterad: 6 juni 2025

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

Marketing Hub   Professional , Enterprise
Content Hub   Professional , Enterprise
Tidigare Marketing Hub Basic

HubSpot tillhandahåller standardmoduler för att bygga dra-och-släpp-redigerare mallar i layoutredigeraren i designhanteraren. Du kan lägga till standardmoduler och klona standardmoduler för användning i dina mallar med dra-och-släpp-funktion. Dessutom kan du redigera standardinnehållet för vissa standardmoduler.

Innan du sätter igång

Innan du börjar arbeta med den här funktionen bör du se till att du är helt införstådd med vilka åtgärder som bör vidtas i förväg, liksom funktionens begränsningar och potentiella konsekvenser av att använda den.

Förstå kraven

  • Användare måste vara Superadmin eller ha behörigheten Designverktyg aktiverad för att få åtkomst till och redigera moduler.

Förstå begränsningar och överväganden

  • I den här artikeln beskrivs hur du använder inspektören i layoutredigeraren i designhanteraren för att lägga till och klona standardmoduler. Du kan också redigera standardinnehållet för vissa standardmoduler.
  • Mer information om hur du lägger till standardmoduler med HubL i HTML-mallar eller anpassade mallar finns i dokumentationen för utvecklare.
  • Om du vill lägga till och redigera moduler i innehållsredigeraren kan du läsa mer om hur du lägger till och redigerar moduler i innehållsredigeraren.
  • Konton förMarketing Hub och Content Hub Professional & Enterprise har som standard en @hubspot-mapp i designhanteraren.
  • Vissa standardmoduler kan bara läggas till i vissa typer av mallar. Formulärmodulen är till exempel inte tillgänglig för mallar för e-post.
  • Standardmoduler måste klonas innan modulens källkod kan anpassas.

Lägg till moduler i dra-och-släpp-mallar

Du kan lägga till standardmoduler i Dra-och-släpp-redigerare i mallar med hjälp av layoutredigeraren i designhanteraren.

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

module-default-styling

  1. I inspektören för avsnittet Standardinnehåll redigerar du det innehåll som ska visas när modulen läggs till i innehållsredigeraren. Läs mer om hur du redigerar standardinnehållet för moduler.

set-default-content-for-a-module

  1. Om du vill hindra andra användare från att redigera en moduls standardinnehåll klickar du på för att slå på knappen Förhindra redigering i innehållsredigerare i avsnittet Redaktörsalternativ .

Klona standardmoduler

Du kan klona standardmoduler i mappen @hubspot i designhanteraren för att redigera modulens källkod. I den här mappen finns alla dina teman och standardmoduler, inklusive e-postmoduler med dra-och-släpp-funktion.

  1. I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
  2. I sökaren klickar du på mappen @hubspot.

hs-default-folder

  1. Högerklicka på en standardmodul och välj sedan Clone module.
  2. I den klonade modulen redigerar du modulens källkod. Läs mer om hur du konfigurerar en modul.
  3. Klicka på Publicera ändringar längst upp till höger.

Hantera modulversioner

Med jämna mellanrum kan HubSpot släppa en ny version av en befintlig standardmodul. Detta gör att HubSpot kan implementera viktiga uppdateringar utan att störa befintligt innehåll. En ny version av en modul kan till exempel ge förbättrad fältorganisation, fler stylingalternativ och förbättrad funktionalitet. Läs mer om modulversionering i HubSpots utvecklardokumentation.

Du kan hantera modulversioner från ditt kontos inställningssida för teman och moduler, inklusive att uppdatera en version, återgå till en tidigare version eller visa de aktuella versionerna av alla standardmoduler.

Uppdatera en moduls version

  • För att uppdatera till en ny version av en modul:
    1. I ditt HubSpot-konto klickar du på settings inställningsikonen i det övre navigeringsfältet.
    2. Navigera till Innehåll > Teman och moduler i menyn i vänster sidofält.
    3. På taggen Alerts visas de senaste uppdateringarna för standardmoduler med taggen Update Available. Klicka på Visa uppdatering bredvid en modul för att visa mer information om uppdateringen.

module-versioning-alerts-tab

    1. Granska ändringarna i det högra sidofältet. I sidofältet finns en sammanfattning av uppdateringen på hög nivå samt en detaljerad uppdelning av ändringarna och de tillgångar som påverkas.

module-versioning-details-sidebar

    1. För att uppdatera modulen klickar du på Delbetalning uppdatering. Klicka sedan på Bekräfta uppdatering i dialogrutan.

Observera att det kan ta upp till 10 minuter innan sidor och mallar visar den uppdaterade modulen.

  • När du har uppdaterat modulen kommer du till fliken Moduler på inställningssidan för teman och moduler. På den här sidan kan du se nyligen uppdaterade moduler, moduler med tillgängliga uppdateringar och versionsinformation för alla standardmoduler på ditt konto.

module-versioning-modules-tab

Återställ en uppdaterad modul

På fliken Moduler på inställningssidan kan du återställa en modul som har uppdaterats under de senaste 30 dagarna till en tidigare version.

  • För att återställa en nyligen uppdaterad modul:
    1. I ditt HubSpot-konto klickar du på settings inställningsikonen i det övre navigeringsfältet.
    2. Navigera till Innehåll > Teman och moduler i menyn till vänster i sidofältet.
    3. Klicka på fliken Moduler, leta reda på den modul som du vill återställa och klicka sedan på Återställ senaste uppdateringen.

roll-back-recent-update-table-row

    1. Granska modulens versionshistorik i den högra sidofältet och klicka sedan på Återställ den här uppdateringen.

module-versioning-roll-back-update-button

    1. Granska informationen i det högra sidofältet för att bekräfta att du vill rulla tillbaka uppdateringen och klicka sedan på Roll back.
    2. Klicka på Bekräfta i dialogrutan.
  • När du har återställt modulen kan det ta lite tid innan dina mallar och sidor visar den återställda modulen. Du kan uppdatera modulen igen genom att uppdatera en moduls version.

Redigera standardinnehåll för olika typer av moduler

Du kan redigera standardinnehållet för vissa standardmoduler i dra-och-släpp-redigerare i Designhanterarens layoutredigerare. Om du vill se en fullständig lista över standardmoduler kan du läsa mer om standardmoduler för e-post och standardmoduler för webb.

Säkerhetskopiering av prenumeration

Backup unsubscribe-modulen visas för e-postmottagare som klickar på en länk för att avsluta prenumerationen och HubSpot inte kan bekräfta deras e-postadress. Denna modul kan endast redigeras från en mall för e-post backup unsubscribe system.

  • Så här redigerar du standardinnehållet i modulen för avregistrering av säkerhetskopior:
    1. I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
    2. Navigera till din mall.
    3. Klicka på modulen Backupavregistrering i layoutredigeraren.
    4. I inspektören för avsnittet Standardinnehåll anger du den text som ska visas för Rubrik, Underrubrik och Felmeddelande.

hs-default-module-backup-unsubscribe

  • När du är klar med att redigera modulen klickar du på Publicera ändringar.

Prenumeration på e-post från blogg

Med modulen Prenumeration på blogg kan besökare prenumerera på e-post från din blogg genom att fylla i en formulär. Den här modulen fylls i av ditt formulär för prenumeration på bloggen, som kan anpassas i ditt verktyg för formulär.

Observera: Modulen för prenumerationer på blogg är inte tillgänglig för mallar för e-post.

  • Så här redigerar du standardinnehållet i modulen för prenumerationer på blogg-e-post:
    1. I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
    2. Navigera till din mall.
    3. Klicka på modulen Blogg E-post Prenumeration i layoutredigeraren eller lägg till modulen.
    4. I inspektören för avsnittet Standardinnehåll klickar du på rullgardinsmenyn Välj blogg att visa och väljer den blogg som dina besökare prenumererar på.
    5. Klicka på rullgardinsmenyn Rubriksnivå för att välja en rubriknivå.
    6. I fältet Titel som ska visas ovanför formuläret anger du den text som ska visas i titeln ovanför formuläret.
    7. I fältet Inline-svar för användare klickar du på ikonen expandIcon expandera för att anpassa den text som visas efter att en besökare har skickat in formuläret.

hs-default-module-blog-email-subscription

  • När du är klar med att redigera modulen för blogg e-post prenumerationer klickar du på Publicera ändringar längst upp till höger.

Call-to-action

En Call-to-action (CTA)-modul placerar en CTA i en egen modul i din layout. Du kan också infoga en CTA i en rik text-modul.

  • Så här redigerar du standardinnehållet i en Call-to-action-modul:
    1. I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
    2. Navigera till din mall.
    3. I layoutredigeraren klickar du på modulen Call-to-action eller lägger till modulen.
    4. Klicka på Välj i inspektorn för avsnittet Standardinnehåll.
hs-default-module-call-to-action
    1. Välj en CTA i den högra rutan eller klicka på Skapa ny.
    2. Klicka på Infoga.
  • När du är klar med att redigera Call-to-action-modulen klickar du på Publicera ändringar längst upp till höger.

Bibliotek med innehåll

Du kan använda modulen Bibliotek med innehåll för att skapa ett bibliotek med resurser som dina besökare kan komma åt.

  • Så här redigerar du standardinnehållet i modulen för biblioteket:
    1. I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
    2. Navigera till din mall.
    3. I layoutredigeraren klickar du på modulen Innehållsbibliotek eller lägger till modulen.
    4. Om du vill redigera en befintlig resurs i biblioteket med innehåll klickar du påredigeringsikonen editIc on i inspektorn. Du kan anpassa namn, beskrivning, länktext och bild.
    5. Om du vill ta bort en resurs från modulen för biblioteket med innehåll klickar du på ikonen deleteIcon delete i inspektören.
    6. Om du vill lägga till en anpassad resurs i modulen för innehållsbiblioteket klickar du på + Lägg till i inspektören.
    7. Om du vill ange att en resurs ska vara utvald klickar du på ikonen favoriteIcon set as featured i inspektören.

hs-default-modules-content-library

  • När du är klar med att redigera modulen för biblioteket med innehåll klickar du på Publicera ändringar längst upp till höger.

Formulär

Du kan använda formulärmodulen för att lägga till ett formulär i ditt innehåll för att samla in information om besökarna.

Observera: Formulärmodulen är inte tillgänglig för mallar för e-post.

  • För att redigera formulärmodulens standardinnehåll:
    1. I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
    2. Navigera till din mall.
    3. Klicka på modulen Formulär i layoutredigeraren eller lägg till modulen.
    4. I inspektören föravsnittet Standardinnehåll anger du texten för fältet Formulärets titel.
    5. Välj ett formulär i rullgardinsmenyn Formulär.
    6. I fältet Vad kommer en besökare att se efter att ha skickat in formuläret? väljer du Omdirigera till en annan sida eller Visa ett tackmeddelande.
      • Om du vill omdirigera till en annan sida väljer du en sida eller ett inlägg i rullgardinsmenyn Omdirigera länk eller klickar på + Lägg till extern länk.
      • Om du vill visa ett tackmeddelande klickar du påikonen expandexpandera i fältet Tackmeddelande.
    7. Markera kryssrutan Skicka formulärmeddelanden till angivna e-postadresser i stället för formulärets standardinställningar för att åsidosätta eventuella meddelandemottagare som angetts i verktyget för formulär.
  • När du är klar med att redigera formulärmodulen klickar du på Publicera ändringar längst upp till höger.

Du kan använda header-modulen för att visa en textrad i en HTML-tagg med rubrik.

  • Så här redigerar du rubrikmodulens standardinnehåll:
    1. I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
    2. Navigera till din mall.
    3. I layoutredigeraren klickar du på modulen Rubrik eller lägger till modulen.
    4. I inspektören för avsnittet Standardinnehåll skriver du in text i fältet Rubrikinnehåll.
    5. Klicka på rullgardinsmenyn Rubriknivå och välj en rubriknivå (H1-H4).

hs-default-modules-header

  • När du är klar med redigeringen av rubrikmodulen klickar du på Publicera ändringar uppe till höger.

Bild

Du kan använda bildmodulen för att visa en enda bild i ditt innehåll.

  • Så här redigerar du bildmodulens standardinnehåll:
    1. I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
    2. Navigera till din mall.
    3. Klicka på Bildmodulen i layoutredigeraren eller lägg till modulen.
    4. I inspektören för avsnittet Standardinnehåll klickar du på Ersätt i fältet Bild.
    5. Välj den bild som du vill visa i fönstret till höger.
    6. I fältet Alt-text anger du en textbeskrivning av bilden.
    7. I rullgardinsmenyn Storlek väljer du Automatisk justering eller Exakt bredd och höjd.
    8. I rullgardinsmenyn Maximal storlek väljer du Bildens originalstorlek eller Anpassad.
    9. I rullgardinsmenyn Bildladdning väljer du Webbläsarens standard, Lat eller Ivrig.
    10. I fältet Länk ( valfri) anger du en valfri URL som besökarna ska ledas till när de klickar på bilden.

hs-default-module-image

  • När du är klar med redigeringen av bildmodulen klickar du på Publicera ändringar uppe till höger.

Bildgalleri

Du kan använda modulen för bildrutnät för att lägga till ett enhetligt rutnät av bilder till ditt innehåll.

  • Så här redigerar du bildgallermodulens standardinnehåll:
    1. I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
    2. Navigera till din mall.
    3. I layoutredigeraren klickar du på modulen Bildraster eller lägger till modulen.
    4. Om du vill redigera en befintlig bild i modulen för bildraster klickar du påredigeringsikonen editIc on i inspektorn. Du kan ladda upp eller bläddra bland befintliga bilder och redigera länktext, länk-URL eller svävningsmeddelande.
    5. Om du vill ta bort en bild i bildgallermodulen klickar du på ikonen deleteIcon delete i inspektören.
    6. Om du vill lägga till en ny bild i bildgallermodulen klickar du på + Add i inspektorn.
    7. Klicka på för att expandera Inställningar. I inställningsfönstret kan du justerafunktionerna Hover,Click,Columns ochAspect ratio.

hs-default-modules-image-grid

  • När du är klar med redigeringen av bildgallerimodulen klickar du på Publicera ändringar längst upp till höger.

Bildslider

Du kan använda modulen Image Slider för att visa flera bilder som automatiskt bläddras igenom i samma modul.

  • För att redigera bildslidermodulens standardinnehåll:
    1. I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
    2. Navigera till din mall.
    3. I layoutredigeraren klickar du på modulen Image Slider eller lägger till modulen.
    4. Om du vill redigera en befintlig bild i bildslidermodulen klickar du påredigeringsikonen editIc on i inspektorn. Du kan ladda upp eller bläddra bland befintliga bilder och redigera bildtexten eller länkens URL.
    5. Om du vill ta bort en bild från bildreglage-modulen klickar du på ikonen deleteIcon delete i inspektören.
    6. Om du vill lägga till en ny bild i bildreglage-modulen klickar du på + Add i inspektorn.
    7. Klicka på för att expandera Inställningar. I inställningsfönstret kan du justerabilderna,rörelsen ochnavigeringen.

hs-default-modules-image-slider

  • När du är klar med redigeringen av bildslidermodulen klickar du på Publicera ändringar längst upp till höger.

Språkväxlare

Du kan använda modulen Language Switcher för att ge besökare möjlighet att växla mellan översatta versioner av en sida eller blogg.

Observera att språkväxlingsmodulen inte är tillgänglig för e-post mallar.

  • För att redigera språkväxlingsmodulens standardinnehåll:
    1. I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
    2. Navigera till din mall.
    3. Klicka på modulen Language Switcher i layoutredigeraren eller lägg till modulen.
    4. I inspektören för avsnittet Standardinnehåll markerar du kryssrutan Lägg till chevron nedåt för att visa en chevron för språkväxlaren.
    5. Klicka på rullgardinsmenyn Visningsläge för att välja något av följande:
      • Pagelang: namnet på varje språk som kommer att visas på språket 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äljaren.
      • Lokaliserad: namnet på varje språk visas på det språket. Om du t.ex. tittar på den engelska versionen av en sida med en fransk översättning och klickar på språkväxlaren visas språknamnen English och Français.
      • 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äljaren visas engelska och franska (Français) som språknamn.
    6. Klicka på rullgardinsmenyn Ikonalternativ och välj Ingen, Ikon eller Anpassad ikon.

hs-default-modules-language-switcher

  • När du är klar med redigeringen av språkväxlingsmodulen klickar du på Publicera ändringar längst upp till höger.

Observera: den här modulen visas bara på live-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

Du kan använda logotypmodulen för att visa ditt företags logotyp från ditt varumärkeskit på ditt innehåll.

  • Så här redigerar du logotypmodulens standardinnehåll :
    1. I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
    2. Navigera till din mall.
    3. Klicka på logotypmodulen i layoutredigeraren eller lägg till modulen.
    4. I inspektören för avsnittet Standardinnehåll klickar du på för att växla Åsidosätt standardlogotyp för att ladda upp en ny bild för innehåll som använder mallen.
    5. Om du vill redigera standardlogotypen klickar du på Redigera standardlogotyp i den här domänen.
    6. I rullgardinsmenyn Bildladdning väljer du Webbläsarstandard, Lat eller Ivrig.
    7. I fältet Länk-URL anger du den URL-text som du vill att besökarna ska omdirigeras till när de klickar på logotypbilden. Detta kommer att åsidosätta den standard som anges i ditt varumärkeskit.

hs-default-modufles-logo

  • När du är klar med logotypmodulen klickar du på Publicera ändringar längst upp till höger.

Rutnät för logotyp

Du kan använda modulen Logo Grid för att ordna flera logotyper av olika dimensioner i ett enhetligt rutnät.

  • För att redigera logotyprastermodulens standardinnehåll:
    1. I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
    2. Navigera till din mall.
    3. Klicka på modulen Logo Grid i layoutredigeraren eller lägg till modulen.
    4. Om du vill redigera en befintlig bild klickar du påredigeringsikonen editIcon i inspektorn. Du kan ladda upp eller bläddra bland befintliga bilder och redigera alt-text eller bildladdning.
    5. Om du vill ta bort en bild i modulen Logo Grid klickar du på ikonen deleteIcon delete i inspektören.
    6. Om du vill lägga till en ny bild i logotypens rutnätsmodul klickar du på + Add i inspektören.

hs-default-modules-logo-grid

  • När du är klar med redigeringen av logotypen klickar du på Publicera ändringar längst upp till höger.

E-postens huvudtext

E-postens huvudmodul är en standardmodul för rik text som ingår som standard i alla mallar för e-post.

  • Så här redigerar du standardinnehållet i modulen för huvudtexten i e-postmeddelandet:
    1. I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
    2. Navigera till din mall.
    3. Klicka på modulen Huvudtext i e-post i layoutredigeraren.
    4. I inspektören för avsnittet Standardinnehåll klickar du påikonen expandIconexpandera för att redigera texten som visas i e-postens brödtext.

hs-default-modules-main-email-body

  • För att redigera stylingalternativen för huvudmodulen i e-postens brödtext:
    1. I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
    2. Navigera till din mall.
    3. Klicka på modulen Huvudtext i e-post i layoutredigeraren.
    4. I inspektören för avsnittet Stylingalternativ anger du hexadecimala värden i textfälten för Textfärg, Bakgrundsfärg och Kantfärg. Du kan också klicka påfärgväljaren .

hs-default-modules-main-email-body-styling

  • När du är klar med redigeringen av e-postens huvudmodul klickar du på Publicera ändringar längst upp till höger.

Meny

Du kan använda menymodulen för att lägga till navigering i ditt innehåll. Menyer skapas och hanteras direkt i inställningarna för navigeringsmenyn.

  • För att redigera menymodulens standardinnehåll:
    1. I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
    2. Navigera till din mall.
    3. Klicka på modulen Meny i layoutredigeraren eller lägg till modulen.
    4. I inspektören för avsnittet Standardinnehåll klickar du på rullgardinsmenyn Meny och väljer en befintlig meny eller klickar på Skapa ny.
    5. I rullgardinsmenyn Avancerad meny väljer du något av följande:
      • Statisk - Visa alltid sidor på översta nivån i menyn: se till att menyn är konsekvent på alla sidor.
      • Dynamisk per avsnitt - Visa sidor i menyn som är relaterade till det avsnitt som visas: visa menyalternativ i förhållande till det menyalternativ på högsta nivån som visas.
      • Dynamisk per sida - Visa sidor i menyn som är relaterade till sidan som visas: visa menyalternativ som är relaterade till den specifika sidan som visas.
      • Breadcrumb-meny (använder horisontellt flöde): visar menyalternativ horisontellt i en relativ sökväg över toppen av din webbplats.
    6. I fältet Maxnivåer anger du det maximala antalet underordnade meny objekt som kan visas.
    7. I rullgardinsmenyn Orientering väljer du Horisontell eller Vertikal.
    8. Om du vill visa underordnade menyalternativ när du håller muspekaren över den överordnade navigeringen markerar du kryssrutan Aktivera flyouts?

hs-default-modules-menu

  • När du är klar med att redigera menymodulen klickar du på Publicera ändringar längst upp till höger.

Information om kontorets läge

Modulen för kontorsplats innehåller nödvändiga tokens som måste ingå i en e-post mall för att skicka e-post för marknadsföring.

  • Så här redigerar du standardinnehållet i modulen för information om kontorsplats:
    1. I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
    2. Navigera till din mall för e-post.
    3. Klicka på modulen Information om kontorsplats i layoutredigeraren.
    4. I inspektören för avsnittet Standardinnehåll klickar du på ikonen expandIcon expandera för att redigera den text som visas med de nödvändiga tokens i din e-post.

hs-default-modules-office-location-information

  • Så här redigerar du stylingalternativen för modulen för information om kontorsplats:
    • I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
    • Navigera till din mall.
    • I layoutredigeraren klickar du på modulen Information om kontorsplats .
    • I inspektören för avsnittet Stylingalternativ anger du hexadecimala värden i textfälten för Textfärg, Bakgrundsfärg och Kantfärg. Du kan också klicka påfärgväljaren .

hs-default-modules-main-email-body-styling

  • När du är klar med att redigera informationsmodulen för kontorsplatsen klickar du på Publicera ändringar längst upp till höger.

En rad med text

Du kan använda modulen för en textrad för att lägga till en enda textrad i ditt innehåll.

  • För att redigera standardinnehållet i modulen med en rad text:
    1. I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
    2. Navigera till din mall.
    3. Klicka på modulen En rad text i layoutredigeraren eller lägg till modulen.
    4. I inspektören för avsnittet Standardinnehåll skriver du in text i fältet Text.

hs-default-modules-one-line-of-text

  • När du är klar med redigeringen av modulen med en rad text klickar du på Publicera ändringar längst upp till höger.

Prompt lösenord

Modulen för lösenordsprompt är tillgänglig på systemmallar för lösenordsprompt. Om en sida är lösenordsskyddad visas sidan med prompten för lösenord innan en användare kan komma åt sidan.

  • Så här redigerar du standardinnehållet i modulen för lösenordets prompt:
    1. I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
    2. Navigera till mallen för din prompt för lösenord.
    3. Klicka på modulen Password Prompt i layoutredigeraren.
    4. I inspektören för avsnittet Standardinnehåll klickar du på ikonen expandIcon expandera för att redigera meddelandetexten för dåligt lösenord.

hs-default-modules-password-prompt

  • När du är klar med att redigera modulen för lösenordsprompt klickar du på Publicera ändringar längst upp till höger.

Filter för inlägg

Du kan använda filtermodulen för inlägg för att visa en lista med bloggartiklar från ett visst ämne, en viss månad eller en viss författare.

  • För att redigera standardinnehållet i modulen för inläggsfilter:
    1. I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
    2. Navigera till din mall.
    3. Klicka på modulen Inläggsfilter i layoutredigeraren.
    4. I inspektören för avsnittet Standardinnehåll väljer du en blogg som ska visas i rullgardinsmenyn Välj blogg som ska visas.
    5. I rullgardinsmenyn Lista över värden för filterlänkar väljer du Tagg, Månad eller Auktoritet.
    6. I rullgardinsmenyn Ordningsföljd för värden för filterlänkar väljer du Inläggsantal eller Namn.
    7. I fältet Listtitel som ska visas anger du den text som ska visas som listans titel.
    8. Om du vill visa alla filter markerar du kryssrutan Visa alla filter.
    9. I fältet Maximalt antal filtervärden som ska visas anger du antalet inlägg för ett filter.
    10. I fältet Text att visa om fler än det maximala värdet att visa är tillgängliga. Lämna tomt för att utelämna länkfältet anger du den text som ska visas om det finns fler tillgängliga inlägg i en kategori.

hs-default-modules-post-filter

  • När du är klar med redigeringen av postfiltermodulen klickar du på Publicera ändringar längst upp till höger.

Lista över inlägg

Du kan använda modulen för inläggslistor för att visa en lista över blogginlägg från din blogg.

  • För att redigera standardinnehållet i modulen för listan över inlägg:
    1. I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
    2. Navigera till din mall.
    3. Klicka på modulen Lista över inlägg i layoutredigeraren.
    4. I inspektören för avsnittet Standardinnehåll väljer du en blogg som ska visas i rullgardinsmenyn Välj blogg som ska visas.
    5. I rullgardinsmenyn Sortera inlägg efter väljer du Senaste, Mest populära - hela tiden, Mest populära - senaste året, Mest populära- senaste halvåret eller Mest populära- senaste månaden.
    6. I fältet Välj vad som ska visas i flödet markerar du kryssrutan bredvid Bild, Titel, Auktoritetens namn och/eller Publiceringsdatum.
    7. I fältet Maximalt antal blogginlägg att lista anger du det maximala antalet blogginlägg som ska visas.
    8. I fältet Inläggsrubrik anger du den text som ska visas högst upp i modulen.
    9. I rullgardinsmenyn Rubriknivå väljer du rubriknivå (H1-H6) för innehållet i modulen.

hs-default-modules-post-listing

  • När du är klar med att redigera modulen för listan över inlägg klickar du på Publicera ändringar längst upp till höger.

Produkt

Du kan visa produkter från ditt bibliotek på sidor och i inlägg med hjälp av produktmodulen. Produkternas standardinformation visas, men du kan välja att åsidosätta den på varje sida.

  • Så här redigerar du standardinnehållet i modulen för produkter:
    1. I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
    2. Navigera till din mall.
    3. I layoutredigeraren klickar du på modulen Produkter eller lägger till modulen.
    4. I inspektören för avsnittet Standardinnehåll klickar du på Välj en produkt.
    5. Markera kryssrutan bredvid produkten i den högra sidofönstret och klicka sedan på Välj. Om du vill skapa en ny produkt klickar du på Skapa en produkt.
    6. När du har valt en produkt kan du åsidosätta och redigera namn, beskrivning, bild och knapp som visas.

product-module

  • När du är klar med att redigera modulen för produkten klickar du på Publicera ändringar längst upp till höger.

Rik text

Modulen för rik text stöder redigeringsalternativ för olika komponenter, t.ex. text, bilder och CTA:er.

  • Så här redigerar du standardinnehållet i modulen för rik text:
    1. I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
    2. Navigera till din mall.
    3. Klicka på modulen Rich Text i layoutredigeraren eller lägg till modulen.
    4. I inspektören för avsnittet Standardinnehåll klickar du på ikonen expandIcon expandera för att redigera innehållet i rik text. Läs mer om hur du redigerar innehåll i rikstextmoduler.

hs-default-modules-rich-text

  • När du är klar med redigeringen av RTF-modulen klickar du på Publicera ändringar längst upp till höger.

Lista över RSS

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

Observera: Modulen för RSS-listor är inte tillgänglig för e-postmallar. Använd en RSS e-post istället.

  • Så här redigerar du standardinnehållet i modulen för RSS-listor:
    1. I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
    2. Navigera till din mall.
    3. Klicka på modulen RSS Lista i layoutredigeraren eller lägg till modulen.
    4. I inspektören för avsnittet Standardinnehåll anger du text för fältet RSS Title.
    5. I fältet Lägg till ett RSS-flöde väljer du Använd ett externt RSS -flöde eller Använd en HubSpot-hostad blogg.
    6. I rullgardinsmenyn Blogg väljer du en blogg.
    7. I rullgardinsmenyn Filtrera efter tagg väljer du en tagg.
    8. I fältet Maximalt antal inlägg som ska visas anger du antalet inlägg.
    1. Om du vill inkludera en presenterad bild markerar du kryssrutan för Inkludera presenterad bild.
    2. Om du vill visa författarens namn markerar du kryssrutan för Visa författarens namn.
    3. I fältet Text för attribuering av författare anger du den text som ska visas. Standardinställningen är by som text för attribuering.
  • hs-default-modules-rss-listing-1
    1. Om du vill visa en sammanfattning av bloggen markerar du kryssrutan för Visa sammanfattning.
    2. I fältet Begränsa sammanfattningens längd (antal tecken) anger du det antal tecken som sammanfattningen ska begränsas till.
    3. Ange den text som ska visas i fältet Summary clickthrough text. Standardinställningen är Läs mer som text.
    4. Om du vill visa publiceringsdatumet markerar du kryssrutan för Visa publiceringsdatum.
    5. I rullgardinsmenyn Format för publiceringsdatum väljer du format för publiceringsdatumet.
    6. I fältet Text för indikator för publiceringsdatum anger du den indikatortext som ska visas. Standardinställningen är publicerad den som text.

hs-default-modules-rss-listing-2

  • När du är klar med att redigera modulen för RSS-listan klickar du på Publicera ändringar längst upp till höger.

Rubrik för avsnitt

Du kan använda modulen för avsnittsrubriker för att visa text i en rubrik tagg med en styckeunderrubrik.

  • Så här redigerar du standardinnehållet i modulen för avsnittsrubriker:
    1. I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
    2. Navigera till din mall.
    3. I layoutredigeraren klickar du på modulen Avsnittsrubrik eller lägger till modulen.
    4. I inspektören för avsnittet Standardinnehåll anger du text för innehållsfältet Avsnittsrubrik.
    5. I rullgardinsmenyn Rubriknivå väljer du rubriknivå (H1-H6) för innehållet i texten.

hs-default-modules-section-heading

  • När du är klar med att redigera modulen för avsnittsrubriker klickar du på Publicera ändringar uppe till höger.

Enkel meny

Du kan använda modulen Enkel meny för att skapa en meny för en specifik mall.

  • För att redigera modulen Enkel menys standardinnehåll:
    1. I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
    2. Navigera till din mall.
    3. I layoutredigeraren klickar du på modulen Enkel meny eller lägger till modulen.
    4. I inspektören för avsnittet Standardinnehåll klickar du på Redigera meny för fältet Enkel meny.
hs-default-modules-simple-menu 
    1. För att redigera den enkla menyn klickar du på Lägg till menyalternativ. Ange sedan text i fältet Menyobjektets etikett . Standardtypen för menyalternativet är inställd på Sidlänk.
      • Om du vill ändra typen av menyobjekt till en extern URL-länk klickar du på rullgardinsmenyn Åtgärder meny och och sedan på URL-länk.
      • Om du vill ändra typen av menyobjekt till att inte ha en URL-länk klickar du på rullgardinsmenyn Åtgärder och sedan på Ingen länk.
      • Om du vill ändra menyobjektstypen till en HubSpot-hostad sida med en URL-parameter klickar du på rullgardinsmenyn Åtgärder och sedan på Sidlänk med URL-parameter.
hs-default-modules-simple-menu-2
    1. Välj Horisontell eller Vertikal i fältet Menyorientering. När du ändrar inställningarna för menyorienteringen läggs en klass hs-menu-flow-horizontal eller hs-menu-flow-vertical till i behållaren för menyomslaget. Denna klass kan användas för att utforma menyn i din CSS. Läs mer om klasser som läggs till genom modulinställningar i utvecklardokumentationen.
  • När du är klar med redigeringen av modulen Enkel meny klickar du på Publicera ändringar uppe till höger.

Social delning

Du kan använda modulen för social delning för att ge besökarna möjlighet att dela ditt innehåll via sociala medier och e-post.

  • Så här redigerar du standardinnehållet i modulen för social delning:
    1. I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
    2. Navigera till din mall.
    3. Klicka på modulen Social delning i layoutredigeraren eller lägg till modulen.
    4. I inspektören för avsnittet Standardinnehåll anger du en valfri anpassad sid-URL i fältet Länk-URL.
    5. I varje avsnitt om sociala nätverk klickar du på för att expandera avsnittet och markerar sedan kryssrutan Aktiverad? för att inkludera det i ditt innehåll.
    6. När ett socialt nätverk har aktiverats kommer fältet Länk automatiskt att fyllas i med de HubL-taggar som krävs för att dela ditt innehåll. I e-post för marknadsföring 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.

  • När du är klar med att redigera den sociala delningsmodulen klickar du på Publicera ändringar längst upp till höger.

Socialt följare

Du kan använda modulen för sociala följare för att ge besökarna möjlighet att följa ditt företag på sociala medier.

  • För att redigera standardinnehållet i modulen för sociala följare:
    1. I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
    2. Navigera till din mall.
    3. I layoutredigeraren klickar du på modulen Social follow eller lägger till modulen.
hs-default-module-social-follow-1
    1. Om du vill redigera en befintlig social länk från modulen Social Follow klickar du påredigeringsikonen editIcon i inspektorn. Du kan anpassa URL:en och välja Öppna länk i nytt fönster, Den här länken är en podcast, Anpassa alt-text och/eller Anpassa ikonrutor.

customize-social-icons

    1. Om du vill ta bort en social länk från modulen Social Follow klickar du på ikonen deleteIcon delete i inspektorn.
    2. Om du vill lägga till en social länk i modulen för sociala följare klickar du på + Lägg till i inspektören. I rullgardinsmenyn Länk till väljer du Extern eller E-post adress.
  • När du är klar med att redigera modulen för sociala följare klickar du på Publicera ändringar längst upp till höger.

Prenumerationspreferenser

Du kan använda modulen för Prenumerationspreferenser för att anpassa innehållet som en e-postmottagare ser när de hanterar sina Prenumerationspreferenser. Den här modulen är endast tillgänglig för systemmallar för Prenumerationspreferenser.

  • Så här redigerar du standardinnehållet i modulen Prenumerationspreferenser:
    1. I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
    2. Navigera till din mall.
    3. I layoutredigeraren klickar du på modulen Prenumerationspreferenser.
    4. I inspektören för avsnittet Standardinnehåll anger du text för fältet Rubrik.
    5. I rullgardinsmenyn Rubriknivå för rubrik väljer du en rubriknivå (H1-H6).
    6. I rullgardinsmenyn E-post rubriknivå väljer du en rubriknivå (H1-H6).
    7. I fältet Underrubrik klickar du på ikonen expandIcon expandera för att redigera texten.
hs-default-modules-subscription-preferences
    1. Skriv in önskad text i följande fält:
      • Hjälptext för val av preferenser
      • Avsluta prenumeration på all hjälptext
      • Avsluta all hjälptext för en användare som för närvarande är avregistrerad
      • Etikett för att avregistrera alla
      • Uppdatera preferenser knapptext
      • Knapptext för återprenumeration
Subscription preferences
  • När du är klar med att redigera modulen för Prenumerationspreferenser klickar du på Publicera ändringar längst upp till höger.

Bekräftelse på uppdatering av Prenumerationer

Du kan använda modulen för bekräftelse av uppdatering av prenumeration för att anpassa vilket innehåll som visas när en e-postmottagare uppdaterar sina Prenumerationspreferenser. Den här modulen är endast tillgänglig på systemmallar för bekräftelse av e-postprenumerationer.

  • Så här redigerar du standardinnehållet i modulen för bekräftelse av uppdatering av prenumerationer:
    1. I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
    2. Navigera till din mall för systemet.
    3. I layoutredigeraren klickar du på modulen Bekräftelse av uppdatering av Prenumerationer.
    4. I inspektören för avsnittet Standardinnehåll anger du text för fältet Rubrik.
    5. I rullgardinsmenyn Rubriknivå för rubrik väljer du en rubriknivå (H1-H6).
    6. I rullgardinsmenyn E-post rubriknivå väljer du en rubriknivå (H1-H6).
    7. I fältet Underrubrik klickar du på ikonen expandIcon expandera för att redigera texten.

hs-default-modules-subscription-preferences

    1. I fältet Meddelande vid avprenumeration anger du den text som ska visas när en besökare avregistrerar sig.
    2. I fältet Meddelande vid uppdatering av prenumeration anger du den text som ska visas när en besökare uppdaterar sina Prenumerationspreferenser.

hs-default-modules-subscriptions-update-confirmation

  • När du är klar med att redigera modulen för bekräftelse av uppdatering av prenumerationer klickar du på Publicera ändringar längst upp till höger.

Visa som webbsida

Du kan använda modulen Visa som webbsida för att ge e-postmottagarna möjlighet att öppna dina e-post för marknadsföring som en webbsida. Läs mer om hur du använder webbsideversionen av en modul för e-post.

  • Så här redigerar du standardinnehållet i modulen Visa som webbsida:
    1. I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
    2. Navigera till din mall för e-post.
    3. I layoutredigeraren klickar du på modulen Visa som webbsida eller lägger till modulen.
    4. I inspektören för avsnittet Standardinnehåll klickar du påikonen expandIco expandera för att redigera texten som visas i textfältet Visa som webbsida.

hs-default-modules-view-as-web-page

  • För att redigera stylingalternativen för huvudmodulen i e-postens brödtext:
    1. I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
    2. Navigera till din mall för e-post.
    3. I layoutredigeraren klickar du på modulen Visa som webbsida eller lägger till modulen.
    4. I inspektören för avsnittet Stylingalternativ anger du hexadecimala värden i textfälten för Textfärg, Bakgrundsfärg och Kantfärg. Du kan också klicka påfärgväljaren .

hs-default-modules-main-email-body-styling

  • När du är klar med redigeringen av e-postens huvudmodul klickar du på Publicera ändringar längst upp till höger.

WhatsApp-länk

Du kan använda WhatsApp-länkmodulen för att ge webbplatsens besökare möjlighet att ansluta sig direkt till dig. Den här modulen kan läggas till på sidor, blogginlägg och listningssidor för bloggar. För att använda den här modulen måste du ansluta din WhatsApp-kanal till inkorgen för samtal.

Observera: den här modulen är endast tillgänglig förkonton Marketing Hub och Service Hub Professional och Enterprise.

  • Så här redigerar du standardinnehållet i WhatsApp-länkmodulen:
    1. I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
    2. Navigera till din mall.
    3. I layoutredigeraren klickar du på modulen WhatsApp-länk eller
      eller lägger till modulen.
    4. I inspektören för avsnittet Standardinnehåll klickar du på Gå till inställningar för att ansluta din WhatsApp-kanal till inkorgen för samtal.
    5. I rullgardinsmenyn Registrera text väljer du ett Registrera-alternativ.
    6. I rullgardinsmenyn Visa väljer du Text och ikon, Endast text eller Endast ikon.
    7. I rullgardinsmenyn Ikonposition väljer du Vänster eller Höger.
    8. I fältet Knapptext anger du den text som ska visas på knappen. Standardtexten visar Chatt på WhatsApp.
    9. I fältet Whatsapp-ikonens titel anger du titeltexten för tillgänglighet. Standardtexten är WhatsApp-ikonen.

whatsapp-link-module

  • När du är klar med redigeringen av WhatsApp-länkmodulen klickar du på Publicera ändringar längst upp till höger.
Hjälpte artikeln?
Detta formulär används endast för dokumentationsfeedback. Få reda på hur du får hjälp med HubSpot.
OSZAR »