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.
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.
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.
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.
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.
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.
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 at tilpasse den tekst, der vises, når en besøgende har indsendt formularen.
expand forEt 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.
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.
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.
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:
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).
Et billedmodul tilføjer et enkelt billede til et stykke indhold. Læs mere om redigeringsmulighederne for billedmoduler.
Et billedgallerimodul tilføjer en række roterende billeder til et enkelt modul. Læs mere om billedgallerimodulets indstillinger, der kan tilpasses.
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:
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.
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 .
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 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.
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:
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 modulikon i finder og inspector. Læs mere om at arbejde med specialkodede moduler i vores udviklerdokumentation.
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.
Modulet En linje tekst giver brugerne mulighed for at redigere en enkelt linje tekst i indholdseditoren.
Sidefodsmodulet viser copyright-oplysninger med det aktuelle årstal og dit firmanavn. Firmanavnet hentes automatisk fra sektionen Footer i dine e-mailindstillinger.
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.
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 :
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:
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.
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.
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:
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.
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.
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.
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.
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.
Modulet Vis som webside giver e-mailmodtagere mulighed for at åbne websideversionen af en e-mail.
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: