Gå til innhold
Merk:: Denne artikkelen er oversatt av praktiske årsaker. Oversettelsen opprettes automatisk ved hjelp av oversettingsprogramvare, og det er ikke sikkert at den er korrekturlest. Den engelske versjonen av denne artikkelen skal regnes som den regjerende versjonen med den nyeste informasjonen. Du finner den her.

HubSpots standardmoduler

Sist oppdatert: desember 5, 2024

Gjelder for:

Markedsføring Hub   Professional , Enterprise
Content Hub   Professional , Enterprise
Eldre Marketing Hub Basic

I innholdsredigereren og designansvarlig er visse standardmoduler tilgjengelige for bruk i de fleste typer innhold.

Ved å bruke HubL-kodebiter kan du også legge til disse standardmodulene i HTML-maler. Lær mer om å jobbe med standardmoduler i egendefinerte maler i utviklerdokumentasjonen .

Legg til modul for å dra og slippe maler

I designbehandleren kan du legge til standardmoduler for å dra og slippe maler ved hjelp av layoutredigereren.

  • Gå til Innhold > Design Manager i HubSpot-kontoen din.
  • Klikk på navnet på malen i venstre kolonne.
  • Klikk på + Legg til i høyre kolonne.
  • Skriv inn navnet på en standard eller tilpasset modul i søkefeltet.
  • Klikk på modulnavnet , og dra det deretter inn i malen.
  • Angi tilpasset stil for modulen i delen for stylingalternativer .

module-default-styling

  • I Standardinnhold- delen tilpasser du innholdet som vises når modulen legges til innholdsredigeringsprogrammet.

set-default-content-for-a-module

  • I delen for redigeringsalternativer slår du på Forhindre redigering i innholdsredigerere for å stoppe andre brukere fra å redigere modulens standardinnhold i innholdsredigeringsprogrammet.

Tilpass standardmoduler

Alle Marketing Hub Professional & Enterprise- og Content Hub Professional & Enterprise -kontoer har en @hubspot- mappe i designadministratoren.

Denne mappen inneholder alle dine temaer og standardmoduler, inkludert dra og slipp e-postmoduler . Disse temaene og modulene er skrivebeskyttet, men kan klones hvis du ønsker å redigere dem.

design-manager-hubspot-mappe

  • Gå til Innhold > Design Manager i HubSpot-kontoen din.
  • Klikk på mappen @hubspot i søkeren.
  • Høyreklikk på en standardmodul , og velg deretter Klon modul .

    design-manager-klone-modul
  • Rediger modulens kildekode i den klonede modulen.
  • Klikk på Publiser endringer øverst til høyre.

Administrer modulversjoner

Med jevne mellomrom kan HubSpot gi ut en ny versjon av en eksisterende standardmodul. Dette gjør det mulig for HubSpot å gjøre betydelige oppdateringer uten å påvirke eksisterende innhold. For eksempel kan en ny versjon av en modul gi bedre feltorganisering, stylingalternativer og ekstra funksjonalitet. Lær mer om hvordan modulversjon fungerer bak kulissene, sjekk ut HubSpots utviklerdokumentasjon .

Du kan administrere modulversjoner fra kontoens temaer og moduler -innstillingsside, inkludert oppdatering av en versjon, tilbakestilling til en tidligere versjon eller se gjeldende versjoner av alle standardmoduler.

Oppdater en moduls versjon

Slik velger du en ny versjon av en modul:

  • I HubSpot-kontoen din klikker du på settings innstillinger-ikonet i den øverste navigasjonslinjen.
  • Naviger til Innhold > Temaer og moduler i menyen til venstre i sidefeltet.
  • På fanen Varsler vil de siste oppdateringene for standardmoduler vises med en oppdatering tilgjengelig -tag. Klikk på Vis oppdatering ved siden av en modul for å se flere detaljer om oppdateringen.

    modul-versjons-varsler-fanen
  • Gå gjennom endringene i høyre sidefelt. Sidefeltet vil inneholde et sammendrag på høyt nivå av oppdateringen, sammen med en detaljert oversikt over endringene og eiendelene som vil bli berørt.

    module-versjonsdetaljer-sidebar
  • For å oppdatere modulen, klikk Installer oppdatering . Klikk deretter på Bekreft oppdatering i dialogboksen. Merk at det kan ta opptil 10 minutter før sider og maler gjenspeiler den oppdaterte modulen.

Etter å ha oppdatert modulen, blir du ført til Moduler -fanen på innstillingssiden for Temaer og moduler . På denne siden kan du se nylig oppdaterte moduler, moduler med tilgjengelige oppdateringer og versjonsinformasjon for alle kontoens standardmoduler.

modul-versjonsmoduler-fanen

Tilbakestill en oppdatert modul

Moduler -fanen på innstillingssiden kan du tilbakestille en modul som har blitt oppdatert de siste 30 dagene til en tidligere versjon om nødvendig:

  • I HubSpot-kontoen din klikker du på settings innstillinger-ikonet i den øverste navigasjonslinjen.
  • Naviger til Innhold > Temaer og moduler i menyen til venstre i sidefeltet.
  • Klikk på Moduler -fanen, finn modulen du vil tilbakestille, og klikk deretter på Tilbakestill nylig oppdatering .

    roll-back-recent-update-table-row
  • Gå gjennom modulens versjonshistorikk i høyre sidefelt, og klikk deretter på Tilbakestill denne oppdateringen .

    module-versioning-roll-back-update-button
  • Se gjennom informasjonen i høyre sidefelt for å bekrefte at du vil tilbakestille oppdateringen, og klikk deretter på Tilbakestill .
  • Klikk på Bekreft i dialogboksen.

Etter å ha tilbakestilt oppdateringen, kan det ta litt tid før malene og sidene gjenspeiler den tilbakestilte modulen. Du kan når som helst oppdatere modulen igjen ved å følge oppdateringstrinnene ovenfor .

Typer standardmoduler

Avslutt abonnement på backup

Sikkerhetskopieringsmalen for avmelding vises til e-postmottakere som klikker på en avmeldingslenke hvis HubSpot ikke kan fastslå e-postadressen deres. Du kan tilpasse hjelpeteksten som vises på siden for avmelding av sikkerhetskopi i delen Standardinnhold i denne modulen.

Backup Unsubscribe

Bloggkommentarer

Vennligst merk : bloggkommentarmodulen er ikke tilgjengelig for side- eller e-postmaler.

Bloggkommentarmodulen legger til en kommentarseksjon i en blogginnleggsmal. Du kan tilpasse bloggkommentarskjemaet i skjemaverktøyet ditt. Skjemaet vil bli navngitt basert på tittelen på bloggen din.


Default blog comments form

Blogginnhold

Vennligst 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 Rediger innleggsmaler og redigere markeringen av oppføringssiden ved å klikke Rediger oppføringsmal . Lær mer om oppmerking av blogginnholdsmoduler .

blog-content-1.png

Blogg e-post abonnement

Vennligst merk : e-postabonnementsmodulen for blogg er ikke tilgjengelig for e-postmaler.

Blogg-e-postabonnementsmodulen lar besøkende abonnere på bloggsammendrag-e-postene dine ved å fylle ut et skjema. Denne modulen fylles ut av blogg-abonnentskjemaet ditt, som kan tilpasses i skjemaverktøyet ditt.

Klikk på rullegardinmenyen Velg blogg for å vise og velg bloggen de besøkende abonnerer på. Tilpass teksten som vises i tittelen over skjemaet i tekstboksen Tittel som skal vises over skjemaet. Hold markøren over det eksisterende innebygde svaret og klikk på expand utvidelsesikonet for å tilpasse teksten som vises etter at en besøkende har sendt inn skjemaet.

Blog email subscription

Oppfordring til handling

En handlingsfremmende modul (CTA) plasserer en CTA i sin egen modul i oppsettet ditt. Du kan også sette inn en CTA i en rik tekstmodul .

Klikk på CTA i inspektøren rullegardinmenyen og velg en standard CTA for denne modulen i malen din. Eller klikk på + Opprett ny CTA i samme meny for å opprette en ny CTA som standard CTA.

HubSpot Help article screenshot

Innholdsbibliotek

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

Du kan også angi innhold som fremhevet slik at det vises øverst i innholdsbiblioteket og tar opp en hel rad.

individual-resource-content-library

Skjema

Vennligst merk : skjemamodulen er ikke tilgjengelig for e-postmaler.

Skjemamodulen lar deg legge til et skjema på siden eller bloggen din for å fange opp kontaktinformasjon fra besøkende på nettstedet ditt.

For denne modulen kan du tilpasse følgende innstillinger:

  1. Skjematittel: skriv inn tittelen for 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 vise en innebygd takkemelding på samme side.
  4. Takkmelding : tilpass den innebygde takkemeldingen.
  5. Send skjemavarsler til spesifiserte e-postadresser i stedet for skjemastandardene: send skjemavarslings-e-post til bestemte adresser. Dette vil overstyre eventuelle varslingsmottakere som er angitt i skjemaverktøyet .
  6. Legg til i arbeidsflyt: legg til besøkende som sender skjemaet til en arbeidsflyt (kun Marketing Hub Professional eller Enterprise ).
  7. Send en oppfølgings-e-post: send opptil tre oppfølgings-e-poster til besøkende som sender inn skjemaet.

form-module-2

En overskriftsmodul viser en tekstlinje i en overskrifts- HTML-tag. Skriv inn standard overskriftstekst i Overskriftsinnhold -boksen. Klikk på rullegardinmenyen Overskriftstype for å velge overskriftskoden ( H 1 - H4 ).

 

Bilde

En bildemodul legger til et enkelt bilde til et innhold. Lær mer om redigeringsalternativer for bildemoduler .

Bildegalleri

En bildegallerimodul legger til en serie roterende bilder til en enkelt modul. Lær mer om bildegallerimodulens tilpassbare innstillinger .

Språkbytter

Vennligst merk : Språkbyttermodulen er ikke tilgjengelig for e-postmaler.

Språkbyttermodulen lar besøkende bytte mellom oversatte versjoner av en side eller blogg. Klikk på rullegardinmenyen Visningsmodus for å tilpasse hvordan navnene på de oversatte språkene dine skal vises:

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

Denne modulen vil bare vises på aktive sider med mer enn én publisert oversettelse. Lær mer om å jobbe med flerspråklig innhold i HubSpot.


Logo

Logomodulen henter inn firmalogoen automatisk fra innstillingene for nettstedet ditt. For å bruke en annen logo, klikk for å slå på Overstyr standardlogoen for denne siden for å laste opp et nytt bilde kun for denne siden. For å endre standardlogoen for alt innhold i nettstedinnstillingene dine, klikk på Rediger standardlogo i dette domenet.

Logomodulen din vil automatisk koble til URL-en som er spesifisert i merkesettet ditt . For å overstyre denne standarden og koble til en annen side, skriv inn en unik koblings-URL.

edit-logo-module

Logorutenett

Med logorutemodulen kan du ordne flere logoer med forskjellige dimensjoner i et konsistent rutenett. Du kan tilpasse bakgrunnsfarge, sideforhold, størrelse på rutenett, størrelse på mellomrom og maksimal logohøyde.

Hovedtekst for e-post

Hovedmodulen for e-posttekst er en standard rik tekstmodul som er inkludert som standard i hver e-postmal. Du kan tilpasse standardinnholdet for e-postteksten på en bestemt mal.

I tillegg til standard stilalternativer, kan denne modulen tilpasses med standardfarger, kanter 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 Kantbredde og Inneravstand for å angi standardavstand.

Email Body

Meny

Menymodulen legger til navigering til innholdet og malene dine. Menyer opprettes og administreres direkte i nettstedinnstillingene dine.

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

  1. Meny: velg en av dine eksisterende menyer fra innstillingene.
  2. Avansert menytype: velg hvordan menyelementer skal vises på nettstedet ditt:
    • Statisk – Vis alltid sider på øverste nivå i meny: hold menyen konsistent på alle sider.
    • Dynamisk etter seksjon - Vis sider i meny som er relatert til del blir vist: Vis menyelementer i forhold til menyelementet på øverste nivå som vises.
    • Dynamisk etter side – Vis sider i meny som er relatert til side blir sett: vise menyelementer relatert til den spesifikke siden som vises.
    • Brødsmulestil-banemeny (bruker horisontal flyt): vise menyelementer horisontalt i en relativ bane over toppen av nettstedet ditt.
  3. Maks. nivåer: velg maksimalt antall underordnede menyelementer som kan vises.
  4. Orientering: Velg om menyelementer skal vises horisontalt eller vertikalt.
  5. Aktiver flyouts : merk av i denne avmerkingsboksen for å vise underordnede menyelementer når du holder musepekeren over overordnet. Fjern denne avmerkingsboksen for alltid å vise underordnede menyelementer.
Advanced Menu Options


Moduler

Moduler opprettet i koderedigeringsprogrammet lar deg bruke HTML, CSS, Javascript og HubL for å legge til avansert funksjonalitet til malene dine, samtidig som brukerne dine kan redigere modulinnhold i innholdsredigeringsprogrammet uten å endre koden. Disse komponentene vil bli merket med et customModules -modulikon i søkeren og inspektøren. Lær mer om å jobbe med tilpassede kodede moduler i utviklerdokumentasjonen vår.

Informasjon om kontorplassering

Kontorplasseringsmodulen inkluderer nødvendige tokens som må inkluderes i en e-postmal for å lovlig sende markedsførings-e-poster. Selv om du kan redigere stilen til denne modulen, vil du ikke kunne lagre en e-postmal uten en kontorstedsinformasjonsmodul eller nødvendig HubL tagger . 

I tillegg til standard stilalternativer, kan denne modulen tilpasses med standardfarger, kanter 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 Kantbredde og Inneravstand for å angi standardavstand.

HubSpot Help article screenshot


En tekstlinje

Modulen med én tekstlinje lar brukere redigere en enkelt tekstlinje i innholdsredigeringsprogrammet.

Sidebunntekstmodulen viser informasjon om opphavsrett med gjeldende år og firmanavnet ditt. Firmanavnet hentes automatisk fra Bunntekst -delen av e-postinnstillingene dine.

Spørsmål om passord

Passordspørringsmodulen er tilgjengelig i systemmaler for passordforespørsel. Hvis en side er passordbeskyttet, vil siden for passordforespørsel vises før en bruker får tilgang til siden. Du kan tilpasse teksten på send-knappen og teksten slik at den vises hvis feil passord er angitt.

 

Postfilter

Vennligst merk: e-postabonnementsmodulen for blogg er ikke tilgjengelig for e-postmaler.

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

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

  • Velg en blogg som skal vises: velg hvilke blogginnlegg som skal brukes.
  • Liste over verdier for filterlenker: velg om modulen skal filtreres etter tag, 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 maksimalt antall innlegg for et spesifikt filter. La dette feltet stå tomt for å vise alle innlegg.
  • Tekstlenke for å vise hvis flere innleggsverdier er tilstede enn det som er tillatt å vise: skriv inn teksten som skal vises hvis det er flere tilgjengelige innlegg i en kategori. Standardteksten er Se alle.


Legg ut oppføring

Vennligst merk: e-postabonnementsmodulen for blogg er ikke tilgjengelig for e-postmaler.

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

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

  • Velg blogg som skal vises: velg bloggen du vil vise innleggstitler for
  • List blogginnlegg etter: velg hvordan du vil organisere innleggene
  • Listetittel som skal vises: skriv inn en tittel som skal vises over innleggene.
  • Maksimalt antall blogginnlegg å liste: skriv inn et maksimalt antall innlegg som skal vises i denne modulen.
Post listing

Produkt

Ved å bruke produktmodulen kan du vise produkter fra produktbiblioteket ditt på sider og innlegg. Produktenes standardinformasjon vises, men du kan velge å overstyre den på en side for sidenivå.

product-module

Rik tekst

Rik tekst-modulen er den vanligste innholdsmodulen som brukes på tvers av HubSpot-innholdsverktøy. Den støtter redigeringsalternativer for forskjellige komponenter, for eksempel tekst, bilder og CTAer.

For å legge til standardinnhold for denne modulen, klikk på Utvid eller klikk på forhåndsvisningsinnholdet for å åpne et rik tekstredigeringsprogram.

HubSpot Help article screenshot


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 innleggssammendrag for en HubSpot-blogg eller ekstern RSS-feed.

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

Etter at du har aktivert disse innstillingene, kan du tilpasse følgende detaljer:

  • Vis forfatternavn: skriv inn forfatterattribusjonsteksten som skal vises over hvert forfatternavn. Som standard vil denne modulen inkludere by som attribusjonstekst.
  • Vis sammendrag: skriv inn sammendragslengden i tegn for hvert bloggsammendrag. Du kan også tilpasse sammendragsklikkteksten , som er koblingen bloggbesøkende klikker for å lese hele innlegget ditt. Som standard vil denne teksten bli merket Les mer .
  • Vis publiseringsdato : velg publiseringsdatoformatet for å tilpasse hvordan dato og klokkeslett formateres for hvert innlegg. Du kan også tilpasse indikatorteksten for publiseringsdatoen. Som standard vil denne teksten lese postet på .
