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.
In de design manager kunt u standaardmodules toevoegen aan drag-and-drop-sjablonen met behulp van de lay-out-editor.
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.
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.
Om te kiezen voor een nieuwe versie van een module:
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.
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:
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.
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.
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.
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.
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 om de tekst aan te passen die verschijnt nadat een bezoeker het formulier heeft verzonden.
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.
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.
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:
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.
Een afbeeldingsmodule voegt een enkele afbeelding toe aan een stuk inhoud. Meer informatie over de bewerkingsopties voor afbeeldingsmodules.
Een afbeeldingsgallerijmodule voegt een reeks roterende afbeeldingen toe aan een enkele module. Meer informatie over de aanpasbare instellingen van de afbeeldingsgallerijmodule.
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:
Deze module verschijnt alleen op live pagina's met meer dan één gepubliceerde vertaling. Meer informatie over het werken met meertalige content in HubSpot.
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 .
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.
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.
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:
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 modulepictogram in de zoeker en inspecteur. Meer informatie over het werken met aangepaste gecodeerde modules vindt u in onze documentatie voor ontwikkelaars.
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.
Met de module Eén regel tekst kunnen gebruikers één regel tekst bewerken in de inhoudseditor.
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.
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.
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 :
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:
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.
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.
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:
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.
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.
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.
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.
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.
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.
De module Weergeven als webpagina geeft ontvangers van e-mails de optie om de webpaginaversie van een e-mail te openen.
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: