Vidensbase

HubSpots standardmoduler

Skrevet af HubSpot Support | Jun 28, 2023 1:02:48 PM

I indholdseditoren og designmanageren er visse standardmoduler tilgængelige til brug i de fleste typer indhold.

Ved at bruge HubL-snippets kan du også tilføje disse standardmoduler til HTML-skabeloner. Læs mere om at arbejde med standardmoduler i brugerdefinerede skabeloner i udviklerdokumentationen.

Tilføj modul til træk og slip-skabeloner

I designmanageren kan du tilføje standardmoduler til træk og slip-skabeloner ved hjælp af layouteditoren.

  • Klik på navnet på skabelonen i venstre kolonne.
  • Klik på + Tilføj i højre kolonne.
  • Indtast navnet på et standard- eller brugerdefineret modul i søgefeltet.
  • Klik på modulnavnet, og træk det derefter ind i din skabelon.
  • I afsnittet Styling options kan du indstille en tilpasset styling for modulet.

  • I afsnittet Standardindhold kan du tilpasse det indhold, der vises, når modulet føjes til indholdseditoren.

  • I afsnittet Redaktørindstillinger skal du slå Forhindr redigering i indholdsredaktører til for at forhindre andre brugere i at redigere modulets standardindhold i indholdsredaktøren.

Tilpas standardmoduler

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

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.

  • Klik på @hubspot-mappen i stifinderen .
  • Højreklik på et standardmodul, og vælg derefter Clone module.

  • Rediger modulets kildekode i det klonede modul.
  • Klik på Udgiv ændringer øverst til højre.

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 ikonet expand expand for at 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.

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 op følgningsmail: Send op til tre opfølgningsmails til besøgende, der har indsendt formularen.

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 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 forskellig størrelse i et ensartet gitter. Du kan tilpasse baggrundsfarve, størrelsesforhold, gitterstørrelse, afstandsstørrelse og maksimal logohøjde.

E-mailens hovedtekst

Hovedmodulet for e-mailens brødtekst 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 spacing 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 menupunkteri 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 spacing 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.

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, derskal vises: Vælg, hvilken blogs indlæg derskal 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 skalvises: 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 skal vises: 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 skalvises: Indtast en titel , der skal vises over indlæggene.
  • Maksimalt antal blogindlæg, derskal 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é: Indtastresumé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.

Social opfølgning

Med et social follow-modul kan du henvise besøgende til at følge din virksomhed på de sociale medier. For hvert socialt netværk kan du indstille et brugerdefineret link eller en e-mailadresse. I designmanageren kan du også indstille brugerdefinerede ikoner for hvert socialt netværk.

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

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

WhatsApp-link

Bemærk: Dette modulerkun 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.