Spring til indhold
Bemærk:Oversættelsen af denne artikel er kun til rådighed for nemheds skyld. Oversættelsen oprettes automatisk via en oversættelsessoftware og er muligvis ikke blevet korrekturlæst. Den engelske version af denne artikel bør således anses for at være den gældende version, der indeholder de seneste oplysninger. Du kan få adgang til den her.

Opret og rediger moduler i designmanageren

Sidst opdateret: 5 december 2025

Gælder for:

Med designmanageren kan du oprette brugerdefinerede moduler for at tilføje avancerede funktioner til din blog, sider eller e-mails. Brugerdefinerede moduler tilbyder en bred vifte af funktioner, så indholdet kan tilpasses fuldt ud i side-, e-mail- eller blogeditoren.

Bemærk: Oprettelse af moduler kræver kendskab til HTML, CSS, HubL og HubSpot designmanager. HubSpot anbefaler, at man samarbejder med en udvikler om at skabe kodede moduler.

Opret et nyt modul

  1. På din HubSpot-konto skal du navigere til Indhold > Design Manager.
  2. Klik på rullemenuen Filer øverst i stifinderen, og vælg Ny fil.

I designmanageren, i stifinderen, placeres en boks omkring rullemenuen File, og mulighederne vises. En pil peger på indstillingen "Ny fil".

  1. I dialogboksen skal du klikke på rullemenuen Hvad vil du bygge i dag? og vælge Modul.
  2. Klik på Næste.
  3. I feltet Hvor vil du bruge dette modul skal du markere afkrydsningsfeltet ud for hver indholdstype, hvor dit modul skal bruges (f.eks. Blogindlæg, E-mails eller Landingssider). 
  4. I feltet Omfang af modulindhold skal du vælge en mulighed (f.eks. Lokalt modul eller Globalt modul). Hvis du opretter et globalt modul, vil redigering af modulets indhold opdatere alle de steder, hvor modulet bruges. 
  5. Indtast et filnavn til modulet.
  6. Hvis du vil ændre modulets filplacering, skal du klikke på Skift i afsnittet Filplacering . Vælg en ny placering i Pop op-boksen, og klik derefter på Vælg.
  7. Klik på Opret, når du er færdig.
  8. Fortsæt med at redigere modulet.

Bemærk: Moduler, der bruges i e-mails, kan kun oprettes på konti med et Marketing Hub Professional- eller Enterprise-abonnement . De kan ikke indeholde CSS eller JavaScript. 

Rediger et modul

Når du har oprettet et modul i designmanageren, kan du tilpasse dets funktionalitet og udseende. Label modulet for at gøre det mere overskueligt, tilføj og konfigurer felter, og juster felteditorindstillinger som f.eks. standardindhold. Indstil visningsbetingelser og repeaterindstillinger, og gruppér de relaterede felter for bedre organisering. Du kan også kopiere og indsætte tekstblokke fra felter, skrive brugerdefineret modulsyntaks, tilføje nyttig instruktionstekst og redigere, hvilke skabeloner dit modul kan bruges sammen med.

Tilføj en label til et modul

I designmanageren kan du tilføje eller opdatere en label til et modul for at hjælpe brugerne med at identificere det i indholdseditoren. Hvis labelen er tom, vises modulets navn som standard.

  1. På din HubSpot-konto skal du navigere til Indhold > Design Manager.
  2. Klik i stifinderen for at åbne et modul , du gerne vil redigere labelen til.
  3. Indtast en label i inspektøren.
I designmanageren vises inspektøren for et modul. Øverst i inspektøren er feltet Label tomt.

Tilføj felter til et modul

Tilføj felter til et modul for at indstille modulets indhold eller styling og gøre det redigerbart i indholdseditoren. Få mere at vide om tilgængelige felttyper. 

  1. På din HubSpot-konto skal du navigere til Indhold > Design Manager.
  2. Klik i søgeren for at åbne et modul.
  3. Klik på rullemenuen Tilføj felt i afsnittet Felter i inspektøren. Vælg derefter et felt , der skal tilføjes til modulet.

I designmanageren vises inspektøren for et modul. I sektionen Fields er der placeret en boks omkring rullemenuen Add field.

  1. For at redigere navnet på feltet skal du klikke på edit rediger-ikonet og indtaste et nyt navn. Hvis du vil redigere navnet på HubL-variablen, skal du indtaste et nyt navn i feltet HubL-variabelnavn . 

I designmanageren vises inspektøren for et modulfelt. Øverst i modulfeltets detaljer er der en boks placeret omkring redigeringsikonet for at redigere modulfeltets navn. En pil peger på tekstinputfeltet HubL variable name med værdien 'event_date_and_time'.

Tilpas feltets standardindhold

I afsnittet Indholdsindstillinger kan du tilføje standardindhold, der vises, når modulet bruges i skabeloner og indholdsredaktører. Mulighederne for standardindhold varierer afhængigt af felttypen.

  1. På din HubSpot-konto skal du navigere til Indhold > Design Manager.
  2. Klik i søgeren for at åbne et modul.
  3. Hold musen over et felt i afsnittet Felter i inspektøren, og klik på Rediger.
  4. I afsnittet Indholdsindstillinger kan du tilføje eller redigere standardindholdsindstillinger. De tilgængelige standardindholdsmuligheder afhænger af den valgte felttype.

Hvis man f.eks. tilføjer en felttype Dato og tid til et modul, kan man vælge en standarddato og -tid. Du kan også indtaste et standardtidsinterval.

I designmanageren viser inspektøren et felts standardindstillinger for indhold. For felttypen Dato og klokkeslæt kan du vælge en standarddato og -klokkeslæt. Du kan også vælge et tidsinterval i minutter.

Indstil indstillinger for felteditor

I afsnittet Editor Options kan du gøre et felt obligatorisk og forhindre redigering i indholdseditoren. Du kan også tilpasse hjælpeteksten. 

  1. På din HubSpot-konto skal du navigere til Indhold > Design Manager.
  2. Klik i søgeren for at åbne et modul.
  3. Hold musen over et felt i afsnittet Felter i inspektøren, og klik på Rediger.
  4. I sektionen Editor options skal du slå Make this field required til for at gøre feltet obligatorisk. Det forhindrer brugerne i at lade feltet stå tomt i indholdseditoren.
  5. Hvis du vil forhindre, at et felts indhold redigeres, skal du slå Forhindr redigering i indholdsredigering til. Feltets indhold kan stadig tilpasses i designmanageren på skabelonniveau. Denne mulighed er ikke tilgængelig for globale moduler.
  6. Hvis du vil tilføje kontekst eller instruktioner om, hvordan du bruger feltet, skal du indtaste tekst i tekstfeltet Tooltip-hjælp eller i tekstfeltet Inline-hjælp .
    • Tooltip-hjælpetekst: Denne tekst vises i et tooltip, når en bruger holder musen over infoCircleIcon info-ikonet i indholdseditoren.
    • Inline-hjælpetekst: Denne tekst vises under feltet, når en bruger redigerer modulet i indholdseditoren.

I designmanageren viser inspektøren et felts redigeringsmuligheder. Disse muligheder omfatter at gøre feltet obligatorisk, at forhindre redigering i indholdseditoren og at tilføje hjælpetekst.

Indstil betingelser for feltvisning

I afsnittet Visningsbetingelser kan du bruge feltvisningsbetingelser til at indstille et modulfelt til kun at blive vist, hvis et andet felt opfylder visse kriterier.

  1. På din HubSpot-konto skal du navigere til Indhold > Design Manager.
  2. Klik i søgeren for at åbne et modul.
  3. Hold musen over et felt i afsnittet Felter i inspektøren, og klik på Rediger.
  4. I afsnittet Visningsbetingelser skal du klikke på rullemenuen HubL-variabel og vælge en variabel. 
  5. Klik på den anden rullemenu , og vælg en mulighed (f.eks. Er lig med eller Er ikke tom). Der kan være behov for flere betingelsesfelter, afhængigt af den valgte mulighed. Hvis du f.eks. vælger Er lig med, er der brug for et ekstra værdifelt.
  6. Som standard slås visningsbetingelser automatisk til, når en betingelse er konfigureret. For at slå displaybetingelser fra skal du slå kontakten Display Conditions fra.

I designmanageren viser inspektøren et felts visningsbetingelser. Øverst i sektionen er der slået en toggle til for Display conditions. Dropdown-menuen HubL-variabel har variablen event_date_and_time valgt. I rullemenuen med betingelser er betingelsen Is not empty valgt.

Indstil indstillinger for feltrepeater

I afsnittet Repeater-indstillinger kan du konfigurere repeater-indstillinger for felter og grupper. Når repeaterindstillingerne er slået til, oprettes og vises flere objekter ved hjælp af en for løkke.

  1. På din HubSpot-konto skal du navigere til Indhold > Design Manager.
  2. Klik i søgeren for at åbne et modul.
  3. Hold musen over et felt i afsnittet Felter i inspektøren, og klik på Rediger.
  4. I afsnittet Repeater options skal du indtaste et tal i felterne Minimum og Maximum (valgfrit). Dette indstiller det mindste antal gange, feltet skal vises i modulet, op til den maksimale værdi. 
  5. Hvis du vil indstille, hvor mange gange et felt skal vises som standard, skal du indtaste et tal i feltet Default object count .
  6. Som standard er repeaterindstillingerne automatisk slået til, når de er konfigureret. For at slå repeaterindstillinger fra skal du slå kontakten Repeater options fra.

For eksempel ændres et billedfelts repeaterindstillinger til at vise mindst tre og op til fem billedfelter. En værdi på fire billedfelter er konfigureret som standard. I indholdseditoren vil en bruger som standard se fire billedfelter og kan tilføje endnu et billedfelt eller fjerne et eksisterende billedfelt.

I designmanageren viser inspektøren et felts repeaterindstillinger. Øverst i sektionen er der slået en toggle til for Repeater options. Der er konfigureret en minimumsværdi på tre og en maksimumsværdi (valgfri) på fem. Standardantallet af objekter indeholder en værdi på fire.

Grupper modulfelter

Når du har oprettet felter, kan du gruppere dem sammen for at holde dine felter organiseret efter relevans. Feltgrupper kan bruges til at opbygge brugerdefineret feltlogik. Du kan gruppere op til fire felter sammen. Få mere at vide om modulets feltgrupper.

  1. På din HubSpot-konto skal du navigere til Indhold > Design Manager.
  2. Klik i søgeren for at åbne et modul.
  3. Klik på rullemenuen Handlinger i afsnittet Felter i inspektøren, og vælg Gruppe.
  4. Vælg et eller flere felter , der skal grupperes, og klik derefter på Opret gruppe.

I designmanageren viser inspektøren et moduls sektion Fields. Der er placeret en boks omkring rullemenuen Handlinger, og valgmulighederne vises. En pil peger på indstillingen Group.

Tilføj hjælpetekst til dit modul

I afsnittet Editor options kan du tilføje hjælpetekst for at give brugerne kontekst, når de redigerer modulet. Denne tekst vises over felterne i dit modul. 

  1. På din HubSpot-konto skal du navigere til Indhold > Design Manager.
  2. Klik i søgeren for at åbne et modul.
  3. I inspektøren, i sektionen Editorindstillinger , skal du indtaste tekst i feltet Inline-hjælpetekst .

I designmanageren viser inspektøren et moduls sektion med Editor-indstillinger. Feltet Inline help text indeholder følgende tekst: Eksempel på hjælpetekst, der giver brugeren kontekst og instruktioner om, hvad dette modul bruges til, og hvordan det bruges.

Administrer indholdstyper og tilgængelighed for et modul

Tilføj eller fjern de typer indhold, som brugerne kan bruge et modul til, f.eks. blogindlæg eller Landingssider. Du kan også slå tilgængeligheden af et modul i skabeloner og sider til eller fra.

  1. På din HubSpot-konto skal du navigere til Indhold > Design Manager.
  2. Klik i søgeren for at åbne et modul.
  3. For at redigere indholdstyper for et modul skal du klikke på Indholdstyper under modulets navn i inspektøren øverst til højre.
I designmanageren vises inspektøren for et modul. Øverst i inspektøren er der placeret en boks omkring indholdstyperne for modulet (f.eks. Landingssider, Websider, Listesider, Blogindlæg).
    • I dialogboksen skal du markere eller fjerne markeringen i afkrydsningsfeltet ud for hver indholdstype, hvor dit modul skal bruges eller ikke bruges (f.eks. Blogindlæg, e-mails eller Landingssider). 
    • Når du er færdig, skal du klikke på Opdater.
  1. Hvis du vil styre tilgængeligheden af et modul i skabeloner eller sider, skal du slå knappen Gør tilgængelig for skabeloner og sider til øverst til højre. Hvis du vil teste modulets funktionalitet eller slå tilgængelighed i skabeloner og sider fra, skal du slå Gør tilgængelig for skabeloner og sider fra. 

Bemærk: Hvis du slår Gør tilgængelig for skabeloner eller sider fra, fjernes modulet ikke fra eksisterende skabeloner eller sider.

Kopier og indsæt tekstblokke fra felter

Når du indarbejder et felt i et modul, kan du kopiere og indsætte tekstblokken i modulet i module.html (HTML + HubL) i moduleditoren.

  1. På din HubSpot-konto skal du navigere til Indhold > Design Manager.
  2. Klik i søgeren for at åbne et modul.
  3. Hold musen over et modulfelt i inspektøren, og klik på rullemenuen Handlinger i afsnittet Felter . Vælg derefter Kopier tekstblok. 
  4. I moduleditoren skal du indsætte tekstblokken på det ønskede sted i afsnittet module.html (HTML. + HubL). Du kan bruge tastaturgenvejen Cmd+V eller Ctrl+V. 

Skriv modulets syntaks

Når du redigerer dit modul, kan du skrive modulsyntaks i sektionerne module .html (HTML + HubL), module .css og module .js module editor. Få mere at vide om moduleditoren og moduloversigten.

Forhåndsvisning og udgivelse af et modul

Når du er færdig med at redigere et modul, herunder at tilføje felter og skrive modulsyntaks, kan du se en forhåndsvisning og udgive modulet. 

  1. På din HubSpot-konto skal du navigere til Indhold > Design Manager.
  2. Klik i søgeren for at åbne et modul.
  3. Klik på Preview øverst til højre for at få vist et modul. Du bliver sendt til en ny browserfane, hvor du kan se en forhåndsvisning af modulet. Denne forhåndsvisning synkroniseres med moduleditoren og opdateres automatisk, når der sker ændringer.
  4. Klik på Udgiv ændringer for at udgive et modul. 

Tilføj et modul til en skabelon

Når du har udgivet et modul, kan du bruge det på tværs af skabeloner ved at tilføje det til en træk-og-slip-skabelon eller en brugerdefineret kodet skabelon i designmanageren. Hvis du vil tilføje moduler i indholdseditoren, kan du læse mere om at tilføje og redigere moduler i indholdseditoren.

  1. På din HubSpot-konto skal du navigere til Indhold > Design Manager.
  2. Klik i stifinderen for at åbne en skabelon.
  3. For at tilføje et modul til en træk og slip-editor skabelon i layouteditoren skal du klikke på fanen + Tilføj øverst i inspektøren.
    • Indtast modulets navn i søgefeltet. Hvis du vil indsnævre din søgning til brugerdefinerede moduler, skal du klikke på rullemenuen Filtrer efter kategori eller tags og vælge Brugerdefinerede moduler.
    • Klik på ikonet dragHandleIcon træk og slip -ikonet og flyt modulet på plads i layout-editoren.
  4. Sådan tilføjer du et modul til en brugerkodet skabelon:
    •  Højreklik eller Ctrl+klik på modulet i stifinderen, og vælg Kopier tekstblok. Alternativt kan du klikke for at åbne modulet og derefter klikke på Kopier tekstblok i sektionen Brug af skabelon i inspektøren.
    • Indsæt modulets kodestykke i den brugerdefinerede skabelon i kodeditoren.
  5. Når du er færdig, skal du klikke på Udgiv ændringer øverst til højre.

Eksempel: Opret et nedtællingsmodul

  1. Opret et modul i designmanageren, og giv det navnet'Countdown Timer'.
  2. Klik på rullemenuen Tilføj felt i sektionen Felt i inspektøren.
    • Vælg feltet Dato og tid . Indtast navnet 'Dato og tid for hændelse'. Dette vil opdatere HubL-variabelens navnefelt til event_date_and_time.
I designmanageren vises inspektøren for et modulfelt. Øverst i modulfeltets detaljer er der en boks placeret omkring redigeringsikonet for at redigere modulfeltets navn. En pil peger på tekstinputfeltet HubL variable name med værdien 'event_date_and_time'.
    • Vælg feltet Farve . Indtast navnet 'Timer Font Color'. Dette vil opdatere HubL-variabelens navnefelt til timer_font_color.

Bemærk: HubL-variabelnavnene skal matche variabelnavnene i modul.html (HTML + HubL)-kodeafsnittet nedenfor.

  1. I moduleditoren skal du kopiere og indsætte følgende kode i det relevanteafsnit på :

I designmanageren vises kodeeditoren og inspektøren for et modul. Der er placeret Css'er omkring afsnittene module.html, module.css og module.js i kodeeditoren.

  1. Når du er færdig, kan du se en forhåndsvisning og udgive modulet.
  2. Fortsæt med at tilføje modulet til en skabelon.
Var denne artikel nyttig?
Denne formular bruges kun til dokumentationsfeedback. Læs, hvordan du kan få hjælp hos HubSpot.
Indholdsfortegnelse Menu

Relateret indhold

New call-to-action