Opprette og redigere moduler

I Design Manager-verktøyet kan du opprette egendefinerte moduler for å legge til avanserte funksjoner i bloggen, sidene eller e-postene dine. Egendefinerte moduler tilbyr et bredt spekter av funksjoner, slik at innholdet kan tilpassesfullt ut i side-, e-post- eller bloggredigeringsprogrammet.

Væroppmerksom på at oppretting av moduler krever kunnskap om HTML, CSS, HubL og HubSpots design manager. HubSpot anbefaler at du samarbeider med en utvikler for å lage kodede moduler.

Opprett en ny modul

• Gå til Innhold > Design Manager i HubSpot-kontoen din.
• Klikk på rullegardinmenyen Fil øverst i søkeren, og velg Ny fil.

• I dialogboksen klikker du på rullegardinmenyen Hva vil du bygge i dag? og velger Modul.

• Klikk på Neste.
• Merk av i avmerkingsboksen ved siden av hver innholdstype der modulen skal brukes: sider, blogginnlegg, bloggoppføringer, e-poster eller sitater. Moduler som brukes i e-postmaler, kan ikke inneholde CSS eller JavaScript.

Merk: Egendefinerte moduler for bruk i e-poster kan bare opprettes i kontoer med et Marketing Hub Professional- eller Enterprise-abonnement .

• Velg om denne modulen skal være en lokal eller global modul. Hvis du oppretter en global modul, vil redigering av innholdet i denne modulen oppdatere alle steder der modulen brukes.
• Skriv inn et filnavn for modulen, og klikk deretter på Opprett.

Merk modulen din

Som standard vil innholdsredigeringsprogrammet referere til en modul ved hjelp av navnet den ble gitt i designadministratoren. Hvis du vil at modulen skal bruke et annet navn i innholdsredigeringsprogrammet, kan du angi en etikett .

Legg til felt i modulen

Legg til felt i modulen for å angi modulens innhold eller utforming og gjøre den redigerbar i innholdsredigeringsprogrammet. Finn ut mer om tilgjengelige felttyper i utviklerdokumentasjonen vår.

• I modulinspektøren til høyre klikker du på rullegardinmenyen Legg til felt i Felt-delen , og velger deretter et felt du vil legge til i modulen.

• Rediger navnet på feltet ved å klikke på blyantikonet edit ved siden av feltnavnet. Hvis du vil redigere HubL-variabelnavnet, gjør du endringene i tekstfeltet HubL-variabelnavn .

Legg til standardinnhold i feltet

I delen Innholdsalternativer kan du legge til standardinnhold som vises når modulen brukes i maler og innholdsredigerere. Alternativene for standardinnhold varierer avhengig av felttype.

I eksemplet nedenfor er felttypen et bildefelt, så alternativene for standardinnhold er å velge et standardbilde og skjule størrelseskontrollene.

Angi alternativer for feltredigering

I delen Redigeringsalternativer kan du aktivere følgende alternativer for hvordan brukere kan redigere modulen i innholdsredigeringsprogrammet:

• Gjør dette feltet obligatorisk: Brukeren kan ikke la dette feltet stå tomt i innholdsredigeringsprogrammet.
• Forhindre redigering i innholdsredigeringsprogrammet: Feltinnholdet kan ikke redigeres i innholdsredigeringsprogrammet, men kan fortsatt redigeres på mallenivå. Dette alternativet er ikke tilgjengelig for globale moduler, som ikke kan redigeres på sidenivå.

• Tooltip-hjelpetekst: Legg til hjelpetekst i feltet for å gi brukerne kontekst eller instruksjoner. Denne hjelpeteksten vises i et verktøytips når brukeren holder musepekeren over feltet under redigering.
  
  
• Inline-hjelpetekst: Legg til hjelpetekst i feltet for å gi brukerne kontekst eller instruksjoner. Denne hjelpeteksten vises under feltet når en bruker redigerer modulen.

Angi betingelser for feltvisning

Du kan bruke feltvisningsbetingelser for å angi at et modulfelt bare skal vises hvis et annet felt oppfyller visse kriterier.

• I delen Visningsbetingelser klikker du på rullegardinmenyen HubL-variabel for å velge et modulfelt, og deretter klikker du på rullegardinmenyen er ikke tom for å velge betingelsen for feltet.
• Hvis du velger betingelsen er lik, angir du en verdi eller et regex.

I eksemplet nedenfor angis visningsbetingelser for et bildefelt. Betingelsen er at verdien i tekstfeltet image_title må være lik Headshot for at bildefeltet skal vises i modulen.

Visningsbetingelsene aktiveres automatisk når du har angitt en betingelse. Hvis du vil deaktivere visningsbetingelsene, klikker du på vippebryteren til høyre for Visningsbetingelser.

Angi alternativer for feltforsterker

Du kan angi repeater-alternativer for feltet ditt i delen Repeater-alternativer . Repeatere er felt og grupper som kan opprette flere objekter og vise dem ved hjelp av en for loop.

• I seksjonen Repeater-alternativer velger du et minimum og/eller maksimum maksimalt antall nødvendige forekomster av dette feltet.
• Du kan også velge å angi et standard objektantall, som er antallet forekomster av feltet som skal vises som standard i modulen.
  

I eksemplet nedenfor er bildefeltet satt opp som en glidebryter. Grensene for antall objekter er satt slik at minst 3 bildefelt vises i modulen, og maksimalt 5 bildefelt. En bruker vil som standard se 4 bildefelt i modulen, og kan velge å legge til ett bildefelt til eller fjerne ett eksisterende bildefelt.

Repeater-alternativene aktiveres automatisk når du har endret et av alternativene. Hvis du vil deaktivere repeater-alternativene, klikker du på vippebryteren til høyre for Repeater Options.

Grupper modulfelt

Når du har opprettet felter, kan du gruppere opptil fire av dem sammen for å holde feltene organisert etter relevans. Feltgrupper kan brukes til å bygge opp tilpasset feltlogikk. Finn ut mer om feltgrupper i modulen.

For å gruppere modulfelt sammen:

• Klikk på Gruppe i høyre sidefelt i modulredigeringsprogrammet.
  
  
• Velg feltene du vil gruppere sammen.
• Klikk på Opprett gruppe.

Kopier og lim inn feltutdragene dine