In de inhoudseditor en designmanager zijn bepaalde standaardmodules beschikbaar voor gebruik in de meeste typen inhoud.
Door HubL snippets te gebruiken, kun je deze standaardmodules ook toevoegen aan HTML-sjablonen. Lees meer over het werken met standaardmodules in aangepaste sjablonen in de documentatie voor ontwikkelaars.
In de ontwerpmanager kunt u standaardmodules toevoegen aan sjablonen die u kunt slepen met de lay-outeditor.
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.
De back-up afmeldtemplate wordt weergegeven aan ontvangers die op een afmeldlink klikken als HubSpot niet in staat is om hun e-mailadres te bepalen. Je kunt de helptekst die wordt weergegeven op je back-uptekstpagina 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 opmaak voor je blogberichten en pagina's met blogvermeldingen. Je kunt de opmaak van je berichten bewerken door te klikken op Posttemplate bewerken en de opmaak van je listingpagina bewerken door te klikken op Listing Template bewerken. Meer informatie over de opmaak van de bloginhoudsmodule.
Let op: de inschrijvingsmodule voor blog-e-mails is niet beschikbaar voor e-mailsjablonen.
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.
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 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 je 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 contactgegevens 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 uw bedrijfslogo automatisch op uit uw website-instellingen. Als u een ander logo wilt gebruiken, schakelt u de schakelaar Standaardlogo voor deze pagina overschrijven in om een nieuwe afbeelding te uploaden voor alleen deze pagina. 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 merkkit. 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 afmetingen 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 aanpassen voor een specifieke sjabloon.
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 module met informatie 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 Footer-gedeelte 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 inschrijvingsmodule voor blog-e-mails 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 het gedeelte Standaard inhoud :
Let op: de inschrijvingsmodule voor blog-e-mails is niet beschikbaar voor e-mailsjablonen.
De post listing module 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 inhoudelijke standaardwaarden 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 RSS-vermeldingsmodule 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 bij elk bericht een uitgelichte afbeelding, naam van de auteur, samenvatting of publicatiedatum 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 mediakanalen en e-mail. Klik op deschakelaar Ingeschakeld naast een specifiek sociaal netwerk om dit op te nemen in je 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 pictogrammen wilt gebruiken, kunt u een aangepaste versie van de module maken.
Met een sociale volgmodule kun je bezoekers je bedrijf laten volgen op sociale media. Voor elk sociaal netwerk kun je een aangepaste link of e-mailadres instellen. In de designmanager kun je ook aangepaste pictogrammen instellen voor elk sociaal netwerk.
Modules voor abonnementsvoorkeuren zijn alleen beschikbaar op systeemsjablonen voor abonnementsvoorkeuren.
Met deze modules kun je de pagina aanpassen die een ontvanger 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 abonnementsinstellingen 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 enService 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 opmaak van knoppen, zoals kleur en spatiëring, kan worden aangepast op het tabblad Stijlen van de pagina-editor: