HubSpots standardmoduler

I denne artikel kan du lære om de standardmoduler, som HubSpot stiller til rådighed til brug i dine skabeloner og sider. Hver modultype kan tilpasses med styling- og indholdsindstillinger i inspektøren. Du kan også tilføje et standardmodul til en HTML-skabelon med dens HubL-snippet. Få mere at vide om udvikling med standardmoduler i HubSpots udviklerdokumentation.

Tilføj et modul til din skabelon

For at tilføje moduler til dine træk-og-slip-skabeloner skal du klikke på + Tilføj i inspektøren øverst til højre i editoren. Alle standardmoduler og eventuelle gemte brugerdefinerede moduler eller grupper vises her. Hvis du vil finde et bestemt modul, skal du indtaste dets navn i søgefeltet. Du kan også klikke på rullemenuen Filtrer efter kategori eller tags og vælge et eller flere filtre.

Når modulet er valgt i editoren, kan du ændre modulets stilarter, indstillinger og indhold i inspektøren. I afsnittet Wrapping HTML skal du klikke på Expand for at tilføje mere brugerdefineret styling i kodeeditoren.

Nederst i inspektøren kan du låse modulet, så brugerne ikke kan ændre standardindholdet, når de redigerer en blog, e-mail eller side. Klik for at slå Forhindr redigering i indholdsredaktører til for at aktivere denne indstilling.

Tilpas et standardmodul

Alle Marketing Hub Professional- og Enterprise-konti og Content Hub Professional- og Enterprise-konti har som standard en @hubspot-mappe i designværktøjerne. Denne mappe indeholder alle dine temaer og standardmoduler, inklusive træk-og-slip-e-mailmoduler. Disse temaer og moduler er skrivebeskyttede, men kan klones, hvis du vil redigere dem.

• På din HubSpot-konto skal du navigere til Indhold > Design Manager..
• Klik på @hubspot-mappen i stifinderen.
• Højreklik på det standardmodul , du vil klone, og vælg derefter Klon modul.
  
  
• I det klonede modul skal du redigere modulets kildekode i det centrale redigeringspanel.
• Klik på Udgiv ændringer øverst til højre for at gemme dine ændringer. Modulet vil derefter være tilgængeligt til brug ved opbygning af skabeloner.

Typer af standardmoduler

Afmelding af backup

Backup-afmeldingsskabelonen vises til e-mailmodtagere, der klikker på et afmeldingslink, hvis HubSpot ikke er i stand til at finde deres e-mailadresse. Du kan tilpasse den hjælpetekst, der vises på din backup-afmeldingsside, i afsnittet Standardindhold i dette modul.

Blog-kommentarer

Bemærk: Blogkommentarmodulet er ikke tilgængeligt for side- eller e-mailskabeloner.

Blogkommentarmodulet tilføjer en kommentarsektion til en blogindlægsskabelon. Du kan tilpasse formularen til blogkommentarer i dit formularværktøj. Formularen får et navn baseret på titlen på din blog.

Bloggens indhold

Bemærk: Blogindholdsmodulet er ikke tilgængeligt for side- eller e-mailskabeloner.

Blogindholdsmodulet indeholder HTML/HubL-markup for dine blogindlæg og blogopslagssider. Du kan redigere markeringen af dine indlæg ved at klikke på Rediger indlægsskabelon og redigere markeringen af din opslagsside ved at klikke på Rediger opslagsskabelon. Få mere at vide om opmærkning af blogindholdsmodulet.

Abonnement på blog-e-mail

Bemærk: Blog-abonnementsmodulet er ikke tilgængeligt for e-mail-skabeloner.

Blog-e-mail-abonnementsmodulet giver besøgende mulighed for at abonnere på dine blog-e-mails ved at udfylde en formular. Dette modul udfyldes af din blogabonnementsformular, som kan tilpasses i dit formularværktøj.

Klik på rullemenuen Select blog to display , og vælg den blog, dine besøgende abonnerer på. I feltet Title to display above form text skal du tilpasse den tekst, der vises i titlen over formularen. Hold markøren over det eksisterende inline-svar, og klik på ikonet expand expand forat tilpasse den tekst, der vises, når en besøgende har indsendt formularen.

Opfordring til handling

Et CTA-modul (call-to-action) placerer en CTA i sit eget modul i dit layout. Du kan også indsætte en CTA i et rich text-modul.

I inspektøren skal du klikke på rullemenuen CTA og vælge en standard-CTA til dette modul i din skabelon. Eller klik på + Opret ny CTA i samme menu for at oprette en ny CTA som din standard-CTA.

Indholdsbibliotek

Du kan bruge indholdsbiblioteksmodulet til at oprette et bibliotek med ressourcer, som dine besøgende kan få adgang til. For biblioteket kan du indstille ressourcelayout, ikoner, skrifttyper og farver. For hver ressource kan du angive et navn, en beskrivelse, et link eller en fil og et visningsbillede.

Du kan også indstille indhold som featured, så det vises øverst i indholdsbiblioteket og fylder en hel række.

Følg mig

Bemærk: Følg mig-modulet er ikke tilgængeligt for e-mail-skabeloner.

Du kan bruge follow me modul til at hjælpe dine besøgende med at komme i kontakt med din virksomhed på de sociale medier. I modsætning til et socialt delingsmodul leder follow me-moduler brugerne væk fra dit websted og hen til dine respektive sociale mediesider.

Når du tilføjer et follow me-modul, kan du tilpasse den moduloverskrift, der vises over de sociale ikoner.

Du kan angive, hvilke sociale medier der skal vises i dette modul i afsnittet Følg mig i dine sociale indstillinger.

Form

Bemærk: Formularmodulet er ikke tilgængeligt for e-mailskabeloner.

Med formularmodulet kan du tilføje en formular til din side eller blog for at indsamle kontaktoplysninger fra dine besøgende.

For dette modul kan du tilpasse følgende indstillinger:

1. Formulartitel: Indtast titlen på din formular, som skal vises på siden eller bloggen.
2. Formular: Vælg en eksisterende HubSpot-formular, der skal vises på siden, eller tilføj en ny formular.
3. Hvad vil en besøgende se efter at have indsendt din formular : Vælg, om en person, der har indsendt formularen, skal omdirigeres til en anden side, eller om der skal vises en inline-takkemeddelelse på samme side.
4. Takkebesked: Tilpas din inline-takkebesked.
5. Send formularnotifikationer til angivne e-mailadresser i stedet for formularens standard: Send formularnotifikations-e-mails til bestemte adresser. Dette tilsidesætter eventuelle modtagere af notifikationer, der er indstillet i formularværktøjet.
6. Tilføj til workflow: Tilføj besøgende, der indsender formularen, til et workflow (kunMarketing Hub Professional eller Enterprise ).
7. Send en opfølgningsmail: Send op til tre opfølgningsmails til besøgende, der har indsendt formularen.

Overskrift

Et overskriftsmodul viser en linje tekst i et overskrifts-HTML-tag. Indtast en standardoverskriftstekst i feltet Overskriftsindhold. Klik på rullemenuen Overskriftstype for at vælge overskriftstagget (H1-H4).

Billede

Et billedmodul tilføjer et enkelt billede til et stykke indhold. Få mere at vide om redigeringsmuligheder for billedmoduler.

Billedgalleri

Et billedgallerimodul tilføjer en række roterende billeder til et enkelt modul. Få mere at vide om billedgallerimodulets indstillinger, der kan tilpasses.

Sprogomskifter

Bemærk: Sprogskiftemodulet er ikke tilgængeligt for e-mailskabeloner.

Sprogskiftemodulet giver besøgende mulighed for at skifte mellem oversatte versioner af en side eller blog. Klik på rullemenuen Visningstilstand for at tilpasse, hvordan navnene på dine oversatte sprog skal vises:

• Pagelang: Navnet på hvert sprog vises på den aktuelle sides sprog. Hvis du f.eks. ser den engelske version af en side med en fransk oversættelse, vil du, når du klikker på sprogomskifteren, se engelsk og fransk som sprognavne.
• Lokaliseret: Navnet på hvert sprog vises på det pågældende sprog. Hvis du f.eks. ser den engelske version af en side med en fransk oversættelse, vil du, når du klikker på sprogomskifteren, se English og Français som sprognavne.
• Hybrid: en kombination af de to. Hvis du f.eks. ser den engelske version af en side med en fransk oversættelse, vil du, når du klikker på sprogomskifteren, se engelsk og fransk (Français) som sprognavne.

Dette modul vises kun på live-sider med mere end én offentliggjort oversættelse. Få mere at vide om at arbejde med indhold på flere sprog i HubSpot.

Logo

Logomodulet henter automatisk dit firmalogo fra dine webstedsindstillinger. Hvis du vil bruge et andet logo, skal du klikke på Tilsidesæt standardlogo for denne side for at uploade et nyt billede, der kun er beregnet til denne side. Hvis du vil ændre standardlogoet for alt indhold i dine webstedsindstillinger, skal du klikke på Rediger standardlogo i dette domæne.

Dit logomodul vil automatisk linke til den URL, der er angivet i dit brand kit. Hvis du vil tilsidesætte denne standard og linke til en anden side, skal du indtaste en unik link-URL .

Logo-netværk

Med logogittermodulet kan du arrangere flere logoer af forskellige dimensioner i et ensartet gitter. Du kan tilpasse baggrundsfarve, størrelsesforhold, gitterstørrelse, afstandsstørrelse og maksimal logohøjde.

E-mailens hovedtekst

E-mailens hovedmodul er et standard rich text-modul, der som standard er inkluderet i alle e-mail-skabeloner. Du kan tilpasse standardindholdet til e-mailens brødtekst i en bestemt skabelon.

Ud over standardindstillingerne for styling kan dette modul tilpasses med standardfarver, rammer og mellemrum. Klik på farveboblen, og vælg en farve fra farvevælgeren, eller indtast en hexadecimal værdi i tekstfeltet for at indstille standardfarver. Indtast pixelværdier i tekstfelterne Border width og Inner spac ing for at indstille standardafstanden.

Menu

Menumodulet tilføjer navigation til dit indhold og dine skabeloner. Menuer oprettes og administreres direkte i hjemmesidens indstillinger.

I designværktøjerne kan du tilpasse følgende funktioner i dit menumodul:

1. Menu: Vælg en af dine eksisterende menuer fra dine indstillinger.
2. Avanceret menutype: Vælg, hvordan menupunkter skal vises på din hjemmeside:
   • Statisk - Vis altid sider på øverste niveau i menuen : Hold din menu konsekvent på tværs af alle sider.
   • Dynamisk efter sektion - Vis sider i menuen , der er relateret til den sektion , der vises: Vis menupunkter i forhold til det øverste menupunkt, der vises.
   • Dynamisk efter side - Vis sider i menuen , der er relateret til den side , der vises: Vis menupunkter, der er relateret til den specifikke side, der vises.
   • Breadcrumb style path menu (bruger horisontalt flow): Vis menupunkter horisontalt i en relativ sti hen over toppen af dit website.
3. Maks. niveauer: Vælg det maksimale antal underordnede menupunkter, der kan vises.
4. Orientering: Vælg, om menupunkterne skal vises vandret eller lodret.
5. Aktiver flyouts: Vælg dette afkrydsningsfelt for at vise underordnede menupunkter, når du holder musen over den overordnede menu. Fjern markeringen i dette afkrydsningsfelt for altid at vise underordnede menupunkter.

Moduler

Medmoduler oprettet i kodeeditoren kan du bruge HTML, CSS, Javascript og HubL til at tilføje avanceret funktionalitet til dine skabeloner, samtidig med at dine brugere kan redigere modulindhold i indholdseditoren uden at ændre koden. Disse komponenter vil blive mærket med et customModules -modulikon i stifinderen og inspektøren. Få mere at vide om at arbejde med brugerdefinerede moduler i vores udviklerdokumentation.

Oplysninger om kontorets beliggenhed

Kontorplaceringsmodulet indeholder påkrævede tokens, som skal inkluderes i en e-mailskabelon for lovligt at kunne sende marketing-e-mails. Selvom du kan redigere stylingen af dette modul, vil du ikke kunne gemme en e-mailskabelon uden et informationsmodul om kontorplacering eller de nødvendige HubL-tags .

