HubSpots standardmoduler

I denne artikkelen kan du lære om standardmodulene som HubSpot tilbyr for bruk i maler og sider. Hver modultype kan tilpasses med styling- og innholdsalternativer i inspektøren. Du kan også legge til en standardmodul i en HTML-mal med HubL-snippet. Finn ut mer om utvikling med standardmoduler i HubSpots utviklerdokumentasjon.

Legg til en modul i malen din

Hvis du vil legge til moduler i dra-og-slipp-maler, klikker du på + Legg til i inspektøren øverst til høyre i redigeringsverktøyet. Alle standardmoduler og eventuelle lagrede egendefinerte moduler eller grupper vises her. Hvis du vil finne en bestemt modul, skriver du inn navnet på den i søkefeltet. Du kan også klikke på rullegardinmenyen Filtrer etter kategori eller tagger og velge ett eller flere filtre.

Når modulen er valgt i redigeringsverktøyet, kan du endre modulens stiler, innstillinger og innhold i inspektøren. I delen HTML-innpakning klikker du på Utvid for å legge til mer tilpasset styling i kodeditoren.

Nederst i inspektøren kan du låse modulen slik at brukerne ikke kan endre standardinnholdet når de redigerer en blogg, e-post eller side. Klikk for å slå på Hindre redigering i innholdsredigerere for å aktivere denne innstillingen.

Tilpasse en standardmodul

Alle Marketing Hub Professional- og Enterprise-kontoer og Content Hub Professional- og Enterprise-kontoer har som standard en @hubspot-mappe i designverktøyene. Denne mappen inneholder alle temaene og standardmodulene dine, inkludert dra-og-slipp-moduler for e-post. Disse temaene og modulene er skrivebeskyttet, men kan klones hvis du ønsker å redigere dem.

• Gå til Innhold > Design Manager i HubSpot-kontoen din.
• Klikk på @hubspot-mappen i søkeren.
• Høyreklikk på standardmodulen du vil klone, og velg deretter Klone modul.
  
  
• Rediger modulens kildekode i den klonede modulen i det sentrale redigeringspanelet.
• Klikk på Publiser endringer øverst til høyre for å lagre endringene. Modulen vil da være tilgjengelig for bruk når du bygger maler.

Typer standardmoduler

Sikkerhetskopiering av abonnement

Malen for backup-avmelding vises til e-postmottakere som klikker på en avmeldingslenke hvis HubSpot ikke klarer å finne e-postadressen deres. Du kan tilpasse hjelpeteksten som vises på avmeldingssiden for sikkerhetskopiering i delen Standardinnhold i denne modulen.

Bloggkommentarer

Merk: Bloggkommentarmodulen er ikke tilgjengelig for side- eller e-postmaler.

Bloggkommentarmodulen legger til en kommentarseksjon i en blogginnleggsmal. Du kan tilpasse skjemaet for bloggkommentarer i skjemaverktøyet ditt. Skjemaet får et navn basert på tittelen på bloggen din.

Blogginnhold

Merk: Blogginnholdsmodulen er ikke tilgjengelig for side- eller e-postmaler.

Blogginnholdsmodulen inneholder HTML/HubL-markeringen for blogginnleggene og bloggoppføringssidene dine. Du kan redigere markeringen av innleggene dine ved å klikke på Rediger innlegg smal, og du kan redigere markeringen av oppføringssiden ved å klikke på Rediger oppføringsmal. Finn ut mer om hvordan blogginnholdsmodulen markeres.

E-postabonnement på blogg

Merk: Modulen for bloggabonnement på e-post er ikke tilgjengelig for e-postmaler.

Med modulen for bloggabonnement på e-post kan besøkende abonnere på e-post fra bloggen din ved å fylle ut et skjema. Denne modulen fylles ut av bloggabonnentskjemaet ditt, som kan tilpasses i skjemaverktøyet ditt.

Klikk på rullegardinmenyen Velg blogg som skal vises , og velg bloggen de besøkende abonnerer på. I tekstboksen Tittel som skal vises over skjemaet , kan du tilpasse teksten som skal vises i tittelen over skjemaet. Hold musepekeren over det eksisterende inline-svaret, og klikk på ikonet expand expand forå tilpasse teksten som vises etter at en besøkende har sendt inn skjemaet.

Oppfordring til handling

En CTA-modul (call-to-action) plasserer en CTA i en egen modul i oppsettet ditt. Du kan også sette inn en CTA i en rik tekst-modul.

I inspektøren klikker du på CTA-rullegardinmenyen og velger en standard C TA for denne modulen i malen din. Eller klikk på + Opp rett ny CTA i den samme menyen for å opprette en ny CTA som standard CTA.

Innholdsbibliotek

Du kan bruke innholdsbiblioteksmodulen til å sette opp et bibliotek med ressurser som de besøkende kan få tilgang til. For biblioteket kan du angi ressursoppsett, ikoner, skrifttyper og farger. For hver ressurs kan du angi navn, beskrivelse, lenke eller fil og visningsbilde.

Du kan også angi at innholdet skal vises øverst i innholdsbiblioteket, slik at det tar opp en hel rad.

Følg meg

Merk: Følg meg-modulen er ikke tilgjengelig for e-postmaler.

Du kan bruke følg meg modulen for å hjelpe de besøkende med å komme i kontakt med bedriften din på sosiale medier. I motsetning til en sosial delingsmodul leder følg meg-moduler brukerne bort fra nettstedet ditt til de respektive sidene dine i sosiale medier.

Når du legger til en følg meg-modul, kan du tilpasse moduloverskriften som vises over de sosiale ikonene.

Du kan angi hvilke sosiale medier som skal vises i denne modulen i Følg meg-delen av de sosiale innstillingene dine.

Skjema

Merk: Skjemamodulen er ikke tilgjengelig for e-postmaler.

Med skjemamodulen kan du legge til et skjema på siden eller bloggen din for å samle inn kontaktinformasjon fra besøkende på nettstedet ditt.

For denne modulen kan du tilpasse følgende innstillinger:

1. Skjematittel: Skriv inn tittelen på skjemaet som skal vises på siden eller bloggen.
2. Skjema: Velg et eksisterende HubSpot-skjema som skal vises på siden, eller legg til et nytt skjema.
3. Hva vil en besøkende se etter å ha sendt inn skjemaet: Velg om du vil omdirigere en person som sender inn skjemaet til en annen side, eller om du vil vise en takkemelding på samme side.
4. Takk-melding: Tilpass den innebygde takkemeldingen.
5. Send skjemavarsler til spesifiserte e-postadresser i stedet for standardadressene: Send skjemavarsler til bestemte adresser. Dette vil overstyre alle varslingsmottakere som er angitt i skjemaverktøyet.
6. Legg til iarbeidsflyt: Legg til besøkende som sender inn skjemaet i en arbeidsflyt (kunMarketing Hub Professional eller Enterprise ).
7. Send enoppfølgings-e-post: Send opptil tre oppfølgings-e-poster til besøkende som sender inn skjemaet.

Overskrift

En topptekstmodul viser en linje med tekst i en HTML-tagg med overskrift. Skriv inn standard over skriftstekst i boksen Overskriftsinnhold. Klikk på rullegardinmenyen Overskriftstype for å velge overskriftstaggen (H1-H4).

Bilde

En bildemodul legger til et enkelt bilde i et stykke innhold. Finn ut mer om redigeringsalternativer for bildemoduler.

Bildegalleri

En bildegallerimodul legger til en rekke roterende bilder i en enkelt modul. Finn ut mer om bildegallerimodulens tilpassbare innstillinger.

Språkveksler

Merk: Språkvekslingsmodulen er ikke tilgjengelig for e-postmaler.

Med språkvekslingsmodulen kan besøkende veksle mellom oversatte versjoner av en side eller blogg. Klikk på rullegardinmenyen Visningsmodus for å tilpasse hvordan navnene på de oversatte språkene skal vises:

• Pagelang: vil navnet på hvert språk vises på språket på den aktuelle siden. Hvis du for eksempel ser på den engelske versjonen av en side med en fransk oversettelse, vil du se engelsk og fransk som språknavn når du klikker på språkbytteren.
• Lokalisert: Navnet på hvert språk vises på det aktuelle språket. Hvis du for eksempel ser på den engelske versjonen av en side med en fransk oversettelse, vil du se engelsk og fransk som språknavn når du klikker på språkbryteren.
• Hybrid: en kombinasjon av de to. Hvis du for eksempel ser på den engelske versjonen av en side med en fransk oversettelse, vil du se engelsk og fransk (Français) som språknavn når du klikker på språkveksleren.

