De standaardmodules van HubSpot

Leer in dit artikel over de standaardmodules die HubSpot biedt voor gebruik in je sjablonen en pagina's. Elk type module kan worden aangepast met styling- en inhoudsopties in de inspecteur. Je kunt ook een standaard module toevoegen aan een HTML template met zijn HubL snippet. Lees meer over het ontwikkelen met standaard modules in de HubSpot developer documentatie.

Een module toevoegen aan uw sjabloon

Om modules toe te voegen aan uw drag and drop sjablonen, klikt u op + Toevoegen in de inspecteur rechtsboven in de editor. Alle standaardmodules en alle opgeslagen aangepaste modules of groepen verschijnen hier. Om een specifieke module te vinden, voert u de naam ervan in de zoekbalk in. U kunt ook op het keuzemenu Filteren op categorie of tags klikken en een of meer filters selecteren.

Wanneer de module in de editor is geselecteerd, kunt u de stijlen, instellingen en inhoud van de module wijzigen in de inspecteur. Klik in de sectie Wrapping HTML op Uitbreiden om meer aangepaste styling toe te voegen in de code-editor.

Onderaan de inspecteur kunt u de module vergrendelen, zodat gebruikers de standaardinhoud niet kunnen wijzigen bij het bewerken van een blog, e-mail of pagina. Klik om de schakelaar Bewerken in inhoudseditors voorkomen aan te zetten om deze instelling in te schakelen.

Een standaardmodule aanpassen

Alle Marketing Hub Professional en Enterprise en CMS Hub Professional en Enterprise accounts hebben standaard een @hubspot map in design tools. Deze map bevat al uw thema's en standaardmodules, inclusief e-mailmodules met slepen en neerzetten. Deze thema's en modules zijn read-only, maar kunnen worden gekloond als u ze wilt bewerken.

• Navigeer in uw HubSpot account naar Marketing > Bestanden en templates > Ontwerphulptools.
• Klik in de finder op de map @hubspot.
• Klik met de rechtermuisknop op de standaardmodule die u wilt klonen en selecteer dan Module klonen.
  
  
• Bewerk in de gekloonde module de broncode van de module in het centrale bewerkingspaneel.
• Om uw wijzigingen op te slaan, klikt u rechtsboven op Wijzigingen publiceren. De module is dan beschikbaar voor gebruik bij het bouwen van sjablonen.

Soorten standaardmodules

Back-up afmelden

De back-up afmeldtemplate wordt getoond aan e-mail ontvangers die op een afmeldlink klikken als HubSpot hun e-mailadres niet kan bepalen. Je kunt de helptekst die verschijnt op je back-up afmeldpagina aanpassen in het gedeelte Standaard inhoud van deze module.

Blog reacties

Let op: de blogcommentaarmodule is niet beschikbaar voor pagina- of e-mailsjablonen.

De blogcommentaarmodule voegt een commentaarsectie toe aan een blogpostsjabloon. U kunt het formulier voor blogcommentaar aanpassen in uw formulierenprogramma. Het formulier krijgt een naam op basis van de titel van uw blog.

Blog inhoud

Let op: de bloginhoudsmodule is niet beschikbaar voor pagina- of e-mailsjablonen.

De blog content module bevat de HTML/HubL opmaak voor uw blogberichten en pagina's met aanbiedingen. U kunt de opmaak van uw berichten bewerken door te klikken op Posttemplate bewerken en de opmaak van uw listingpagina bewerken door te klikken op Listing Template bewerken. Meer informatie over de opmaak van de bloginhoudsmodule.

Blog e-mail abonnement

Let op: de blog e-mail abonnementsmodule is niet beschikbaar voor e-mail templates.

Met de blog e-mail abonnementsmodule kunnen bezoekers zich abonneren op uw blog digest e-mails door een formulier in te vullen. Deze module wordt gevuld door uw inschrijvingsformulier voor uw blog, dat u kunt aanpassen in uw formulierenprogramma.

Klik op het Select blog to display dropdown menu en selecteer het blog waarop uw bezoekers zich abonneren. Pas in het tekstvak Titel die boven het formulier moet worden weergegeven de tekst aan die in de titel boven het formulier verschijnt. Ga met de muis over de bestaande inline reactie en klik op het icoon expand om de tekst aan te passen die verschijnt nadat een bezoeker het formulier heeft verzonden.

Call-to-action

Een call-to-action (CTA) module plaatst een CTA in een eigen module binnen uw lay-out. U kunt een CTA ook invoegen in een rijke tekstmodule.

Klik in de inspecteur op het CTA dropdown menu en selecteer een standaard CTA voor deze module in uw sjabloon. Of klik op + Nieuwe CTA maken in hetzelfde menu om een nieuwe CTA te maken als uw standaard CTA.

Volg mij.

Let op: de volg mij module is niet beschikbaar voor e-mail templates.

U kunt de volg mij module om uw bezoekers te helpen in contact te komen met uw bedrijf op sociale media. In tegenstelling tot een social sharing module, leiden follow me modules gebruikers van uw site naar uw respectieve social media pagina's.

Wanneer u een volg mij module toevoegt, kunt u de kop van de module aanpassen die boven de sociale pictogrammen verschijnt.

In het onderdeel Volg mij van uw sociale instellingen kunt u aangeven welke sociale medianetwerken in deze module verschijnen.

Let op: de Follow Me module gebruikt standaard iconen voor elk sociaal netwerk. Als u uw eigen aangepaste sociale pictogrammen wilt gebruiken, kunt u een aangepaste versie van de module maken.

Formulier

Let op: de formuliermodule is niet beschikbaar voor e-mailsjablonen.

Met de formuliermodule kunt u een formulier aan uw pagina of blog toevoegen om contactgegevens van uw websitebezoekers vast te leggen.

Voor deze module kunt u de volgende instellingen aanpassen:

1. Formuliertitel: voer de titel van uw formulier in die op de pagina of blog wordt weergegeven.
2. Formulier: selecteer een bestaand HubSpot-formulier dat op de pagina moet verschijnen, of voeg een nieuw formulier toe.
3. Wat krijgt een bezoeker te zien nadat hij uw formulier heeft verzonden: selecteer of u iemand die het formulier heeft verzonden naar een andere pagina wilt doorverwijzen of dat u op dezelfde pagina een bedankbericht wilt weergeven.
4. Bedankbericht: pas uw inline bedankbericht aan.
5. Stuur formuliermeldingen naar opgegeven e-mailadressen in plaats van de standaardinstellingen van het formulier: stuur e-mailberichten voor formuliermeldingen naar specifieke adressen. Dit overschrijft eventuele ontvangers van meldingen die zijn ingesteld in de formulieren-tool.
6. Toevoegen aan workflow: voeg bezoekers die het formulier indienen toe aan een workflow (alleenMarketing Hub Professional of Enterprise ).
7. Stuur een follow-up e-mail: stuur tot drie follow-up e-mails naar bezoekers die het formulier indienen.

Rubriek

Een koptekstmodule geeft een regel tekst weer in een HTML-tag met een kop. Voer standaard koptekst in het vak Koptekstinhoud in. Klik op het keuzemenu Koptype om de kopteksttag(H1-H4) te selecteren.

Afbeelding

Een afbeeldingsmodule voegt een enkele afbeelding toe aan een stuk inhoud. Meer informatie over de bewerkingsopties voor afbeeldingsmodules.

Afbeeldingen galerij

Een afbeeldingsgalerijmodule voegt een reeks roterende afbeeldingen toe aan een enkele module. Meer informatie over de aanpasbare instellingen van de afbeeldingsgalerijmodule.

Taalwisselaar

Let op: de taalwisselmodule is niet beschikbaar voor e-mailsjablonen.

Met de taalswitcher module kunnen bezoekers schakelen tussen vertaalde versies van een pagina of blog. Klik op het dropdownmenu Weergavemodus om aan te passen hoe de namen van uw vertaalde talen worden weergegeven:

