HubSpots standardmoduler

I denne artikkelen kan du lese 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

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 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 modulstiler, innstillinger og innhold i inspektøren. I Innpakning HTML-seksjonen klikker du på Utvid for å legge til flere tilpassede stiler 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 å aktivere innstillingen Hindre redigering i innholdsredigerere for å aktivere denne innstillingen.

Tilpass 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-e-postmoduler. Disse temaene og modulene er skrivebeskyttet, men kan klones hvis du vil 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 Klon modul.
  
  
• I den klonede modulen redigerer du modulens kildekode 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 av standardmoduler

Avmelding av sikkerhetskopi

Malen for reserveavmelding vises for e-postmottakere som klikker på en avmeldingskobling 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: Modulen for bloggkommentarer er ikke tilgjengelig for side- eller e-postmaler.

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

Blogginnhold

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

Modulen for blogginnhold inneholder HTML/HubL-markeringen for blogginnleggene og oppføringssidene dine. Du kan redigere markeringen av innleggene dine ved å klikke på Rediger innleggsmal og redigere markeringen av oppføringssiden ved å klikke på Rediger oppføringsmalen. Finn ut mer om merking av blogginnholdsmodulen.

Abonnement på blogg-e-post

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

Med modulen for abonnement på blogg-e-post kan besøkende abonnere på bloggens sammendrag 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 tilpasser du teksten som skal vises i tittelen over skjemaet. Hold musepekeren over det eksisterende innebygde svaret og klikk på ikonet 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. Du kan også sette inn en CTA i en rich text-modul.

I inspektøren klikker du på rullegardinmenyen CTA og velger en standard CTA for denne modulen i malen. Eller klikk på + Opprett nytt CTA i samme meny for å opprette et nytt CTA som standard CTA.

Innholdsbibliotek

Du kan bruke modulen for innholdsbibliotek til å opprette et bibliotek med ressurser som de besøkende får tilgang til. For biblioteket kan du angi ressurslayout, ikoner, skrifttyper og farger. For hver ressurs kan du angi navn, beskrivelse, lenke eller fil og visningsbilde.

Følg meg

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

Du kan bruke follow me modulen for å hjelpe de besøkende med å komme i kontakt med bedriften på sosiale medier. I motsetning til sosiale delingsmoduler leder follow me-moduler brukerne videre fra nettstedet ditt til dine respektive sider 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 delen Følg meg i de sosiale innstillingene.

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.

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 vise en integrert takkemelding på samme side.
4. Takkebeskjed: Tilpass den innebygde takkebeskjeden.
5. Send skjemavarsler til angitte e-postadresser i stedet for skjemaets standardinnstillinger: Send e-postmeldinger om skjemavarsler til bestemte adresser. Dette overstyrer eventuelle varslingsmottakere som er angitt i skjemaverktøyet.
6. Legg til i arbeidsflyt: Legg til besøkende som sender inn skjemaet i en arbeidsflyt( kunMarketing 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.

Overskrift

En topptekstmodul viser en tekstlinje i en overskrifts-HTML-tagg. Skriv inn standard overskriftstekst i boksen Overskriftsinnhold. Klikk på rullegardinmenyen overskriftstype for å velge overskriftstaggen(H1-H4).

Bilde

En bildemodul legger til ett enkelt bilde i et innholdselement. Finn ut mer om redigeringsalternativene for bildemoduler.

Bildegalleri

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

Språkveksler

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

Med språkvekslermodulen 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: 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åkveksleren.
• 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 English og Français som språknavn når du klikker på språkveksleren.
• 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. Les mer om hvordan du arbeider med flerspråklig innhold i HubSpot.

Logo

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

Logomodulen 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 .

Rutenett for logo

Med logorutenettmodulen kan du ordne flere logoer av ulike dimensjoner i et konsistent rutenett. Du kan tilpasse bakgrunnsfarge, størrelsesforhold, størrelse på rutenettet, størrelse på avstanden og maksimal logohøyde.

E-postens hovedtekst

Hovedmodulen for e-postteksten er en standard rik tekst-modul som er inkludert som standard i alle e-postmaler. Du kan tilpasse standardinnholdet for e-postteksten i en bestemt mal.

I tillegg til standard stylingalternativer 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. Angi pikselverdier i tekstfeltene Kantbredde og Innvendig avstand for å angi standardavstand.

Meny

Menymodulen legger til navigasjon i innholdet og malene dine. Menyene opprettes og administreres direkte i innstillingene på nettstedet.

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

1. Meny: Velg en av de eksisterende menyene fra innstillingene.
2. Avansert menytype: Velg hvordan menyelementene skal vises på nettstedet ditt:
   • Statisk - Vis alltid sidene på øverste nivå i menyen: hold menyen konsistent på tvers av alle sider.
   • Dynamisk etter seksjon - Vis sider i menyen som er relatert til seksjonen som vises: Vis menyelementer i forhold til menyelementet på øverste nivå som vises.
   • Dynamisk etter side - Vis sider i menyen som er relatert til siden som vises: Vis menyelementer relatert til den spesifikke siden som vises.
   • Breadcrumb-meny (bruker horisontal flyt): Vis menyelementer horisontalt i en relativ bane øverst på nettstedet.
3. Maks. nivåer: Velg maksimalt antall underordnede menyelementer som kan vises.
4. Orientering: Velg om menyelementene skal vises horisontalt eller vertikalt.
5. Aktiver flyouts: 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 er opprettet 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 være merket med et customModules modulikon i søkeren og inspektøren. Finn ut mer om hvordan du arbeider med egendefinerte moduler i dokumentasjonen for utviklere.

Informasjon om kontorets beliggenhet

Modulen for kontorplassering inneholder nødvendige tokens som må inkluderes i en e-postmal for at det skal være lovlig å sende markedsførings-e-post. Du kan redigere utformingen av denne modulen, men du kan ikke lagre en e-postmal uten en kontorstedsmodul eller de nødvendige HubL-taggene .

I tillegg til standard stylingalternativer 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. Angi pikselverdier i tekstfeltene Kantbredde og Innvendig avstand for å angi standardavstand.

Én linje med tekst

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

Sidefot

Sidefotmodulen viser informasjon om opphavsrett med gjeldende årstall og firmanavnet ditt. Firmanavnet hentes automatisk fra bunntekstdelen i e-postinnstillingene.

Spørsmål 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 brukeren får tilgang til siden. Du kan tilpasse teksten på innsendingsknappen og teksten som skal vises hvis brukeren skriver inn feil passord.

Innleggsfilter

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

Modulen for innleggsfilter 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 ordnes alfabetisk eller etter antall innlegg.
• Listetittel som skal vises: Angi en tittel som skal vises over innleggene.
• Maksimalt antall filterverdier som skal vises: Angi maksimalt antall 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 abonnement på blogg-e-post er ikke tilgjengelig for e-postmaler.

Innleggslistemodulen brukes til å vise en liste over blogginnlegg fra en HubSpot-blogg. Du kan stille inn modulen til å vise de nyeste innleggene eller de som har vært mest populære den siste måneden, det siste halvåret, det siste året eller hele tiden.

Du kan tilpasse følgende standardinnstillinger for innhold i inspektøren:

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

Produkt

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

Rik tekst

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

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

RSS-oversikt

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 fra 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 bilde, forfatternavn, sammendrag eller publiseringsdato skal vises sammen med hvert innlegg.

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

• Vis forfatternavn: Angi teksten for forfatterhenvisning som skal vises over hvert forfatternavn. Som standard vil denne modulen inkludere by som attribusjonstekst.
• Vis sammendrag: Angi lengden på sammendraget i tegn for hvert bloggsammendrag. Du kan også tilpasse sammendragets klikktekst, som er lenken bloggbesøkende klikker på for å lese hele innlegget. Som standard er denne teksten merket Les mer.
• Vis publiseringsdato: Velg Publiser datoformat for åtilpasse hvordan dato og klokkeslett formateres for hvert innlegg. Du kan også tilpasse indikatorteksten for publiseringsdato. Som standard vil denne teksten være Publisert kl.

Avsnittets overskrift

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

Enkel meny

Med enkle menymoduler kan brukerne opprette sidespesifikke menyer i innholdsredigeringsprogrammet. Denne modulen gir deg fleksibilitet til å lage en enkel meny for en bestemt mal. Klikk på Rediger meny i inspektøren for å legge til menyelementer, lenker og velge menyretning. Når du redigerer innstillingen for menyretning, legger du til en klasse av typen hs-menu-flow-horizontal eller hs-menu-flow-vertical i menyomslaget, som deretter kan brukes til styling i CSS. Les mer om klasser som legges til med modulinnstillinger i utviklerdokumentasjonen vår.

Deling på sosiale medier

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

Delingskoblingen fylles automatisk ut med de HubL-taggene som kreves for å dele innholdet. I e-poster vil modulen bruke nettversjonsadressen til den aktuelle e-posten i delingslenken.

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

Innstillinger for abonnement

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

Med disse modulene kan du tilpasse siden en e-postmottaker ser når vedkommende skal administrere abonnementspreferansene sine eller avslutte abonnementet på e-postkommunikasjon.

Bekreftelse av abonnementsoppdatering

Modulen for bekreftelse av abonnementsoppdatering er en rik tekst-modul som er tilgjengelig i systemets maler for bekreftelse av abonnementsoppdatering. Med den kan du tilpasse hva som vises når en e-postmottaker oppdaterer abonnementsinnstillingene sine.

Vis som nettside

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

WhatsApp-link

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

Bruk WhatsApp-koblingsmodulen for å gi besøkende på nettstedet mulighet til å ta kontakt med deg direkte 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.

Knappenes utforming, for eksempel farge og avstand, kan tilpasses i fanen Stiler i sideredigeringsprogrammet, og du kan konfigurere følgende elementer:

• WhatsApp-nummer: velg et tilkoblet WhatsApp-nummer.
• Opt-in-tekst: Velg opt-in- og opt-out-tekst.
• 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 skal vises på knappen.
• WhatsApp-ikonets tittel: Skriv inn ikonbeskrivelsen for skjermlesere av hensyn til tilgjengeligheten.