Ud over standardindstillingerne for styling kan dette modul tilpasses med standardfarver, rammer og mellemrum. Klik på farveboblen, og vælg en farve fra farvevælgeren, eller indtast en hexadecimal værdi i tekstfeltet for at indstille standardfarver. Indtast pixelværdier i tekstfelterne Border width og Inner spac ing for at indstille standardafstanden.

En linje med tekst

Modulet med en linje tekst giver brugerne mulighed for at redigere en enkelt linje tekst i indholdseditoren.

Sidefod

Sidefodsmodulet viser oplysninger om ophavsret med det aktuelle år og dit firmanavn. Firmanavnet trækkes automatisk ind fra sektionen Footer i dine e-mailindstillinger.

Adgangskode-prompt

Adgangskodemodulet er tilgængeligt på systemskabeloner med adgangskode. Hvis en side er beskyttet med en adgangskode, vises siden med adgangskoden, før en bruger kan få adgang til siden. Du kan tilpasse teksten på indsend-knappen og den tekst, der skal vises, hvis der indtastes en forkert adgangskode.

Indlægsfilter

Bemærk: Blog-abonnementsmodulet er ikke tilgængeligt for e-mail-skabeloner.

Indlægsfiltermodulet viser en liste over blogartikler fra et bestemt emne, en bestemt måned eller en bestemt forfatter.

Du kan tilpasse følgende indstillinger for dette modul i afsnittet Standardindhold :

• Vælg en blog, der skalvises : Vælg, hvilken blogs indlæg der skal bruges.
• Liste over værdier for filterlinks : Vælg, om modulet skal filtreres efter tag, måned eller forfatter.
• Sortering af værdier for filterlinks : Vælg, om værdierne skal sorteres alfabetisk eller efter antal indlæg.
• Listetitel , der skal vises: Indtast en titel , der skal vises over indlæggene.
• Maksimalt antal filterværdier, der skal vises : Indtast det maksimale antal indlæg for et bestemt filter. Lad dette felt stå tomt for at vise alle indlæg.
• Tekstlink, der skal vises, hvis der er flere værdier for indlæg, end der kan vises: Indtast den tekst , der skal vises, hvis der er flere tilgængelige indlæg i en kategori. Standardteksten er Se alle .

Postliste

Bemærk: Blog-abonnementsmodulet er ikke tilgængeligt for e-mail-skabeloner.

Modulet til visning af indlæg bruges til at vise en liste over blogindlæg fra en HubSpot-blog. Du kan indstille modulet til at vise de seneste indlæg eller de mest populære i løbet af den seneste måned, de seneste seks måneder, det seneste år eller hele tiden.

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

• Vælg den blog, der skalvises : Vælg den blog, du gerne vil have vist indlægstitler for.
• List blogindlæg efter: vælg, hvordan du vil organisere indlæggene
• Listetitel , der skal vises: Indtast en titel , der skal vises over indlæggene.
• Maksimalt antal blogindlæg , der skal vises: Angiv det maksimale antal indlæg, der skal vises i dette modul.

Produkt

Med produktmodulet kan du vise produkter fra dit produktbibliotek på sider og i indlæg. Produkternes standardoplysninger vises, men du kan vælge at tilsidesætte dem side for side.

Fyldig tekst

Rich text-modulet er det mest almindelige indholdsmodul, der bruges på tværs af HubSpots indholdsværktøjer. Det understøtter redigeringsmuligheder for forskellige komponenter, f.eks. tekst, billeder og CTA'er.

For at tilføje standardindhold til dette modul skal du klikke på Udvid eller klikke på eksempelindholdet for at åbne en rich text-editor.

RSS-liste

Bemærk: RSS-listemodulet er ikke tilgængeligt for e-mail-skabeloner. Brug en RSS-e-mail i stedet.

Du kan bruge et RSS-listemodul til at vise indlægsoversigter for en HubSpot-blog eller et eksternt RSS-feed.

RSS-listemoduler kan vise en bestemt blog eller et bestemt tag. Klik for at slå den tilsvarende kontakt til for at angive, om et fremhævet billede, forfatternavn, resumé eller udgivelsesdato skal vises med hvert indlæg.

