Standaardmodules gebruiken in de lay-outeditor

HubSpot biedt standaardmodules voor het bouwen van drag-and-drop sjablonen in de lay-out editor binnen de design manager. Je kunt standaardmodules toevoegen en standaardmodules klonen voor gebruik in je sjablonen met slepen en neerzetten. Daarnaast kun je voor sommige standaardmodules de standaardinhoud bewerken.

Voordat je begint

Voordat je met deze functie gaat werken, moet je goed begrijpen welke stappen je van tevoren moet nemen, wat de beperkingen van de functie zijn en wat de mogelijke gevolgen van het gebruik ervan zijn.

Vereisten begrijpen

• Gebruikers moeten een Super Admin zijn of de rechten voor Ontwerptools hebben ingeschakeld om modules te kunnen openen en bewerken.

Beperkingen en overwegingen begrijpen

• In dit artikel wordt uitgelegd hoe u de inspecteur in de lay-outeditor in de designmanager kunt gebruiken om standaardmodules toe te voegen en te klonen. Je kunt ook standaard content. bewerken voor sommige standaard modules.
• Meer informatie over het toevoegen van standaardmodules met HubL aan HTML-sjablonen of aangepaste sjablonen vindt u in de documentatie voor ontwikkelaars.
• Lees meer over het toevoegen en bewerken van modules in de content editor.
• Marketing Hub en Content Hub Professional & Enterprise accounts hebben standaard een @hubspot map in de design manager.
• Sommige standaardmodules kunnen alleen worden toegevoegd aan specifieke sjabloontypen. De formuliermodule is bijvoorbeeld niet beschikbaar voor e-mailsjablonen.
• Standaardmodules moeten worden gekloond voordat de broncode van de module kan worden aangepast.

Modules toevoegen aan sjablonen met slepen en neerzetten

U kunt standaardmodules toevoegen aan sjablonen die u kunt slepen en neerzetten met behulp van de lay-outeditor in de designmanager.

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

7. Bewerk in de inspector voor de sectie Standaard inhoud de inhoud die wordt weergegeven wanneer de module wordt toegevoegd aan de inhoudseditor. Meer informatie over het bewerken van de standaardinhoud voor modules.

8. Om te voorkomen dat andere gebruikers de standaardinhoud van een module bewerken, klikt u op om de optie Bewerken in inhoudseditors voorkomen aan te zetten in het gedeelte Editoropties .

Standaardmodules klonen

U kunt standaardmodules klonen in de map @hubspot in de designmanager om de broncode van de module te bewerken. Deze map bevat al uw thema's en standaardmodules, inclusief e-mailmodules met slepen en neerzetten.

1. Ga in je HubSpot-account naar Inhoud > Design Manager.
2. Klik in de finder op de map @hubspot.

3. Klik met de rechtermuisknop op een standaardmodule en selecteer vervolgens Module klonen.
4. Bewerk de broncode van de module in de gekloonde module. Meer informatie over het configureren van een module.
5. Klik rechtsboven op Wijzigingen publiceren.

Moduleversies beheren

HubSpot kan periodiek een nieuwe versie van een bestaande standaardmodule uitbrengen. Hierdoor kan HubSpot belangrijke updates doorvoeren zonder de bestaande inhoud te verstoren. Een nieuwe versie van een module kan bijvoorbeeld verbeterde veldorganisatie, meer stylingopties en verbeterde functionaliteit bieden. Lees meer over het versiebeheer van modules in de HubSpot documentatie voor ontwikkelaars.

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

• Updaten naar een nieuwe versie van een module:

1. 1. Klik in je HubSpot-account op het settings instellingen-pictogram in de bovenste navigatiebalk.
   2. Navigeer in het linker zijbalkmenu naar Inhoud > Thema's & Modules.
   3. 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.

1. 4. Bekijk de wijzigingen in de rechter zijbalk. 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.

1. 5. Klik op Update installeren om de module bij te werken. Klik vervolgens in het dialoogvenster op Update bevestigen.

Let op: 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 een module die in de afgelopen 30 dagen is bijgewerkt, terugzetten naar een eerdere versie.

• Een recent bijgewerkte module terugdraaien:
  1. Klik in je HubSpot-account op het settings instellingen-pictogram in de bovenste navigatiebalk.
  2. Navigeer in het menu aan de linkerkant naar Inhoud > Thema's en modules.
  3. Klik op het tabblad Modules, zoek de module die je wilt terugdraaien en klik op Recente update terugdraaien.

• 4. Bekijk in de rechterzijbalk de versiegeschiedenis van de module en klik vervolgens op Deze update terugdraaien.

• 5. Bekijk de informatie in de rechterzijbalk om te bevestigen dat je de update wilt terugdraaien en klik vervolgens op Terugdraaien.
  6. Klik in het dialoogvenster op Bevestigen.
• Na het terugdraaien van de module kan het even duren voordat de sjablonen en pagina's de teruggedraaide module weergeven. Je kunt de module opnieuw bijwerken door de versie van een module bij te werken.

Standaardinhoud voor verschillende typen modules bewerken

U kunt de standaardinhoud voor sommige standaardmodules bewerken in sjablonen met slepen en neerzetten in de lay-outeditor van Design Manager. Lees meer over standaard e-mailmodules en standaard webmodules voor een volledige lijst met standaardmodules.

Back-up afmelden

De back-up afmeldmodule wordt getoond aan e-mailontvangers die op een link klikken om zich af te melden en HubSpot kan hun e-mailadres niet bevestigen. Deze module kan alleen worden bewerkt vanuit een sjabloon van een e-mailback-upuitschrijfsysteem.

• Om de standaardinhoud van de back-up afmeldmodule te bewerken:
  1. Ga in je HubSpot-account naar Inhoud > Design Manager.
  2. Navigeer naar uw sjabloon.
  3. Klik in de lay-outeditor op de module Back-up afmelden.
  4. Voer in de inspector voor het gedeelte Standaardinhoud de tekst in die wordt weergegeven voor Koptekst, Subkop en Foutbericht.

• Wanneer u klaar bent met het bewerken van de module, klikt u op Wijzigingen publiceren.

Blog e-mailabonnement

Met de blog e-mail abonnementsmodule kunnen bezoekers zich abonneren op je 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.

Let op: de inschrijvingsmodule voor blog-e-mails is niet beschikbaar voor e-mailsjablonen.

• De standaardinhoud van de inschrijvingsmodule voor blog-e-mails bewerken:
  1. Ga in je HubSpot-account naar Inhoud > Design Manager.
  2. Navigeer naar uw sjabloon.
  3. Klik in de lay-out editor op de Blog E-mail abonnementsmodule of voeg de module toe.
  4. Klik in de inspector voor de sectie Standaard inhoud op het keuzemenu Selecteer blog om weer te geven en selecteer het blog waarop uw bezoekers zich abonneren.
  5. Klik op het vervolgkeuzemenu Koptekstniveau om een koptekstniveau te selecteren.
  6. Voer in het veld Title to display above form de tekst in die in de titel boven het formulier komt te staan.
  7. Klik in het veld Inline reactie voor gebruikers op het expandIcon uitvouwpictogram om de tekst aan te passen die verschijnt nadat een bezoeker het formulier heeft verzonden.

• Wanneer u klaar bent met het bewerken van de blog e-mail abonnementsmodule, klikt u op Wijzigingen publiceren in de rechterbovenhoek.

Oproep tot actie

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.

• De standaardinhoud van een call-to-action module bewerken:

• 1. Ga in je HubSpot-account naar Inhoud > Design Manager.
  2. Navigeer naar uw sjabloon.
  3. Klik in de lay-outeditor op de module Call-to-Action of voeg de module toe.
  4. Klik in de inspecteur voor de sectie Standaard inhoud op Selecteren.

• 5. Selecteer in het rechterdeelvenster een CTA of klik op Nieuw maken.
  6. Klik op Invoegen.

Inhoud bibliotheek

Je kunt de contentbibliotheekmodule gebruiken om een bibliotheek met bronnen op te zetten waar je bezoekers toegang tot hebben.

• Om de standaardinhoud van de inhoudsbibliotheekmodule te bewerken:
  1. Ga in je HubSpot-account naar Inhoud > Design Manager.
  2. Navigeer naar uw sjabloon.
  3. Klik in de lay-outeditor op de module Inhoudsbibliotheek of voeg de module toe.
  4. Om een bestaande bron in de inhoudsbibliotheek te bewerken, klikt u op het pictogram editIc onbewerken in de inspecteur. Je kunt de naam, beschrijving, linktekst en afbeelding aanpassen.
  5. Om een resource uit de module van de inhoudsbibliotheek te verwijderen, klikt u op het pictogram deleteIcon verwijderen in de inspecteur.
  6. Om een aangepaste resource aan de inhoudsbibliotheekmodule toe te voegen, klik je op + Toevoegen in de inspecteur.
  7. Om een resource als uitgelicht in te stellen, klik je op het pictogram favoriteIcon instellen als uitgelicht in de inspector.

• Wanneer u klaar bent met het bewerken van de inhoudsbibliotheekmodule, klikt u op Wijzigingen publiceren in de rechterbovenhoek.

Formulier

Je kunt de formuliermodule gebruiken om een formulier aan je inhoud toe te voegen om bezoekersinformatie vast te leggen.

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

• De standaardinhoud van de formuliermodule bewerken:
  1. Ga in je HubSpot-account naar Inhoud > Design Manager.
  2. Navigeer naar uw sjabloon.
  3. Klik in de lay-out editor op de module Formulier of voeg de module toe.
  4. Voer in de inspector voor hetgedeelte Standaard inhoud de tekst in voor het veld Formuliertitel.
  5. Selecteer een formulier in het vervolgkeuzemenu Formulier.
  6. In het veld Wat krijgt een bezoeker te zien nadat hij uw formulier heeft verzonden, selecteert u Doorverwijzen naar een andere pagina of Een inline bedankbericht weergeven.
     • Om door te verwijzen naar een andere pagina, selecteert u in het vervolgkeuzemenu Link omleiden een pagina, bericht of klikt u op + Externe link toevoegen.
     • Om een inline bedankbericht weer te geven, klikt u in het veld Bedankbericht op hetpictogram expanduitklappen.
  7. Schakel het selectievakje Stuur formuliermeldingen naar opgegeven e-mailadressen in plaats van de standaardinstellingen van het formulier in om eventuele ontvangers van meldingen die in de formulieren-tool zijn ingesteld te negeren.
• Als u klaar bent met het bewerken van de formuliermodule, klikt u op Wijzigingen publiceren in de rechterbovenhoek.

Kop

Je kunt de headermodule gebruiken om een regel tekst weer te geven in een HTML-tag met een kop.

• De standaardinhoud van de headermodule bewerken:
  1. Ga in je HubSpot-account naar Inhoud > Design Manager.
  2. Navigeer naar je sjabloon.
  3. Klik in de lay-outeditor op de module Koptekst of voeg de module toe.
  4. Voer in de Inspector voor de sectie Standaard inhoud tekst in het veld Inhoud koptekst in.
  5. Klik op het vervolgkeuzemenu Koptekstniveau en selecteer een koptekstniveau (H1-H4).

• Als je klaar bent met het bewerken van de headermodule, klik je rechtsboven op Wijzigingen publiceren.

Afbeelding

Je kunt de afbeeldingsmodule gebruiken om een enkele afbeelding in je inhoud weer te geven.

• Om de standaardinhoud van de afbeeldingsmodule te bewerken:
  
  1. Ga in je HubSpot-account naar Inhoud > Design Manager.
  2. Navigeer naar uw sjabloon.
  3. Klik in de lay-outeditor op de module Afbeelding of voeg de module toe.
  4. Klik in de Inspector voor de sectie Standaard inhoud op Vervangen in het veld Afbeelding.
  5. Selecteer in het rechterdeelvenster de afbeelding die u wilt weergeven.
  6. Voer in het veld Alt-tekst een tekstbeschrijving van de afbeelding in.
  7. Selecteer in het vervolgkeuzemenu Grootte automatisch aanpassen of Exacte breedte en hoogte.
  8. Selecteer in het vervolgkeuzemenu Maximale grootte de oorspronkelijke grootte van de afbeelding of Aangepast.
  9. Selecteer in het vervolgkeuzemenu Afbeelding laden Browserstandaard, Lui of Gretig.
  10. Voer in het veld Link (optioneel) een optionele URL in om bezoekers naartoe te leiden als op de afbeelding wordt geklikt.

• Wanneer u klaar bent met het bewerken van de afbeeldingsmodule, klikt u rechtsboven op Wijzigingen publiceren .

Afbeelding raster

Je kunt de module Afbeeldingsraster gebruiken om een uniform raster van afbeeldingen toe te voegen aan je inhoud.

• Om de standaardinhoud van de afbeeldingsraster-module te bewerken:
  
  1. Ga in je HubSpot-account naar Inhoud > Design Manager.
  2. Navigeer naar uw sjabloon.
  3. Klik in de lay-outeditor op de module Afbeeldingsraster of voeg de module toe.
  4. Om een bestaande afbeelding in de module afbeeldingsraster te bewerken, klikt u op het pictogram editIc onbewerken in de inspecteur. U kunt bestaande afbeeldingen uploaden of er doorheen bladeren en de linktekst, link-URL of het zweefbericht bewerken.
  5. Om een afbeelding in het afbeeldingsraster te verwijderen, klikt u op het pictogram deleteIcon verwijderen in de inspecteur.
  6. Om een nieuwe afbeelding aan het afbeeldingsraster toe te voegen, klikt u op + Toevoegen in de inspecteur.
  7. Klik op om de Instellingen uit te vouwen. In het deelvenster Instellingen kun je deHover-functionaliteit,Klik-functionaliteit,Kolommen enHoogte-breedteverhouding aanpassen.

• Wanneer u klaar bent met het bewerken van het afbeeldingsraster, klikt u rechtsboven op Wijzigingen publiceren .

Afbeelding schuifregelaar

Je kunt de slider-module voor afbeeldingen gebruiken om meerdere afbeeldingen weer te geven die automatisch doorlopen in dezelfde module.

• De standaardinhoud van de slider bewerken:
  
  1. Ga in je HubSpot-account naar Inhoud > Design Manager.
  2. Navigeer naar je sjabloon.
  3. Klik in de lay-outeditor op de module Image Slider of voeg de module toe.
  4. Om een bestaande afbeelding in de Image Slider module te bewerken, klik je op het editIc onbewerken icoon in de inspector. Je kunt bestaande afbeeldingen uploaden of bladeren en het bijschrift of de URL van de link bewerken.
  5. Om een afbeelding uit de schuifmodule te verwijderen, klikt u op het pictogram deleteIcon verwijderen in de inspecteur.
  6. Om een nieuwe afbeelding aan de slider toe te voegen, klik je op + Toevoegen in de inspector.
  7. Klik op om de instellingen uit te vouwen. In het deelvenster Instellingen kun je deDia's,Beweging enNavigatie aanpassen.

• Als je klaar bent met het bewerken van de slider, klik je rechtsboven op Wijzigingen publiceren .

Taal omschakelaar

Je kunt de taalswitcher-module gebruiken om bezoekers te laten wisselen tussen vertaalde versies van een pagina of blog.

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

• Om de standaardinhoud van de taalswitchermodule te bewerken:
  
  1. Ga in je HubSpot-account naar Inhoud > Design Manager.
  2. Navigeer naar uw sjabloon.
  3. Klik in de lay-outeditor op de module Language Switcher of voeg de module toe.
  4. Schakel in de Inspector voor de sectie Standaard inhoud het selectievakje Chevron toevoegen in om een chevron voor de taalswitcher weer te geven.
  5. Klik op het vervolgkeuzemenu Weergavemodus om een van de volgende te selecteren:
     
     • Pagelang: de naam van elke taal die 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.
  6. Klik op het vervolgkeuzemenu met pictogramopties en selecteer Geen, Pictogram of Aangepast pictogram.

• Als je klaar bent met het bewerken van de taalswitcher-module, klik je rechtsboven op Wijzigingen publiceren .

Let op: 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

Je kunt de logomodule gebruiken om je bedrijfslogo uit je merkkit weer te geven op je inhoud.

• De standaardinhoud van de logomodule bewerken :
  
  1. Ga in je HubSpot-account naar Inhoud > Design Manager.
  2. Navigeer naar uw sjabloon.
  3. Klik in de lay-outeditor op de module Logo of voeg de module toe.
  4. Klik in de Inspector voor de sectie Standaardinhoud om Overschrijven standaardlogo aan te zetten om een nieuwe afbeelding te uploaden voor inhoud die de sjabloon gebruikt.
  5. Als u het standaardlogo wilt bewerken, klikt u op Standaardlogo bewerken in dit domein.
  6. Selecteer in het vervolgkeuzemenu Afbeelding laden Browser standaard, Lui of Gretig.
  7. Voer in het veld Link URL de URL-tekst in waar bezoekers naartoe moeten worden geleid als er op de logo-afbeelding wordt geklikt. Dit overschrijft de standaardinstelling die is opgegeven in je merkkit.

• Wanneer u klaar bent met het bewerken van de logomodule, klikt u rechtsboven op Wijzigingen publiceren .

Logo raster

Je kunt de logogridmodule gebruiken om meerdere logo's van verschillende afmetingen in een consistent raster te rangschikken.

• De standaardinhoud van de logogridmodule bewerken:
  
  1. Ga in je HubSpot-account naar Inhoud > Design Manager.
  2. Navigeer naar uw sjabloon.
  3. Klik in de lay-outeditor op de module Logo Grid of voeg de module toe.
  4. Om een bestaande afbeelding te bewerken, klikt u op het pictogram editIconbewerken in de inspecteur. U kunt bestaande afbeeldingen uploaden of bladeren en de alt-tekst of het laden van de afbeelding bewerken.
  5. Om een afbeelding in de logogridmodule te verwijderen, klikt u op het pictogram deleteIcon verwijderen in de inspecteur.
  6. Om een nieuwe afbeelding toe te voegen aan de logogridmodule klikt u op + Toevoegen in de inspecteur.

• Wanneer u klaar bent met het bewerken van de logogridmodule, klikt u rechtsboven op Wijzigingen publiceren .

Hoofdtekst e-mail

De hoofdmodule is een standaard rijke tekstmodule die standaard in elke e-mailsjabloon staat.

• De standaardinhoud van de hoofdmodule bewerken:
  1. Ga in je HubSpot-account naar Inhoud > Design Manager.
  2. Navigeer naar uw sjabloon.
  3. Klik in de lay-outeditor op de module Hoofdtekst e-mail.
  4. Klik in de inspector voor de sectie Standaard inhoud op het expandIconuitvouwpictogram om de tekst te bewerken die in de e-mail body verschijnt.

• Om de stylingopties van de hoofdtekstmodule van de e-mail te bewerken:
  1. Ga in je HubSpot-account naar Inhoud > Design Manager.
  2. Navigeer naar uw sjabloon.
  3. Klik in de lay-outeditor op de module Hoofdtekst e-mail.
  4. Voer in de inspector voor de sectie Stylingopties hexadecimale waarden in de tekstvelden in voor Tekstkleur, Achtergrondkleur en Randkleur. U kunt ook klikken op de kleurenkiezer.

• Wanneer u klaar bent met het bewerken van de bodymodule van de e-mail, klikt u op Wijzigingen publiceren in de rechterbovenhoek.

Menu

Je kunt de menumodule gebruiken om navigatie aan je inhoud toe te voegen. Menu's worden rechtstreeks gemaakt en beheerd in je instellingen voor navigatiemenu's.

• De standaardinhoud van de menumodule bewerken:
  1. Ga in je HubSpot-account naar Inhoud > Design Manager.
  2. Navigeer naar je sjabloon.
  3. Klik in de lay-outeditor op de menumodule of voeg de module toe.
  4. Klik in de inspecteur voor de sectie Standaard inhoud op het vervolgkeuzemenu Menu en selecteer een bestaand menu of klik op Nieuw maken.
  5. Selecteer een van de volgende opties in het vervolgkeuzemenu Geavanceerd menutype :
     • Statisch - Toon altijd pagina's op het hoogste niveau in het menu: houd je menu consistent op alle pagina's.
     • Dynamisch op sectie - Toon pagina's in menu die gerelateerd zijn aan sectie die wordt bekeken: toon menu-items relatief aan het menu-item op het hoogste niveau dat wordt bekeken.
     • Dynamisch op pagina - Toon pagina's in menu die gerelateerd zijn aan pagina die bekeken wordt: toon menu-items gerelateerd aan de specifieke pagina die bekeken wordt.
     • Padmenu in broodkruimelstijl (gebruikt horizontale stroom): toont menu-items horizontaal in een relatief pad over de bovenkant van uw site.
  6. Voer in het veld Max. niveaus het maximum aantal menu-items in dat kan worden weergegeven.
  7. Selecteer Horizontaal of Verticaal in het vervolgkeuzemenu Oriëntatie.
  8. Schakel het selectievakje Flyouts inschakelen in als u de muisaanwijzer boven de hoofdnavigatie houdt om items uit het kindmenu weer te geven.

• Als je klaar bent met het bewerken van de menumodule, klik je rechtsboven op Wijzigingen publiceren .

Informatie over kantoorlocatie

De kantoorlocatiemodule bevat vereiste tokens die moeten worden opgenomen in een e-mailsjabloon om marketinge-mails te verzenden.

• De standaardinhoud van de kantoorlocatie-informatiemodule bewerken:
  1. Ga in je HubSpot-account naar Inhoud > Design Manager.
  2. Navigeer naar je e-mailsjabloon.
  3. Klik in de lay-outeditor op de module Informatie kantoorlocatie.
  4. Klik in de inspector voor de sectie Standaard inhoud op het expandIcon uitvouwpictogram om de tekst te bewerken die wordt weergegeven met de vereiste tokens in uw e-mail.

• Om de stylingopties van de kantoorlocatie-informatiemodule te bewerken:
  • Ga in je HubSpot-account naar Inhoud > Design Manager.
  • Navigeer naar uw sjabloon.
  • Klik in de lay-outeditor op de module Informatie kantoorlocatie .
  • Voer in de inspector voor de sectie Stylingopties hexadecimale waarden in de tekstvelden in voor Tekstkleur, Achtergrondkleur en Randkleur. U kunt ook klikken op de kleurenkiezer.

• Wanneer u klaar bent met het bewerken van de informatiemodule voor de kantoorlocatie, klikt u rechtsboven op Wijzigingen publiceren .

Eén regel tekst

Je kunt de één regel tekst module gebruiken om één regel tekst aan je inhoud toe te voegen.

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.

• De standaardinhoud van de wachtwoordpromptmodule bewerken:
  1. Ga in je HubSpot-account naar Inhoud > Design Manager.
  2. Navigeer naar uw wachtwoordpromptsjabloon.
  3. Klik in de lay-outeditor op de module Wachtwoordmelding.
  4. Klik in de Inspector voor de sectie Standaard inhoud op het expandIcon uitvouwpictogram om de tekst van het bericht met het slechte wachtwoord te bewerken .

• Wanneer u klaar bent met het bewerken van de wachtwoordpromptmodule, klikt u rechtsboven op Wijzigingen publiceren .

Postfilter

Je kunt de postfiltermodule gebruiken om een lijst met blogartikelen van een specifiek onderwerp, maand of auteur weer te geven.

• De standaardinhoud van de postfiltermodule bewerken:

1. 1. Ga in je HubSpot-account naar Inhoud > Design Manager.
   2. Navigeer naar je sjabloon.
   3. Klik in de lay-outeditor op de module Postfilter.
   4. Selecteer in de inspector voor de standaard inhoudssectie een blog om weer te geven in het keuzemenu Selecteer blog om weer te geven.
   5. Selecteer Tag, Maand of Auteur in het vervolgkeuzemenu Lijst met waarden voor filterkoppelingen.
   6. In het vervolgkeuzemenu Volgorde van waarden voor filter koppelingen selecteert u Posttelling of Naam.
   7. Voer in het veld Lijsttitel die moet worden weergegeven tekst in die wordt weergegeven als de titel van de lijst.
   8. Schakel het selectievakje Alle filters weergeven in om alle filters weer te geven.
   9. Voer in het veld Maximum aantal weer te geven filterwaarden het aantal berichten voor een filter in.
   10. Voer in het veld Tekst om weer te geven als er meer dan het maximum aantal weer te geven waarden beschikbaar zijn. Voer in het veld Laat leeg om link weg te laten de tekst in die wordt weergegeven als er meer beschikbare berichten in een categorie zijn.

• Wanneer je klaar bent met het bewerken van de postfiltermodule, klik je rechtsboven op Wijzigingen publiceren .

Post notering

Je kunt de module Post listing gebruiken om een lijst met blogberichten van je blog weer te geven.

• De standaardinhoud van de module Post listing bewerken:
  1. Ga in je HubSpot-account naar Inhoud > Design Manager.
  2. Navigeer naar je sjabloon.
  3. Klik in de lay-out editor op de module Post Listing.
  4. Selecteer in de Inspector voor de sectie Standaard inhoud een blog om weer te geven in het keuzemenu Selecteer blog om weer te geven.
  5. Selecteer in het vervolgkeuzemenu Berichten sorteren op Meest recent, Meest populair - altijd, Meest populair - afgelopen jaar, Meest populair - afgelopen zes maanden of Meest populair - afgelopen maand.
  6. In het veld Kies wat wordt weergegeven in je feed , schakel je het selectievakje in naast Afbeelding, Titel, Auteursnaam en/of Publicatiedatum.
  7. Voer in het veld Maximum aantal weer te geven blogberichten het maximum aantal weer te geven blogberichten in.
  8. Voer in het veld Postkop de tekst in die bovenaan de module wordt weergegeven.
  9. Selecteer in het vervolgkeuzemenu Koptekstniveau het koptekstniveau (H1-H6) voor de inhoud in de module.

• Wanneer je klaar bent met het bewerken van de module voor het weergeven van berichten, klik je rechtsboven op Wijzigingen publiceren .

Product

Je kunt producten uit je productbibliotheek weergeven op pagina's en berichten met behulp van de productmodule. De standaardinformatie van het product wordt weergegeven, maar je kunt ervoor kiezen om dit op elke pagina aan te passen.

• De standaardinhoud van de productmodule bewerken:
  1. Ga in je HubSpot-account naar Inhoud > Design Manager.
  2. Navigeer naar uw sjabloon.
  3. Klik in de lay-outeditor op de module Product of voeg de module toe.
  4. Klik in de Inspector voor de sectie Standaard inhoud op Selecteer een product.
  5. Schakel in het rechterdeelvenster het selectievakje naast het product in en klik vervolgens op Selecteren. Als u een nieuw product wilt maken, klikt u op Een product maken.
  6. Zodra een product is geselecteerd, kunt u de weergegeven Naam, Beschrijving, Afbeelding en Knop overschrijven en bewerken.

• Wanneer u klaar bent met het bewerken van de productmodule, klikt u rechtsboven op Wijzigingen publiceren .

Rijke tekst

De rich text module ondersteunt bewerkingsopties voor verschillende onderdelen, zoals tekst, afbeeldingen en CTA's.

• De standaardinhoud van de rijke tekstmodule bewerken:
  
  1. Ga in je HubSpot-account naar Inhoud > Design Manager.
  2. Navigeer naar uw sjabloon.
  3. Klik in de lay-outeditor op de module Rijke tekst of voeg de module toe.
  4. Klik in de Inspector voor de sectie Standaard inhoud op het expandIcon uitvouwpictogram om de Rijke tekst inhoud te bewerken. Meer informatie over het bewerken van inhoud in rich text modules.

• Als je klaar bent met het bewerken van de rijke tekstmodule, klik je rechtsboven op Wijzigingen publiceren .

RSS-overzicht

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

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

• De standaardinhoud van de RSS-vermeldingsmodule bewerken:
  1. Ga in je HubSpot-account naar Inhoud > Design Manager.
  2. Navigeer naar je sjabloon.
  3. Klik in de lay-outeditor op de module RSS-lijsten of voeg de module toe.
  4. Voer in de inspecteur voor het gedeelte Standaard inhoud tekst in voor het veld RSS-titel.
  5. Selecteer Gebruik een externe RSS feed of Gebruik een HubSpot gehoste blog in het veld Voeg een RSS feed toe.
  6. Selecteer een blog in het vervolgkeuzemenu Blog.
  7. Selecteer een tag in het vervolgkeuzemenu Filteren op tag.
  8. Voer in het veld Maximum aantal weer te geven berichten het aantal berichten in.
  1. Om een uitgelichte afbeelding toe te voegen, schakel je het selectievakje voor Inclusief uitgelichte afbeelding in.
  2. Om de naam van de auteur te tonen, schakel je het selectievakje voor Auteursnaam tonen in.
  3. Voer in het tekstveld Naamsvermelding auteur de tekst in die moet worden weergegeven. De standaardinstelling is door als tekst voor de naamsvermelding.
• 
  
  4. Als u een samenvatting van een blog wilt weergeven, schakelt u het selectievakje voor Samenvatting weergeven in.
  5. In het veld Limit summary length (aantal tekens) voert u het aantal tekens in waartoe u de samenvatting wilt beperken.
  6. Voer in het veld Samenvatting doorkliktekst de tekst in die moet worden weergegeven. De standaardinstelling is Lees meer als tekst.
  7. Als u de publicatiedatum wilt weergeven, schakelt u het selectievakje voor Publicatiedatum weergeven in.
  8. Selecteer in het vervolgkeuzemenu Publicatiedatumindeling de indeling van de publicatiedatum.
  9. Voer in het tekstveld Indicator publicatiedatum de weer te geven indicatortekst in. Standaard is de tekst geplaatst op.

• Wanneer je klaar bent met het bewerken van de RSS-vermeldingsmodule, klik je rechtsboven op Wijzigingen publiceren .

Rubriek

Je kunt de koptekstmodule gebruiken om tekst weer te geven in een koptekstlabel met een alinea-subtitel.

• Om de standaardinhoud van de sectiekopmodule te bewerken:
  1. Ga in je HubSpot-account naar Inhoud > Design Manager.
  2. Navigeer naar uw sjabloon.
  3. Klik in de lay-outeditor op de module Koptekst of voeg de module toe.
  4. Voer in de Inspector voor de sectie Standaard inhoud tekst in voor het inhoudsveld Sectiekop.
  5. Selecteer in het vervolgkeuzemenu Koptekstniveau het koptekstniveau (H1-H6) van de tekstinhoud.

• Wanneer u klaar bent met het bewerken van de rubriekkopmodule, klikt u op Wijzigingen publiceren in de rechterbovenhoek.

Eenvoudig menu

Je kunt de eenvoudige menumodule gebruiken om een menu te maken voor een specifieke sjabloon.

• De standaardinhoud van de eenvoudige menumodule bewerken:

1. 1. Ga in je HubSpot-account naar Inhoud > Design Manager.
   2. Navigeer naar je sjabloon.
   3. Klik in de lay-outeditor op de module Eenvoudig menu of voeg de module toe.
   4. Klik in de inspecteur voor de sectie Standaard inhoud op Menu bewerken voor het veld Eenvoudig menu.

1. 5. Klik op Menu-item toevoegen om het eenvoudige menu te bewerken. Voer vervolgens tekst in voor het labelveld van het menu-item . Het standaard menuitype is ingesteld op Paginalink.
      • Om het type menu-item te wijzigen in een externe URL-link, klik je op de vervolgkeuzelijst Acties menu en en klik je vervolgens op URL-link.
      • Om het type menu-item te veranderen in geen URL-link, klik je op het vervolgkeuzemenu Acties en klik je op Geen link.
      • Om het type menu-item te wijzigen in een HubSpot gehoste pagina met een URL-parameter, klik je op het vervolgkeuzemenu Acties en vervolgens op Paginakoppeling met URL-parameter.

1. 6. Selecteer Horizontaal of Verticaal in het veld Menuoriëntatie. Wanneer je de instellingen voor de menuoriëntatie wijzigt, wordt er een class hs-menu-flow-horizontal of hs-menu-flow-vertical toegevoegd aan de container van de menuwrapper. Deze klasse kan worden gebruikt om het menu te stylen in je CSS. Lees meer over klassen die worden toegevoegd door module-instellingen in de documentatie voor ontwikkelaars.

• Als je klaar bent met het bewerken van de eenvoudige menumodule, klik je rechtsboven op Wijzigingen publiceren .

Sociaal delen

Je kunt de module voor sociaal delen gebruiken om bezoekers de mogelijkheid te bieden je inhoud te delen via sociale mediakanalen en e-mail.

• De standaardinhoud van de module voor sociaal delen bewerken:
  1. Ga in je HubSpot-account naar Inhoud > Design Manager.
  2. Navigeer naar uw sjabloon.
  3. Klik in de lay-outeditor op de module Sociaal delen of voeg de module toe.
  4. Voer in de inspecteur voor de sectie Standaard inhoud een optionele aangepaste pagina-URL in het veld Link URL in.
  5. Klik in elke sectie voor sociale netwerken om de sectie uit te vouwen en selecteer vervolgens het selectievakje Ingeschakeld? op om het op te nemen in uw inhoud.
  6. Zodra een sociaal netwerk is ingeschakeld, wordt het Link veld automatisch gevuld met de vereiste HubL tags om je content te delen. In marketing e-mails zal de module de webversie URL van die e-mail gebruiken 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 pictogrammen wilt gebruiken, kunt u een aangepaste versie van de module maken.

• Wanneer u klaar bent met het bewerken van de module voor sociaal delen, klikt u rechtsboven op Wijzigingen publiceren .

Sociaal volgen

Je kunt de social follow module gebruiken om bezoekers een optie te geven om je bedrijf te volgen op social media.

• De standaardinhoud van de social follow module bewerken:

1. 1. Ga in je HubSpot-account naar Inhoud > Design Manager.
   2. Navigeer naar uw sjabloon.
   3. Klik in de lay-outeditor op de module Sociaal volgen of voeg de module toe.

• 4. Om een bestaande sociale link te bewerken vanuit de sociale volgmodule, klik je op het pictogram editIconbewerken in de inspector. Je kunt de URL aanpassen en de opties Koppeling in nieuw venster openen, Deze koppeling is een podcast, Alt-tekst aanpassen en/of Pictogrammen aanpassen selecteren.

1. 5. Om een sociale link te verwijderen uit de module sociaal volgen, klik je op het pictogram deleteIcon verwijderen in de inspecteur.
   6. Om een sociale link toe te voegen aan de module sociaal volgen, klikt u op + Toevoegen in de inspecteur. Selecteer Extern of E-mailadres in het vervolgkeuzemenu Koppeling naar.

• Wanneer u klaar bent met het bewerken van de sociale volgmodule, klikt u op Wijzigingen publiceren in de rechterbovenhoek.

Abonnement voorkeuren

Je kunt de module abonnementsvoorkeuren gebruiken om de inhoud aan te passen die een ontvanger van een e-mail te zien krijgt wanneer hij zijn abonnementsvoorkeuren beheert. Deze module is alleen beschikbaar op sjablonen van het systeem voor abonnementsvoorkeuren.

• De standaardinhoud van de module Abonnementsvoorkeuren bewerken:

1. 1. Ga in je HubSpot-account naar Inhoud > Design Manager.
   2. Navigeer naar uw sjabloon.
   3. Klik in de lay-outeditor op de module Abonnementsvoorkeuren.
   4. Voer in de inspecteur voor de sectie Standaard inhoud tekst in voor het veld Koptekst.
   5. Selecteer een koptekstniveau (H1-H6) in het vervolgkeuzemenu Koptekstniveau .
   6. Selecteer een rubriekniveau (H1-H6) in het vervolgkeuzemenu E-mailkopniveau.
   7. Klik in het veld Subkop op het pictogram expandIcon om uit te vouwen en de tekst te bewerken.