• Pagelang: de naam van elke taal verschijnt in de taal van de huidige pagina. Als u bijvoorbeeld de Engelse versie bekijkt van een pagina met een Franse vertaling, zult u, als u op de taalswitcher klikt, Engels en Frans als taalnamen zien.
• Gelokaliseerd: de naam van elke taal verschijnt in die taal. Als u bijvoorbeeld de Engelse versie bekijkt van een pagina met een Franse vertaling, ziet u, wanneer u op de taalswitcher klikt, Engels en Français als taalnamen.
• Hybride: een combinatie van de twee. Als u bijvoorbeeld de Engelse versie van een pagina met een Franse vertaling bekijkt, ziet u, wanneer u op de taalswitcher klikt, Engels en Frans (Français) als taalnamen.

Deze module verschijnt alleen op live pagina's met meer dan één gepubliceerde vertaling. Meer informatie over het werken met meertalige content in HubSpot.

Logo

De module Logo haalt uw bedrijfslogo automatisch op uit uw website-instellingen. Om een ander logo te gebruiken, klikt u op de schakelaar Standaardlogo voor deze pagina overschrijven om een nieuwe afbeelding te uploaden voor alleen deze pagina. Om het standaardlogo voor alle inhoud in uw website-instellingen te wijzigen, klikt u op Standaardlogo bewerken in dit domein.

Uw logomodule linkt automatisch naar uw bedrijfsdomein. Om deze standaard op te heffen en naar een andere pagina te linken, voert u een unieke Link URL in.

Hoofdgedeelte van de e-mail

De hoofdmodule voor de e-mail body is een standaard rijke tekstmodule die standaard in elke e-mailtemplate wordt opgenomen. U kunt de standaardinhoud voor de e-mailbody op een specifiek sjabloon aanpassen.

Naast de standaard stylingopties kan deze module worden aangepast met standaardkleuren, randen en spatiëring. Klik op de kleurenwolk en selecteer een kleur uit de kleurenkiezer, of voer een hexadecimale waarde in het tekstveld in om standaardkleuren in te stellen. Voer pixelwaarden in de tekstvelden Border width en Inner spacing in om de standaardafstand in te stellen.

Menu

De menumodule voegt navigatie toe aan uw inhoud en sjablonen. Menu's worden rechtstreeks in uw website-instellingen aangemaakt en beheerd.

Binnen de ontwerptools kunt u de volgende kenmerken van uw menumodule aanpassen:

1. Menu: selecteer een van uw bestaande menu's uit uw instellingen.
2. Geavanceerd menutype: selecteer hoe menu-items op uw site moeten verschijnen:
   • Statisch - Toon altijd pagina's van het hoogste niveau in het menu: houd uw menu consistent op alle pagina's.
   • Dynamisch per sectie - toon pagina's in het menu die gerelateerd zijn aan de bekeken sectie : toon menu-items relatief aan het menu-item op het hoogste niveau dat wordt bekeken.
   • Dynamisch per pagina - Toon pagina's in menu die gerelateerd zijnaan bekeken pagina : toon menu-items gerelateerd aan de specifieke pagina die bekeken wordt.
   • Kruimelpad menu (gebruikt horizontale stroom): toon menu items horizontaal in een relatief pad over de bovenkant van uw site.
3. Max. niveaus: selecteer het maximum aantal kindermenu-items dat kan worden weergegeven.
4. Oriëntatie: selecteer of menu-items horizontaal of verticaal worden weergegeven.
5. Flyouts inschakelen: schakel dit selectievakje in om menu-items van kinderen te tonen wanneer u de muisaanwijzer boven de hoofdpersoon houdt. Wis dit selectievakje om altijd de items van het kindermenu te tonen.

Modules

Modules gemaakt in de code editor stellen u in staat HTML, CSS, Javascript en HubL te gebruiken om geavanceerde functionaliteit aan uw sjablonen toe te voegen, terwijl uw gebruikers nog steeds de inhoud van de module kunnen bewerken in de content editor zonder de code te wijzigen. Deze componenten worden gelabeld met een customModules modulepictogram in de finder en inspector. Meer informatie over het werken met aangepaste gecodeerde modules vindt u in onze documentatie voor ontwikkelaars.

Informatie over kantoorlocatie

De kantoorlocatie module bevat vereiste tokens die in een e-mail template moeten worden opgenomen om legaal marketing e-mails te kunnen versturen. Hoewel u de styling van deze module kunt bewerken, kunt u geen e-mailsjabloon opslaan zonder kantoorlocatie-informatiemodule of de vereiste HubL-tags .