Når du har aktiveret disse indstillinger, kan du tilpasse følgende detaljer:

• Vis forfatternavn: Indtast den tekst, der skal vises over hvert forfatternavn. Som standard vil dette modul inkludere by som tilskrivningstekst.
• Vis resumé: Indtast resuméets længde i tegn for hvert blogresumé. Du kan også tilpasse Summary clickthrough text, som er det link, blogbesøgende klikker på for at læse hele dit indlæg. Som standard vil denne tekst være mærket Læs mere.
• Vis udgivelsesdato: Vælg Udgivelsesdato for attilpasse, hvordan dato og klokkeslæt formateres for hvert indlæg. Du kan også tilpasse indikatorteksten for udgivelsesdatoen. Som standard vil denne tekst lyde posted at.

Overskrift til afsnit

Med sektionsoverskriftsmodulet kan du vise et h1-overskriftstag med en undertekst til et afsnit. Dette modul er ideelt til at titulere den primære sektion på en side.

Enkel menu

Enkle menumoduler giver brugerne mulighed for at oprette sidespecifikke menuer i indholdseditoren. Dette modul giver dig fleksibilitet til at opbygge en enkel menu til en bestemt skabelon. Klik på Rediger menu i inspektøren for at tilføje menupunkter og links og vælge menuens retning. Ved at redigere indstillingen for menueretningen tilføjes en klasse som hs-menu-flow-horizontal eller hs-menu-flow-vertical til menuindpakningscontaineren, som derefter kan bruges til styling i din CSS. Få mere at vide om klasser, der tilføjes via modulindstillinger, i vores udviklerdokumentation.

Social deling

Med det sociale delingsmodul kan besøgende nemt dele dit indhold på tværs af sociale medier og e-mail. Klik påkontakten Enabled? ved siden af et bestemt socialt netværk for at inkludere det på din side eller i din e-mail.

Delingslinket udfyldes automatisk med de nødvendige HubL-tags til at dele dit indhold. I e-mails vil modulet bruge webversionens URL i den pågældende e-mail i delingslinket.

Bemærk: Det sociale delingsmodul bruger standardikoner for hvert socialt netværk. Hvis du gerne vil bruge dine egne sociale ikoner, kan du oprette en tilpasset version af modulet.

Præferencer for abonnementer

Moduler til abonnementspræferencer er kun tilgængelige på systemskabeloner til abonnementspræferencer.

Med disse moduler kan du tilpasse den side, som en e-mailmodtager ser, når de administrerer deres abonnementspræferencer eller afmelder e-mailkommunikation.

Bekræftelse af abonnementsopdatering

Modulet til bekræftelse af abonnementsopdatering er et rich text-modul, der er tilgængeligt i systemskabeloner til bekræftelse af abonnementsopdatering. Det giver dig mulighed for at tilpasse, hvad der vises, når en e-mailmodtager opdaterer sine abonnementsindstillinger.

Vis som webside

Modulet Vis som webside giver e-mailmodtagere mulighed for at åbne en websideversion af en e-mail.

WhatsApp-link

Bemærk: Dette modul erkun tilgængeligt for Marketing Hub-ogService Hub Professional- og Enterprise-konti.

Brug WhatsApp-linkmodulet til at tilføje en måde, hvorpå besøgende på webstedet kan komme i kontakt med dig direkte via WhatsApp. Dette modul kan føjes til websider, blogindlæg og blogopslagssider. For at bruge dette modul skal du forbinde din WhatsApp-kanal til din indbakke med samtaler.

Knappernes styling, som f.eks. farve og afstand, kan tilpasses under fanen Stilarter i sideeditoren, og du kan konfigurere følgende elementer:

• WhatsApp-nummer: Vælg et tilsluttet WhatsApp-nummer.
• Opt-in-tekst: Vælg opt-in- og opt-out-tekst.
• Vis: Vælg, om knappen skal vise tekst, et ikon eller begge dele.
• Ikonposition: Vælg, om ikonet skal vises til venstre eller højre for teksten.
• Knaptekst: Indtast den tekst, der vises på knappen.
• WhatsApp-ikonets titel: Af hensyn til tilgængeligheden skal du indtaste ikonets beskrivelse for skærmlæsere.