1. 8. Voer de gewenste tekst in de volgende velden in:
      • Voorkeur selectie helptekst
      • Alle helptekst afmelden
      • Alle helptekst voor een momenteel uitgeschreven gebruiker opzeggen
      • Alles afmelden label
      • Knoptekst voorkeuren bijwerken
      • Knoptekst opnieuw aanmelden

• Wanneer u klaar bent met het bewerken van de module Abonnementsvoorkeuren, klikt u op Wijzigingen publiceren in de rechterbovenhoek.

Bevestiging van abonnementsupdate

Je kunt de bevestigingsmodule voor abonnementsupdates gebruiken om aan te passen welke inhoud wordt weergegeven wanneer een ontvanger van een e-mail zijn abonnementsvoorkeuren bijwerkt. Deze module is alleen beschikbaar op sjablonen van het bevestigingssysteem voor e-mailabonnementen.

• De standaardinhoud van de bevestigingsmodule voor het bijwerken van abonnementen bewerken:

1. 1. Ga in je HubSpot-account naar Inhoud > Design Manager.
   2. Navigeer naar uw systeemtemplate.
   3. Klik in de lay-outeditor op de module Bevestiging abonnementen bijwerken.
   4. Voer in de inspecteur voor de sectie Standaard inhoud tekst in voor het veld Koptekst.
   5. Selecteer in het vervolgkeuzemenu Koptekstniveau een koptekstniveau (H1-H6).
   6. Selecteer een rubriekniveau (H1-H6) in het vervolgkeuzemenu E-mailkopniveau.
   7. Klik in het veld Subkop op het pictogram expandIcon om uit te vouwen en de tekst te bewerken.

1. 8. Voer in het veld Bericht bij afmelding de tekst in die moet worden weergegeven wanneer een bezoeker zich afmeldt.
   9. Voer in het veld Bericht bij abonnementsupdate de tekst in die moet worden weergegeven wanneer een bezoeker zijn abonnementsvoorkeuren bijwerkt.

• Als je klaar bent met het bewerken van de bevestigingsmodule voor het bijwerken van abonnementen, klik je rechtsboven op Wijzigingen publiceren.

Bekijken als webpagina

Je kunt de module Weergeven als webpagina gebruiken om ontvangers van e-mails de optie te bieden om je marketinge-mails als webpagina te openen. Meer informatie over het gebruik van de webpaginaversie van een e-mailmodule.

• De standaardinhoud van de module Weergeven als webpagina bewerken:
  1. Ga in je HubSpot-account naar Inhoud > Design Manager.
  2. Navigeer naar je e-mailsjabloon.
  3. Klik in de lay-outeditor op de module Bekijken als webpagina of voeg de module toe.
  4. Klik in de inspecteur voor de sectie Standaard inhoud op het expandIco uitvouwpictogram om de tekst te bewerken die verschijnt in het View as web page tekstveld.

• Om de stylingopties van de hoofdtekstmodule van de e-mail te bewerken:
  1. Ga in je HubSpot-account naar Inhoud > Design Manager.
  2. Navigeer naar je e-mailsjabloon.
  3. Klik in de lay-outeditor op de module Weergeven als webpagina of voeg de module toe.
  4. Voer in de inspector voor de sectie Stylingopties hexadecimale waarden in de tekstvelden in voor Tekstkleur, Achtergrondkleur en Randkleur. Je kunt ook klikken op de kleurenkiezer.

• Wanneer u klaar bent met het bewerken van de bodymodule van de e-mail, klikt u op Wijzigingen publiceren in de rechterbovenhoek.

WhatsApp Link

Je kunt de WhatsApp linkmodule gebruiken om websitebezoekers de mogelijkheid te geven direct contact met je op te nemen. Deze module kan worden toegevoegd aan pagina's, blogberichten en pagina's met blogvermeldingen. Om deze module te gebruiken, moet je je WhatsApp-kanaal verbinden met je inbox voor gesprekken.

Let op: deze module is alleen beschikbaar voor Marketing Hub en Service Hub Professional en Enterprise accounts.

• De standaardinhoud van de WhatsApp linkmodule bewerken:
  1. Ga in je HubSpot-account naar Inhoud > Design Manager.
  2. Navigeer naar je sjabloon.
  3. Klik in de lay-outeditor op de module WhatsApp-link of
     of voeg de module toe.
  4. Klik in de inspecteur voor de sectie Standaardinhoud op Ga naar instellingen om je WhatsApp-kanaal te verbinden met je inbox voor gesprekken.
  5. Selecteer een Opt-inoptie in het vervolgkeuzemenu Opt-in-tekst.
  6. Selecteer Tekst en pictogram, Alleen tekst of Alleen pictogram in het vervolgkeuzemenu Weergeven.
  7. Selecteer Links of Rechts in het vervolgkeuzemenu Positie pictogram.
  8. Voer in het veld Knoptekst de tekst in die wordt weergegeven op de knop. De standaardtekst geeft Chat op WhatsApp weer.
  9. Geef in het titelveld van het Whatsapp-pictogram de tekst voor de toegankelijkheid op. De standaardtekst is WhatsApp-pictogram.

• Wanneer je klaar bent met het bewerken van de WhatsApp linkmodule, klik je rechtsboven op Wijzigingen publiceren.