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. Læs mere 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å dropdown-menuen Filter by category or 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 sektionen Wrapping HTML skal du klikke på Expand for at tilføje mere tilpasset 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- og Content Hub Professional- og Enterprise-konti har som standard en @hubspot-mappe i designværktøjer. Denne mappe indeholder alle dine temaer og standardmoduler, herunder drag and drop-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å mappen @hubspot i søgeren.
• Højreklik på det standardmodul , du vil klone, og vælg derefter Clone module.
  
  
• I det klonede modul skal du redigere modulets kildekode i det centrale redigeringspanel.
• For at gemme dine ændringer skal du klikke på Publish changes øverst til højre. Modulet vil derefter være tilgængeligt til brug, når du bygger skabeloner.

Typer af standardmoduler

Backup afmelding

Backup-afmeldingsskabelonen vises til e-mailmodtagere, der klikker på et afmeldingslink, hvis HubSpot ikke kan 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 venligst: Blogkommentar-modulet er ikke tilgængeligt for side- eller e-mailskabeloner.

Blogkommentar-modulet 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 venligst: Blogindholdsmodulet er ikke tilgængeligt for side- eller e-mailskabeloner.

Blogindholdsmodulet indeholder HTML/HubL-markup til dine blogindlæg og blogopslagssider. Du kan redigere markeringen af dine indlæg ved at klikke på Edit Post Template og redigere markeringen af din opslagsside ved at klikke på Edit Listing Template. Læs mere om opmærkning af blogindholdsmodulet.

E-mail-abonnement på blog

Bemærk: Bloggens e-mail-abonnementsmodul er ikke tilgængeligt for e-mail-skabeloner.

Modulet til abonnement på blog-e-mails lader besøgende abonnere på din blogs digest-e-mails ved at udfylde en formular. Dette modul udfyldes af din blogabonnentformular, som kan tilpasses i dit formularværktøj.

Klik på dropdown-menuen Select blog to display , og vælg den blog, dine besøgende abonnerer på. I tekstboksen Title to display above form tilpasser du den tekst, der vises i titlen over formularen. Hold musen 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 call-to-action-modul (CTA) placerer en CTA i sit eget modul i dit layout. Du kan også indsætte en CTA i et rich text-modul.

Klik på rullemenuen CTA i inspektøren, og vælg en standard-CTA for 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.

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 website til dine respektive sider på de sociale medier.

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

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

Formular

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

Med formular-modulet kan du tilføje en formular til din side eller blog, så du kan indsamle kontaktoplysninger fra dine besøgende.

I dette modul kan du tilpasse følgende indstillinger:

1. Formulartitel: Indtast titlen på din formular, som vil blive vist 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 sendt din form ular: Vælg, om en person, der sender formularen, skal omdirigeres til en anden side, eller om der skal vises en inline-takkemeddelelse på den samme side.
4. Takkebesked: Tilpas din indbyggede takkebesked.
5. Send formularnotifikationer til specificerede e-mailadresser i stedet for standardformularen: Send formularnotifikations-e-mails til specifikke adresser. Dette vil tilsidesætte eventuelle notifikationsmodtagere, 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 indsender formularen.

Overskrift

Et header-modul viser en linje med tekst i et heading HTML-tag. Indtast en standardtekst til overskriften i feltet Overskriftsindhold. Klik på rullemenuen Header type for at vælge overskriftstagget(H1-H4).

Billede

Et billedmodul tilføjer et enkelt billede til et stykke indhold. Læs mere om redigeringsmulighederne for billedmoduler.

Billedgalleri

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

Sprogomskifter

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

Sprogomskifter-modulet giver besøgende mulighed for at skifte mellem oversatte versioner af en side eller blog. Klik på dropdown-menuen Display mode 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. Læs mere om at arbejde med indhold på flere sprog i HubSpot.

Logo

Logomodulet henter automatisk dit firmalogo fra dine hjemmesideindstillinger. Hvis du vil bruge et andet logo, skal du klikke på Override default logo for this page for kun at uploade et nyt billede til denne side . Hvis du vil ændre standardlogoet for alt indhold i dine hjemmesideindstillinger, skal du klikke på Rediger standardlogo i dette domæne.

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

Gitter med logo

Med logo grid-modulet kan du arrangere flere logoer af forskellige dimensioner i et ensartet gitter. Du kan tilpasse baggrundsfarve, billedformat, størrelse på gitter, størrelse på mellemrum og maksimal logohøjde.

E-mailens hovedtekst

