De standaardmodules van HubSpot

In de inhoudseditor en design manager zijn bepaalde standaardmodules beschikbaar voor gebruik in de meeste soorten inhoud.

Door HubL snippets te gebruiken, kun je deze standaardmodules ook aan HTML-sjablonen toevoegen. Lees meer over het werken met standaardmodules in aangepaste sjablonen in de documentatie voor ontwikkelaars.

Module toevoegen aan sjablonen met slepen en neerzetten

In de design manager kunt u standaardmodules toevoegen aan drag-and-drop-sjablonen met behulp van de lay-out-editor.

• Ga in je HubSpot-account naar Inhoud > Design Manager.
• Klik in de linkerkolom op de naam van de sjabloon.
• Klik in de rechterkolom op + Toevoegen.
• Typ de naam van een standaard of aangepaste module in de zoekbalk.
• Klik op de naam van de module en sleep deze naar uw sjabloon.
• In de sectie Stylingopties stelt u de aangepaste styling voor de module in.

• Pas in het gedeelte Standaardinhoud de inhoud aan die wordt weergegeven wanneer de module wordt toegevoegd aan de inhoudseditor.

• Schakel in het gedeelte Editoropties de optie Bewerken in inhoudseditors voorkomen in om te voorkomen dat andere gebruikers de standaardinhoud van de module bewerken in de inhoudseditor.

Standaardmodules aanpassen

Alle Marketing Hub Professional & Enterprise en Content Hub Professional & Enterprise accounts hebben een @hubspot map in de design manager.

Deze map bevat al uw thema's en standaardmodules, inclusief e-mailmodules voor slepen en neerzetten. Deze thema's en modules zijn alleen-lezen, maar kunnen gekloond worden als je ze wilt bewerken.

• Ga in je HubSpot-account naar Inhoud > Design Manager.
• Klik in de finder op de map @hubspot.
• Klik met de rechtermuisknop op een standaardmodule en selecteer dan Module klonen.
  
  
• Bewerk de broncode van de module in de gekloonde module.
• Klik rechtsboven op Wijzigingen publiceren.

Moduleversies beheren

HubSpot kan periodiek een nieuwe versie van een bestaande standaardmodule uitbrengen. Dit stelt HubSpot in staat om belangrijke updates door te voeren zonder de bestaande inhoud te beïnvloeden. Een nieuwe versie van een module kan bijvoorbeeld betere veldorganisatie, stylingopties en extra functionaliteit bieden. Bekijk de documentatie voor ontwikkelaars van Hubspot voor meer informatie over hoe het versiebeheer van modules achter de schermen werkt.

U kunt moduleversies beheren via de instellingenpagina Thema's & Modules van uw account, inclusief het bijwerken van een versie, het teruggaan naar een vorige versie of het bekijken van de huidige versies van alle standaardmodules.

De versie van een module bijwerken

Om te kiezen voor een nieuwe versie van een module:

• Klik in je HubSpot-account op het settings instellingen-pictogram in de bovenste navigatiebalk.
• Navigeer in het linker zijbalkmenu naar Inhoud > Thema's & Modules.
• Op het tabblad Waarschuwingen worden de nieuwste updates voor standaardmodules weergegeven met een label Update beschikbaar. Klik op Update weergeven naast een module om meer details over de update te bekijken.
  
  
• Bekijk de wijzigingen in de rechterzijbalk. De zijbalk bevat een samenvatting op hoog niveau van de update, samen met een gedetailleerd overzicht van de wijzigingen en de onderdelen die worden beïnvloed.
  
  
• Klik op Update installeren om de module bij te werken. Klik vervolgens in het dialoogvenster op Update bevestigen. Het kan tot 10 minuten duren voordat pagina's en sjablonen de bijgewerkte module weergeven.

Nadat u de module hebt bijgewerkt, gaat u naar het tabblad Modules op de instellingenpagina Thema's en modules. Op deze pagina ziet u recent bijgewerkte modules, modules met beschikbare updates en versie-informatie voor alle standaardmodules van uw account.

Een bijgewerkte module terugdraaien

Op het tabblad Modules van de instellingenpagina kun je indien nodig een module die in de afgelopen 30 dagen is bijgewerkt, terugzetten naar een eerdere versie:

• Klik in je HubSpot-account op het settings instellingen-pictogram in de bovenste navigatiebalk.
• Navigeer in het linker zijbalkmenu naar Inhoud > Thema's & Modules.
• Klik op het tabbladModules, zoek de module die je wilt terugdraaien en klik op Recente update terugdraaien.
  
  
• Bekijk in de rechterzijbalk de versiegeschiedenis van de module en klik vervolgens op Deze update terugdraaien.
  
  
• Bekijk de informatie in de rechterzijbalk om te bevestigen dat je de update wilt terugdraaien en klik vervolgens op Terugdraaien.
• Klik in het dialoogvenster op Bevestigen.

Nadat je de update hebt teruggedraaid, kan het even duren voordat je sjablonen en pagina's de teruggedraaide module weergeven. Op elk moment kun je de module opnieuw bijwerken door de bovenstaande update-stappen te volgen.

Soorten standaardmodules

Back-up afmelden

De sjabloon voor een reserve-uitschrijving wordt weergegeven aan e-mailontvangers die op een uitschrijfkoppeling klikken als HubSpot hun e-mailadres niet kan bepalen. Je kunt de helptekst die wordt weergegeven op je back-up-afmeldpagina aanpassen in het gedeelte Standaardinhoud 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. Je kunt het formulier voor blogcommentaren aanpassen in je formulieren-tool. Het formulier krijgt een naam op basis van de titel van je blog.

Blog inhoud

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

De bloginhoudsmodule bevat de HTML/HubL markup voor uw blogberichten en publicaties. U kunt de markup van uw berichten bewerken door te klikken op Edit Post Template (Postsjabloon bewerken) en de markup van uw publicatiepagina bewerken door te klikken op Edit Listing Template (Sjabloon publiceren bewerken). Meer informatie over de markup van de bloginhoudsmodule.

Blog e-mail abonnement

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

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 ingevuld door het inschrijfformulier voor je blog, dat je kunt aanpassen in je formulierenprogramma.

Klik op het keuzemenu Selecteer blog om weer te geven 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 wordt weergegeven. 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 je lay-out. Je kunt ook een CTA invoegen in een rijke tekstmodule.

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

Inhoud bibliotheek

Je kunt de contentbibliotheekmodule gebruiken om een bibliotheek met bronnen op te zetten die je bezoekers kunnen openen. Voor de bibliotheek kun je de lay-out, pictogrammen, lettertypen en kleuren van de bronnen instellen. Voor elke bron kun je een naam, beschrijving, link of bestand en weergaveafbeelding instellen.

Je kunt inhoud ook instellen als uitgelicht, zodat deze boven aan de inhoudsbibliotheek verschijnt en een hele rij in beslag neemt.

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 contactpersonen van uw websitebezoekers vast te leggen.

Voor deze module kun je de volgende instellingen aanpassen:

1. Formuliertitel: voer de titel voor je 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 je formulier heeft verzonden: selecteer of je een bezoeker die het formulier heeft verzonden wilt doorsturen naar een andere pagina of dat je een bedankbericht wilt weergeven op dezelfde pagina.
4. Bedankbericht: pas uw inline bedankbericht aan.
5. Stuur formuliermeldingen naar opgegeven e-mailadressen in plaats van de standaardinstellingen van het formulier: stuur e-mailmeldingen voor formuliermeldingen naar specifieke adressen. Dit overschrijft alle 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 hebben verzonden.

Koptekst

Een koptekstmodule geeft een regel tekst weer in een HTML-tag met koptekst. Voer de standaardtekst voor de koptekst in het vak Inhoud koptekst in. Klik op het vervolgkeuzemenu Koptype om de koptekstlabel(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 afbeeldingsgallerijmodule voegt een reeks roterende afbeeldingen toe aan een enkele module. Meer informatie over de aanpasbare instellingen van de afbeeldingsgallerijmodule.

Taal omschakelaar

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

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

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

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 het logo van uw bedrijf automatisch op uit uw website-instellingen. Als u een ander logo wilt gebruiken, schakelt u de schakelaar Standaardlogo voor deze pagina overschrijven in om alleen voor deze pagina een nieuwe afbeelding te uploaden. Als u het standaardlogo voor alle inhoud in uw website-instellingen wilt wijzigen, klikt u op Standaardlogo bewerken in dit domein.

Je logomodule linkt automatisch naar de URL die is opgegeven in je brandingkit. Als je deze standaardinstelling wilt opheffen en naar een andere pagina wilt linken, voer je een unieke URL voor de link in .

Logo raster

Met de logogridmodule kun je meerdere logo's van verschillende dimensies in een consistent raster rangschikken. Je kunt de achtergrondkleur, beeldverhouding, grootte van het raster, grootte van de tussenruimte en maximale logo-hoogte aanpassen.

Hoofdtekst e-mail

De hoofdmodule voor de e-mail body is een standaard rijke tekstmodule die standaard wordt opgenomen in elke e-mailsjabloon. Je kunt de standaardinhoud voor de e-mailbody van een specifieke 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 (Randbreedte) en Inner spacing (Ruimte tussen de randen) in om de standaardafstand in te stellen.

Menu

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

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

1. Menu: selecteer een van je bestaande menu's uit je instellingen.
2. Geavanceerd menu: selecteer hoe menu-items op uw site moeten verschijnen:
   • Statisch - Toon altijd pagina's op het hoogste niveau in menu: houd je menu consistent op alle pagina's.
   • Dynamisch per sectie - Toon pagina's in menu die gerelateerd zijn aan sectie die worden bekeken: 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 zijn aan pagina die bekeken worden: geeft menu-items weer die gerelateerd zijn aan de specifieke pagina die bekeken wordt.
   • Padmenu in broodkruimelstijl (gebruikt horizontale stroom): geeft menu-items horizontaal weer in een relatief pad over de bovenkant van uw site.
3. Max. niveaus: selecteer het maximum aantal menu-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 voor kinderen weer te geven wanneer u met de muis over de bovenliggende knop beweegt. Schakel het selectievakje uit om altijd menu-items voor kinderen weer te geven.

Modules

Metmodules die in de code-editor zijn gemaakt, kunt u HTML, CSS, Javascript en HubL gebruiken om geavanceerde functionaliteit aan uw sjablonen toe te voegen, terwijl uw gebruikers nog steeds de module-inhoud in de inhoudseditor kunnen bewerken zonder de code te wijzigen. Deze componenten worden gelabeld met een customModules modulepictogram in de zoeker en inspecteur. Meer informatie over het werken met aangepaste gecodeerde modules vindt u in onze documentatie voor ontwikkelaars.

Informatie over kantoorlocatie

De kantoorlocatiemodule bevat vereiste tokens die in een e-mailsjabloon moeten worden opgenomen om legaal marketinge-mails te kunnen versturen. Hoewel je de vormgeving van deze module kunt bewerken, kun je geen e-mailsjabloon opslaan zonder een informatiemodule over de kantoorlocatie 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 (Randbreedte) en Inner spacing (Ruimte tussen de randen) in om de standaardafstand in te stellen.

Eén regel tekst

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

Voettekst pagina

De voettekstmodule van de pagina toont copyrightinformatie met het huidige jaar en je bedrijfsnaam. De bedrijfsnaam wordt automatisch opgehaald uit het gedeelte Voettekst van je e-mailinstellingen.

Wachtwoord

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

Postfilter

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

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 blog om weer te geven: selecteer welke blogberichten worden gebruikt.
• Lijst met waarden voor filterkoppelingen: selecteer of de module wordt gefilterd op tag, maand of auteur.
• Rangschikking van waarden voor filterkoppelingen: selecteer of waarden alfabetisch of op aantal berichten worden gerangschikt.
• Titel van lijst die moet worden weergegeven: voer een titel in die boven de berichten moet worden weergegeven.
• Maximum aantal weer te geven filterwaarden: voer het maximum aantal berichten voor een specifieke filter in. Laat dit veld leeg om alle berichten weer te geven.
• Tekstlink om weer te geven als er meer berichtenwaarden zijn dan toegestaan om weer te geven: voer de tekst in die wordt weergegeven als er meer beschikbare berichten zijn in een categorie. De standaardtekst is Zie alle.

Post notering

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

De module voor het weergeven van berichten wordt gebruikt om een lijst met blogberichten van een Hubspot blog weer te geven. Je kunt de module zo instellen dat de meest recente berichten worden weergegeven of de berichten die het meest populair waren in de afgelopen maand, zes maanden, jaar of over alle tijd.

U kunt de volgende standaardinstellingen voor inhoud aanpassen in de inspecteur:

• Selecteer blog om weer te geven: selecteer het blog waarvoor je de titels van berichten wilt weergeven
• Lijst blogberichten op: selecteer hoe u de berichten wilt ordenen
• Lijsttitel om weer te geven: voer een titel in die boven de berichten moet verschijnen.
• Maximum aantal weer te geven blogberichten : voer een maximum aantal berichten in dat in deze module wordt weergegeven.

Product

Met de productmodule kun je producten uit je productbibliotheek weergeven op pagina's en berichten. De standaardinformatie van de producten wordt weergegeven, maar je kunt ervoor kiezen om dit per pagina te wijzigen.

Rijke tekst

De rich text module is de meest gebruikte contentmodule 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 Uitvouwen of op de voorbeeldinhoud om een editor voor rijke tekst te openen.

RSS-overzicht

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

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

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

Nadat je deze instellingen hebt ingeschakeld, kun je de volgende details aanpassen:

• Toon auteursnaam: voer de tekst voor de auteursattributie in die boven elke auteursnaam moet worden weergegeven. Standaard zal deze module door als attributietekst gebruiken.
• Toon samenvatting: voer de lengte van de samenvatting in tekens in voor elke blog samenvatting. U kunt ook de doorkliktekst van de samenvatting aanpassen, dit is de link waarop blogbezoekers klikken om uw volledige bericht te lezen. Standaard wordt deze tekst aangeduid met Lees meer.
• Toon publicatiedatum: selecteer de Publiceer datum formattering omaan te passen hoe de datum en tijd worden geformatteerd voor elk bericht. Je kunt ook de tekst van de indicator voor de publicatiedatum aanpassen. Standaard wordt deze tekst weergegeven als Geplaatst op.

Rubriek

Met de module section header kun je een h1 heading tag met een alinea-subtitel weergeven. Deze module is ideaal voor het titelen van de primaire sectie van een pagina.

Eenvoudig menu

Met modules voor eenvoudige menu's kunnen gebruikers paginaspecifieke menu's maken in de inhoudseditor. Deze module geeft je de flexibiliteit om een eenvoudig menu te maken voor een specifiek sjabloon. Klik in de Inspector op Menu bewerken om menu-items en links toe te voegen en de menustand te selecteren. Het bewerken van de instelling voor de menuoriëntatie voegt een klasse hs-menu-flow-horizontaal of hs-menu-flow-verticaal toe aan de container van de menuwrapper, die vervolgens kan worden gebruikt voor de styling in uw CSS. Lees meer over klassen die worden toegevoegd door module-instellingen in onze documentatie voor ontwikkelaars.

Sociale media delen

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

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

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

Sociaal volgen

Met een sociale volgmodule kunt u bezoekers uw bedrijf laten volgen op sociale media. Voor elk sociaal netwerk kun je een aangepaste link of e-mailadres instellen. In de design manager kun je ook aangepaste pictogrammen instellen voor elk sociaal netwerk.

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 sjablonen van het bevestigingssysteem voor abonnementsupdates . Hiermee kun je aanpassen wat er wordt weergegeven wanneer een ontvanger van een e-mail zijn of haar instellingen voor abonnementen bijwerkt.

Bekijken als webpagina

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

WhatsApp Link

Let op: deze module isalleen beschikbaar voor Marketing Hub en Service 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 blogartikelen. Om deze module te gebruiken, moet je je WhatsApp-kanaal verbinden met je inbox voor gesprekken.

De opmaak van de knoppen, zoals kleur en tussenruimte, kan worden aangepast op 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.
• Weergeven: selecteer of de knop tekst, een pictogram of beide weergeeft.
• Positie pictogram: selecteer of het pictogram links of rechts van de tekst wordt weergegeven.
• Knoptekst: geef de tekst op die wordt weergegeven op de knop.
• Titel WhatsApp-pictogram: voor toegankelijkheid moet je de beschrijving van het pictogram voor schermlezers invoeren.