HubSpot Help article screenshot


Seksjonsoverskrift

Seksjonsoverskriftsmodulen lar deg vise en h1-overskriftskode med en avsnittsundertittel. Denne modulen er ideell for å titulere den primære delen av en side.

Section header


Enkel meny

Enkle menymoduler lar brukere lage sidespesifikke menyer i innholdsredigeringsprogrammet. Denne modulen gir deg fleksibiliteten til å bygge en enkel meny for en spesifikk mal. I inspektøren klikker du på Rediger-menyen for å legge til menyelementer, koblinger og velge menyretning. Redigering av menyorienteringsinnstillingen legger til en klasse hs-menu-flow-horizontal eller hs-menu-flow-vertical til menybeholderen, som deretter kan brukes til styling i CSS-en din. Lær mer om klasser lagt til av modulinnstillinger i utviklerdokumentasjonen vår.

Simple menu

Sosial deling

Den sosiale delingsmodulen lar besøkende enkelt dele innholdet ditt på tvers av sosiale mediekanaler og e-post. Klikk for å slå på Aktivert? bytt ved siden av et spesifikt sosialt nettverk for å inkludere det på siden eller e-posten din.

Delingslenken fylles automatisk med de nødvendige HubL-taggene for å dele innholdet ditt. I e-poster vil modulen bruke nettversjonens URL til den e-posten i delkoblingen.

Vennligst merk: modulen for sosiale deling bruker standardikoner for hvert sosiale nettverk. Hvis du vil bruke dine egne tilpassede sosiale ikoner , kan du lage en tilpasset versjon av modulen.

Sosial følge

Med en sosial følgemodul kan du henvise besøkende til å følge bedriften din på sosiale medier. For hvert sosiale nettverk kan du angi en egendefinert lenke eller e-postadresse. I designbehandleren kan du også angi egendefinerte ikoner for hvert sosiale nettverk.

customize-social-icons

Abonnementspreferanser

Moduler for abonnementspreferanser er kun tilgjengelige på systemmaler for abonnementspreferanser.

Disse modulene lar deg tilpasse siden en e-postmottaker ser når de administrerer sine abonnementspreferanser eller avslutter abonnementet på e-postkommunikasjon.

Subscription preferences


Bekreftelse av abonnementsoppdatering

Bekreftelsesmodulen for abonnementsoppdatering er en rik tekstmodul som er tilgjengelig på maler for bekreftelsessystem for abonnementsoppdateringer. Den lar deg tilpasse hva som vises når en e-postmottaker oppdaterer abonnementsinnstillingene sine.

Subscription updates


Vis som nettside

Modulen Vis som nettside gir e-postmottakere muligheten til å åpne nettsideversjonen av en e-post .

HubSpot Help article screenshot
 

WhatsApp Link

Vennligst merk: denne modulen er tilgjengelig for Marketing Hub og Kun Service Hub Professional og Enterprise -kontoer.

Bruk WhatsApp-koblingsmodulen for å legge til en måte for besøkende på nettstedet å koble seg direkte til deg over WhatsApp. Denne modulen kan legges til nettsider, blogginnlegg og bloggoppføringssider. For å bruke denne modulen må du koble WhatsApp-kanalen din til samtaleinnboksen din .

Knappestilen, for eksempel farge og mellomrom, kan tilpasses i kategorien Stiler i sideredigeringsprogrammet, og du kan konfigurere følgende elementer:

  • WhatsApp-nummer: velg et tilkoblet WhatsApp-nummer.
  • Velg tekst: velg teksten for å velge og velge bort .
  • 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.
  • Knappetekst: skriv inn teksten som vises på knappen.
  • WhatsApp-ikontittel: for tilgjengelighet, skriv inn ikonbeskrivelsen for skjermlesere.

whatsapp-link-module

Var denne artikkelen nyttig?
Dette skjemaet brukes kun for tilbakemeldinger om dokumentasjon. Se hvordan du kan få hjelp med HubSpot.