E-mailens hovedmodul er et standard rich text-modul, der som standard er inkluderet i alle e-mailskabeloner. Du kan tilpasse standardindholdet til e-mailteksten på 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 spacing for at indstille standardafstanden.

Menu

Menumodulet tilføjer navigation til dit indhold og dine skabeloner. Menuer oprettes og administreres direkte i din hjemmesides 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 menupunkterne skal vises på din hjemmeside:
   • Statisk - Vis altid sider på øverste niveau i menuen: hold din menu konsistent 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 menupunkt på øverste niveau, 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 site.
3. Max levels: Vælg det maksimale antal underordnede menupunkter, der kan vises.
4. Orientering: Vælg, om menupunkterne skal vises vandret eller lodret.
5. Aktivér flyouts: Marker dette afkrydsningsfelt for at vise underordnede menupunkter, når du holder musen over den overordnede. Fjern markeringen for altid at vise underordnede menupunkter.

Moduler

Moduler, der er oprettet i kodeeditoren, giver dig mulighed for at bruge HTML, CSS, Javascript og HubL til at tilføje avanceret funktionalitet til dine skabeloner, samtidig med at dine brugere kan redigere modulindholdet i indholdseditoren uden at ændre koden. Disse komponenter vil være markeret med et customModules modulikon i finder og inspector. Læs mere om at arbejde med specialkodede moduler i vores udviklerdokumentation.

Oplysninger om kontorets beliggenhed

Kontorplaceringsmodulet indeholder nødvendige 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 kontorplaceringsinformationsmodul eller de påkrævede HubL-tags .

Ud over de almindelige stylingmuligheder 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 spacing for at indstille standardafstanden.

En linje med tekst

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

Sidefod

Sidefodsmodulet viser copyright-oplysninger med det aktuelle årstal og dit firmanavn. Firmanavnet hentes automatisk fra sektionen Footer i dine e-mailindstillinger.

Adgangskode-prompt

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

Indlægsfilter

Bemærk: Bloggens e-mail-abonnementsmodul er ikke tilgængeligt for e-mail-skabeloner.

Postfiltermodulet 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 skal vises: 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.
• Rækkefølge af værdier for filterlinks: Vælg, om værdierne skal organiseres 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 specifikt filter. Lad dette felt være tomt for at vise alle indlæg.
• Tekstlink, der skal vises, hvis der er flere indlægsværdier, end der må 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: Bloggens e-mail-abonnementsmodul er ikke tilgængeligt for e-mail-skabeloner.

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

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

• Vælg blog, der skal vises: Vælg den blog, du vil vise indlægstitler for.
• Liste 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: Indtast et maksimalt antal indlæg, der skal vises i dette modul.

Produkt

Ved hjælp af produktmodulet kan du vise produkter fra dit produktbibliotek på sider og 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, såsom tekst, billeder og CTA'er.

For at tilføje standardindhold til dette modul skal du klikke på Udvid eller klikke på forhåndsvisningen af indholdet for at åbne en rich text editor.

RSS-liste

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

Du kan bruge et RSS-listemodul til at vise resuméer af indlæg på 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 attributionstekst.
• 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 Formater udgivelsesdato for attilpasse, hvordan dato og klokkeslæt formateres for hvert opslag. Du kan også tilpasse indikatorteksten for udgivelsesdatoen. Som standard vil denne tekst være posted at.

Sektionens overskrift

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

Enkel menu

Simple menu modules giver brugerne mulighed for at oprette sidespecifikke menuer i indholdseditoren. Dette modul giver dig fleksibilitet til at bygge en simpel menu til en bestemt skabelon. Klik på Edit menu i inspektøren for at tilføje menupunkter, links og vælge menuens retning. Redigering af menuens retning tilføjer en klasse af hs-menu-flow-horizontal eller hs-menu-flow-vertical til menuens wrapper-container, som derefter kan bruges til styling i din CSS. Læs mere om klasser tilføjet af modulindstillinger i vores udviklerdokumentation.

Social deling

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

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

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

Præferencer for abonnement

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

Med disse moduler kan du tilpasse den side, en e-mailmodtager ser, når de administrerer deres abonnementspræferencer eller afmelder sig 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 websideversionen 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å hjemmesiden kan få direkte kontakt med dig via WhatsApp. Dette modul kan føjes til websider, blogindlæg og blogsider. For at bruge dette modul skal du forbinde din WhatsApp-kanal til din indbakke med samtaler.

Knappernes styling, såsom farve og mellemrum, kan tilpasses under fanen Styles 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-teksten.
• 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 ikonbeskrivelsen for skærmlæsere.