Denne modulen vises bare på live-sider med mer enn én publisert oversettelse. Lær mer om hvordan du jobber med flerspråklig innhold i HubSpot.

Logo

Logomodulen henter inn firmalogoen din automatisk fra nettstedsinnstillingene. Hvis du vil bruke en annen logo, klikker du på Overstyr standardlogoen for denne siden for å laste opp et nytt bilde kun for denne siden. Hvis du vil endre standardlogoen for alt innhold i nettstedsinnstillingene, klikker du på Rediger standardlogo i dette domenet.

Logomodulen din lenker automatisk til URL-adressen som er angitt i merkevaresettet ditt. Hvis du vil overstyre denne standardinnstillingen og lenke til en annen side, angir du en unik lenke-URL .

Logorutenett

Med logorutenettmodulen kan du arrangere flere logoer av forskjellige dimensjoner i et konsekvent rutenett. Du kan tilpasse bakgrunnsfarge, størrelsesforhold, rutenettets størrelse, avstanden mellom logoene og maksimal logohøyde.

E-postens hovedtekst

Hovedtekstmodulen for e-post er en standard rik tekst-modul som er inkludert som standard i alle e-postmaler. Du kan tilpasse standardinnholdet for e-postens brødtekst i en bestemt mal.

I tillegg til standard stylingsalternativer kan denne modulen tilpasses med standardfarger, rammer og mellomrom. Klikk på fargeboblen og velg en farge fra fargevelgeren, eller skriv inn en heksadesimal verdi i tekstfeltet for å angi standardfarger. Skriv inn pikselverdier i tekstfeltene Border width (kantbredde ) og Inner spacing (innvendig avstand) for å angi standardavstand.

Meny

Menymodulen legger til navigasjon i innholdet og malene dine. Menyer opprettes og administreres direkte i innstillingene for nettstedet ditt.

I designverktøyene kan du tilpasse følgende funksjoner i menymodulen:

1. Meny: Velg en av de eksisterende menyene fra innstillingene dine.
2. Avansert menytype: Velg hvordan menyelementene skal vises på nettstedet ditt:
   • Statisk - Vis alltid sidene på øverste nivå i menyen : Hold menyen konsekvent på alle sider.
   • Dynamisk etter seksjon - Vis sider i menyen som errelatert til seksjonen som vises: Vis menyelementer i forhold til det øverste menyelementet som vises.
   • Dynamisk etter side - Vis sider i menyen som er relatert til siden som vises: Vis menyelementer som er relatert til den spesifikke siden som vises.
   • Breadcrumb-stimeny (bruker horisontal flyt): viser menyelementer horisontalt i en relativ sti over toppen av nettstedet ditt.
3. Maks. nivåer: Velg det maksimale antallet underordnede menyelementer som kan vises.
4. Orientering: Velg om menyelementene skal vises horisontalt eller vertikalt.
5. Aktiver flyout: Merk av i denne avmerkingsboksen for å vise underordnede menyelementer når du holder musepekeren over den overordnede menyen. Fjern merket i denne avmerkingsboksen for alltid å vise underordnede menyelementer.

Moduler

Medmoduler som opprettes i kodeditoren, kan du bruke HTML, CSS, Javascript og HubL til å legge til avansert funksjonalitet i malene dine, samtidig som brukerne kan redigere modulinnholdet i innholdsredigeringsprogrammet uten å endre koden. Disse komponentene vil bli merket med et customModules -modulikon i søkeren og inspektøren. Du finner mer informasjon om hvordan du arbeider med egendefinerte moduler i utviklerdokumentasjonen vår.

Informasjon om kontorets beliggenhet

Modulen for kontorplassering inneholder nødvendige tokens som må inkluderes i en e-postmal for å kunne sende markedsførings-e-poster på lovlig vis. Selv om du kan redigere utformingen av denne modulen, vil du ikke kunne lagre en e-postmal uten en modul med informasjon om kontorsted eller de nødvendige HubL-taggene .

I tillegg til standard stylingsalternativer kan denne modulen tilpasses med standardfarger, rammer og mellomrom. Klikk på fargeboblen og velg en farge fra fargevelgeren, eller skriv inn en heksadesimal verdi i tekstfeltet for å angi standardfarger. Skriv inn pikselverdier i tekstfeltene Border width (kantbredde ) og Inner spacing (innvendig avstand) for å angi standardavstand.

Én linje med tekst

Med modulen for én tekstlinje kan brukerne redigere én enkelt tekstlinje i innholdsredigeringsprogrammet.

Sidens bunntekst

Sidefotmodulen viser informasjon om opphavsrett med inneværende år og firmanavnet ditt. Firmanavnet hentes automatisk fra bunntekstdelen i e-postinnstillingene dine.

Melding om passord

Modulen for passordforespørsel er tilgjengelig på systemmaler for passordforespørsel. Hvis en side er passordbeskyttet, vises siden med passordforespørsel før en bruker får tilgang til siden. Du kan tilpasse teksten på innsendingsknappen og teksten som skal vises hvis feil passord tastes inn.

Postfilter

Merk: Modulen for bloggabonnement på e-post er ikke tilgjengelig for e-postmaler.

Innleggsfiltermodulen viser en liste over bloggartikler fra et bestemt emne, en bestemt måned eller en bestemt forfatter.

Du kan tilpasse følgende innstillinger for denne modulen i delen Standardinnhold :

• Velg en blogg som skal vises : Velg hvilken bloggs innlegg som skal brukes.
• Liste over verdier for filterlenker: Velg om modulen skal filtreres etter tagg, måned eller forfatter.
• Rekkefølge av verdier for filterlenker : Velg om verdiene skal organiseres alfabetisk eller etter antall innlegg.
• Listetittel som skal vises: Skriv inn en tittel som skal vises over innleggene.
• Maksimalt antall filterverdier som skal vises : Angi det maksimale antallet innlegg for et bestemt filter. La dette feltet stå tomt for å vise alle innlegg.
• Tekstlenke som skal vises hvis det finnes flere innleggsverdier enn det er tillatt å vise: Skriv inn teksten som skal vises hvis det finnes flere tilgjengelige innlegg i en kategori. Standardteksten er Se alle .

Postoppføring

Merk: Modulen for bloggabonnement på e-post er ikke tilgjengelig for e-postmaler.

Modulen for innleggslister brukes til å vise en liste over blogginnlegg fra en HubSpot-blogg. Du kan stille inn modulen til å vise de nyeste innleggene eller de mest populære i løpet av den siste måneden, de siste seks månedene, det siste året eller gjennom hele tiden.

Du kan tilpasse følgende innholdsstandarder i inspektøren:

• Velg blogg som skalvises : velg bloggen du vil vise innleggstitler for
• Liste blogginnlegg etter: Velg hvordan du vil organisere innleggene
• Listetittel som skal vises: Skriv inn en tittel som skal vises over innleggene.
• Maksimalt antall blogginnlegg som skal vises: Angi det maksimale antallet innlegg som skal vises i denne modulen.

Produkt

Med produktmodulen kan du vise produkter fra produktbiblioteket ditt på sider og i innlegg. Standardinformasjonen for produktene vises, men du kan velge å overstyre den på sidenivå.

Rik tekst

Modulen for rik tekst er den vanligste innholdsmodulen som brukes i HubSpots innholdsverktøy. Den støtter redigeringsalternativer for ulike komponenter, for eksempel tekst, bilder og CTA-er.

Hvis du vil legge til standardinnhold for denne modulen, klikker du på Utvid eller klikker på forhåndsvisningsinnholdet for å åpne et redigeringsprogram for rik tekst.

RSS-oppføring

Merk: RSS-oppføringsmodulen er ikke tilgjengelig for e-postmaler. Bruk en RSS-e-post i stedet.

Du kan bruke en RSS-oppføringsmodul til å vise sammendrag av innlegg for en HubSpot-blogg eller en ekstern RSS-feed.

RSS-oppføringsmoduler kan vise en bestemt blogg eller tagg. Klikk for å slå på den tilsvarende bryteren for å angi om et utvalgt bilde, forfatternavn, sammendrag eller publiseringsdato skal vises med hvert innlegg.

Når du har aktivert disse innstillingene, kan du tilpasse følgende detaljer:

• Vis forfatternavn: Skriv inn forfatterens attribusjonstekst som skal vises over hvert forfatternavn. Som standard vil denne modulen inkludere by som attribusjonstekst.
• Vis samm endrag: Angi lengden på sammendraget i tegn for hvert bloggsammendrag. Du kan også tilpasse teksten for sammendraget, som er lenken bloggbesøkende klikker på for å lese hele innlegget ditt. Som standard vil denne teksten være merket Les mer.
• Vis publiseringsdato: Velg Publiseringsdatoformatfor å tilpasse hvordan dato og klokkeslett formateres for hvert innlegg. Du kan også tilpasse teksten for publiseringsdatoindikatoren. Som standard vil denne teksten lyde Publisert kl.

Avsnittsoverskrift

Med seksjonsoverskriftsmodulen kan du vise en h1-overskriftstagg med en avsnittsundertittel. Denne modulen er ideell for å gi tittelen til den primære delen av en side.

Enkel meny

Med enkle menymoduler kan brukere opprette sidespesifikke menyer i innholdsredigeringsprogrammet. Med denne modulen kan du bygge en enkel meny for en bestemt mal. I inspektøren klikker du på Rediger meny for å legge til menyelementer, lenker og velge menyretning. Når du redigerer innstillingen for menyorientering, legger du til en klasse med hs-menu-flow-horizontal eller hs-menu-flow-vertical i menyinnpakningsbeholderen, som deretter kan brukes til styling i CSS-en din. Finn ut mer om klasser som legges til via modulinnstillinger, i utviklerdokumentasjonen vår.

Sosial deling

Med modulen for sosial deling kan besøkende enkelt dele innholdet ditt på tvers av sosiale mediekanaler og e-post. Klikk på Enabled? ved siden av et bestemt sosialt nettverk for å inkludere det på siden eller ie-posten din.

Delingslenken fylles automatisk ut med de nødvendige HubL-taggene for å dele innholdet ditt. I e-poster vil modulen bruke nettversjons-URL-en til e-posten i delingslenken.

Merk: Modulen for sosial deling bruker standardikoner for hvert sosiale nettverk. Hvis du ønsker å bruke dine egne sosiale ikoner, kan du opprette en tilpasset versjon av modulen.

Abonnementspreferanser

Moduler for abonnementspreferanser er bare tilgjengelige i systemmaler for abonnementspreferanser.

Med disse modulene kan du tilpasse siden en e-postmottaker ser når de administrerer abonnementspreferansene sine eller avslutter abonnementet på e-postkommunikasjon.

Bekreftelse på abonnementsoppdatering

Modulen for bekreftelse av abonnementsoppdatering er en rik tekstmodul som er tilgjengelig i systemmaler for bekreftelse av abonnementsoppdatering. Med denne modulen kan du tilpasse hva som vises når en e-postmottaker oppdaterer abonnementsinnstillingene sine.

Vis som webside

Modulen Vis som webside gir e-postmottakere muligheten til å åpne en websideversjon av en e-post.

WhatsApp Link

Merk: Denne modulen erkun tilgjengelig for Marketing Hub -ogService Hub Professional- og Enterprise-kontoer.

Bruk WhatsApp-lenkemodulen til å legge til en måte som gjør det mulig for besøkende på nettstedet å få direkte kontakt med deg via WhatsApp. Denne modulen kan legges til på nettsider, blogginnlegg og bloggoppføringssider. For å bruke denne modulen må du koble WhatsApp-kanalen din til innboksen for samtaler.

Knappens styling, for eksempel farge og avstand, kan tilpasses i Stil-fanen i sideredigeringsprogrammet, og du kan konfigurere følgende elementer:

• WhatsApp-nummer: Velg et tilkoblet WhatsApp-nummer.
• Opt in-tekst: Velg tekst for opt in og opt out.
• Vis: Velg om knappen skal vise tekst, et ikon eller begge deler.
• Ikonposisjon: Velg om ikonet skal vises til venstre eller høyre for teksten.
• Knappenes tekst: Skriv inn teksten som skal vises på knappen.
• WhatsApp-ikonets tittel: Skriv inn ikonbeskrivelsen for skjermlesere av hensyn til tilgjengeligheten.