Naast de standaard stylingopties kan deze module worden aangepast met standaardkleuren, randen en spatiëring. Klik op de kleurenwolk en selecteer een kleur uit de kleurenkiezer, of voer een hexadecimale waarde in het tekstveld in om standaardkleuren in te stellen. Voer pixelwaarden in de tekstvelden Border width en Inner spacing in om de standaardafstand in te stellen.

Een regel tekst

Met de module één regel tekst kunnen gebruikers één regel tekst bewerken in de inhoudseditor.

Pagina voettekst

De voettekstmodule van de pagina toont copyrightinformatie met het huidige jaar en uw bedrijfsnaam. De bedrijfsnaam wordt automatisch overgenomen uit de Footer-sectie van uw e-mailinstellingen.

Wachtwoord prompt

De wachtwoordpromptmodule is beschikbaar op systeemsjablonen voor wachtwoordprompts. Als een pagina is beveiligd met een wachtwoord, wordt de wachtwoordpromptpagina weergegeven voordat een gebruiker de pagina kan openen. U kunt de tekst van de verzendknop en de tekst die wordt weergegeven als een onjuist wachtwoord wordt ingevoerd, aanpassen.

Postfilter

Let op: de blog e-mail abonnementsmodule is niet beschikbaar voor e-mail templates.

De postfiltermodule toont een lijst met blogartikelen van een specifiek onderwerp, maand of auteur.

U kunt de volgende instellingen voor deze module aanpassen in de sectie Standaard inhoud :

• Selecteer een weer te geven blog: selecteer van welke blog de berichten worden gebruikt.
• Lijst met waarden voor filterkoppelingen: selecteer of de module wordt gefilterd op tag, maand of auteur.
• Rangschikking van waarden voor filterlinks: kies of waarden alfabetisch of op aantal berichten worden gerangschikt.
• Titel van de lijst: voer een titel in die boven de berichten moet verschijnen.
• Maximum aantal weer te geven filterwaarden: voer het maximum aantal berichten voor een specifiek filter in. Laat dit veld leeg om alle berichten weer te geven.
• Tekstlink die verschijnt als er meer berichten zijn dan toegestaan: voer de tekst in die verschijnt als er meer beschikbare berichten in een categorie zijn. De standaard tekst is Zie alle.

Post lijst

Let op: de blog e-mail abonnementsmodule is niet beschikbaar voor e-mail templates.

De post listing module om een lijst van blog posts van een HubSpot blog weer te geven. Je kunt de module instellen om de meest recente berichten of de meest populaire van de afgelopen maand, zes maanden, jaar of over alle tijd weer te geven.

U kunt de volgende inhoudelijke standaardwaarden aanpassen in de inspecteur:

• Selecteer te tonen blog: selecteer de blog waarvoor u de titels van berichten wilt weergeven.
• Lijst blogberichten per: selecteer hoe u de berichten wilt organiseren
• Titel van de lijst: voer een titel in die boven de berichten moet verschijnen.
• Maximum aantal te tonen blogberichten: voer een maximum aantal berichten in dat in deze module zal verschijnen.

Rijke tekst

De rich text module is de meest gebruikte content module in alle HubSpot content tools. Het ondersteunt bewerkingsopties voor verschillende onderdelen, zoals tekst, afbeeldingen en CTA's.

Om standaardinhoud voor deze module toe te voegen, klikt u op Uitbreiden of op de voorbeeldinhoud om een rijke teksteditor te openen.

RSS lijst

Let op: de RSS listing module is niet beschikbaar voor e-mail templates. Gebruik in plaats daarvan een RSS e-mail.

Je kunt een RSS listing module gebruiken om post samenvattingen weer te geven voor een HubSpot blog of externe RSS feed.

RSS listing modules kunnen een specifieke blog of tag weergeven. Klik om de overeenkomstige schakelaar aan te zetten om aan te geven of bij elk bericht een uitgelichte afbeelding, naam van de auteur, samenvatting of publicatiedatum moet worden getoond.

Na het inschakelen van deze instellingen kunt u de volgende details aanpassen:

• Toon auteursnaam: voer de auteurstekst in die boven elke auteursnaam moet worden weergegeven. Standaard zal deze module door als attributietekst opnemen.
• Samenvatting tonen: voer de lengte van de samenvatting in tekens in voor elke blog samenvatting. U kunt ook de doorkliktekst van de samenvatting aanpassen, dat is de link waarop blogbezoekers klikken om uw volledige bericht te lezen. Standaard krijgt deze tekst het label Lees meer.
• Publicatiedatum tonen: selecteer de formule Publicatiedatum omaan te passen hoe de datum en tijd worden opgemaakt voor elk bericht. U kunt ook de tekst van de indicator voor de publicatiedatum aanpassen. Standaard zal deze tekst luiden: gepost op.

Rubriek

Met de module section header kunt u een h1 heading tag met een paragraaf ondertitel weergeven. Deze module is ideaal voor het titelen van de primaire sectie van een pagina.

Eenvoudig menu

Met eenvoudige menumodules kunnen gebruikers paginaspecifieke menu's maken in de inhoudseditor. Deze module geeft u de flexibiliteit om een eenvoudig menu te maken voor een specifiek sjabloon. Klik in de inspecteur op Menu bewerken om menu-items en links toe te voegen en de menustand te selecteren. Door de instelling van de menustand te bewerken wordt een klasse hs-menu-flow-horizontaal of hs-menu-flow-verticaal toegevoegd aan de menuwrapper, die vervolgens kan worden gebruikt voor styling in uw CSS. Meer informatie over klassen die worden toegevoegd door module-instellingen vindt u in onze documentatie voor ontwikkelaars.

Sociaal delen

Met de module voor sociaal delen kunnen bezoekers uw inhoud gemakkelijk delen via sociale mediakanalen en e-mail. Klik op deschakelaar Ingeschakeld naast een specifiek sociaal netwerk om het op te nemen op uw pagina of e-mail.

De link voor delen wordt automatisch gevuld met de vereiste HubL tags om je content te delen. In e-mails zal de module de webversie URL van die e-mail gebruiken in de deellink.

Let op: de module voor sociaal delen gebruikt standaard iconen voor elk sociaal netwerk. Als u uw eigen aangepaste sociale pictogrammen wilt gebruiken, kunt u een aangepaste versie van de module maken.

Abonnementsvoorkeuren

Modules voor abonnementsvoorkeuren zijn alleen beschikbaar op systeemsjablonen voor abonnementsvoorkeuren.

Met deze modules kunt u de pagina aanpassen die een e-mailontvanger te zien krijgt wanneer hij zijn abonnementsvoorkeuren beheert of zich afmeldt voor e-mailcommunicatie.

Abonnement update bevestiging

De bevestigingsmodule voor abonnementsupdates is een rijke tekstmodule die beschikbaar is op de systeemsjablonen voor abonnementsupdates . Hiermee kunt u aanpassen wat er wordt weergegeven wanneer een ontvanger van een e-mail zijn abonnementsinstellingen bijwerkt.

Bekijken als webpagina

De module Bekijken als webpagina geeft ontvangers van e-mails de mogelijkheid om de webpaginaversie van een e-mail te openen.

WhatsApp Link

Let op: deze module isalleen beschikbaar voor Marketing HubenService Hub Professional en Enterprise accounts.

Gebruik de module WhatsApp-link om een manier toe te voegen waarmee websitebezoekers rechtstreeks via WhatsApp contact met je kunnen opnemen. Deze module kan worden toegevoegd aan websitepagina's, blogberichten en pagina's met blogvermeldingen. Als je deze module wilt gebruiken, moet je je WhatsApp-kanaal verbinden met je inbox voor gesprekken.

De styling van knoppen, zoals kleur en spatiëring, kan worden aangepast in het tabblad Stijlen van de pagina-editor:

• WhatsApp-nummer: selecteer een verbonden WhatsApp-nummer.
• Opt-in tekst: selecteer de opt-in en opt-out tekst.
• Toon: selecteer of de knop tekst, een pictogram of beide weergeeft.
• Pictogrampositie: kies of het pictogram links of rechts van de tekst verschijnt.
• Knoptekst: voer de tekst in die op de knop verschijnt.
• Titel WhatsApp-pictogram: voer voor de toegankelijkheid de beschrijving van het pictogram voor schermlezers in.