Maak en publiceer een pagina

De bewerkingsopties van uw pagina-inhoud, lay-out en stijlen zijn afhankelijk van het type sjabloon dat u gebruikt.

• Startsjablonen bevatten functies voor het bewerken met slepen en neerzetten en een eenvoudige interface voor het aanpassen van lettertypen, kleuren en knopstijlen.
• Themesjablonen worden geleverd met bewerkingsfuncties met behulp van slepen en neerzetten, unieke themamodules en thema-instellingen.
• Voor een aangepaste template kunt u samen met een ontwikkelaar een gecodeerde template maken met de HubSpot Developers CMS documentatie. Uw ontwikkelaar kan ook een layout template bouwen met de design manager tool.
• U kunt extra paginasjablonen vinden op de Asset Marketplace.

Let op: alle startsjablonen hebben dezelfde opties binnen de pagina-editor en het tabbladDesign. Gecodeerde sjablonen, lay-out-sjablonen, themasjablonen en sjablonen die zijn aangeschaft op de Asset Marketplace hebben alle stijlopties van de ontwikkelaar.

Navigeer naar de pagina-editor

Maak een nieuwe pagina aan

Om een nieuwe landingspagina of websitepagina te maken vanaf nul:

• Navigeer in uw HubSpot account naar Marketing > Website > Landingspagina's of Websitepagina's.
• Klik rechtsboven op het dropdown menu Create en selecteer Website page of Landing page.
• Ga met de muis over een sjabloon en klik op Preview in de rechterbovenhoek om te zien hoe het op een desktop- of mobiel apparaat zal verschijnen. Om een nieuwe pagina met dit sjabloon aan te maken, klikt u rechtsboven op Gebruik sjabloon.
• Geef uw pagina een interne paginanaam en klik op Create page.

Let op: u bent verplicht om uw pagina een publieke titel te geven in uw instellingen voordat u deze publiceert.

Bewerk een bestaande pagina

Om een bestaande pagina te bewerken:

• Navigeer in uw HubSpot account naar uw landingspagina's of websitepagina's.
• Ga met de muis over een bestaande pagina in uw dashboard en klik op Bewerken.

Bewerk de inhoud van uw pagina

Binnen de pagina-editor kunt u de inhoud van elke module in uw sjabloon bewerken. Om de lay-out van uw pagina te bewerken of nieuwe modules toe te voegen binnen de pagina-editor, werkt u samen met uw webontwikkelaar om een drag and drop gebied toe te voegenaan uw paginasjabloon.

Inhoud in een module bewerken

In het tabblad Inhoud aan de linkerkant kunt u alle modules in uw paginasjabloon bekijken en bewerken. Als uw pagina globale inhoud bevat, zoals een paginakop, bewerkt u deze in uw pagina binnen de globale content editor.

Let op: Contentopties voor elke module kunnen variëren afhankelijk van de manier waarop uw sjabloon door uw ontwikkelaar is gecodeerd.

Om de inhoud van een module te bewerken, gaat u met de muis over de module en klikt u op hetedit-potlood-icoon.

Sommige moduletypes, zoals koppen, kunnen direct inline worden bewerkt op de paginapreview. Als u op een module klikt, opent u ook de bewerkingsmogelijkheden in het linkerpaneel. Lees meer over de gebruikelijke inhoudsopties voor elk moduletype.

Om een volledige lijst van alle modules op uw pagina te bekijken, klikt u op het tabblad Inhoud aan de linkerkant. Klik vervolgens op een specifieke module uit de lijst om de inhoudelijke opties te bewerken.

Als uw sjabloon een sleepgebied of flexibele kolommen bevat, kunt u uw modules in de pagina-editor toevoegen of herschikken.

Om een actie in de pagina-editor ongedaan te maken of opnieuw te doen, klikt u op het pictogram ongedaan maken of opnieuw doen in de linkerbovenhoek.

Let op: alleen bewerkingen die tijdens de huidige sessie in uw webbrowser zijn gemaakt, zijn beschikbaar om ongedaan te maken of opnieuw te doen. Als u de pagina-editor ververst, zullen uw vorige bewerkingen niet meer beschikbaar zijn.

Bewerkingsstijlen toegepast op uw modules

Modules die meerdere malen op uw pagina worden herhaald, zoals knoppen of koppen, hebben meestal standaardstijlen op basis van de stylesheet van uw sjabloon of de thema-instellingen van uw website. Het aanbrengen van wijzigingen in deze stijlen heeft meestal invloed op andere pagina's die hetzelfde sjabloon gebruiken.

Let op: destijlopties die voor elke module beschikbaar zijn, kunnen variëren afhankelijk van uw paginasjabloon.

Optimaliseer uw pagina voor zoekmachines

Klik in de topnavigatie op het tabblad Optimaliseren om naar de SEO-optimalisatietool te gaan. Hier kunt u uw pagina aan een van uw onderwerpen koppelen en aanbevelingen bekijken om uw inhoud te verbeteren.

Bewerk uw pagina-instellingen

Om uw pagina-instellingen te bewerken en wat basisinformatie toe te voegen, klikt u op het tabblad Instellingen bovenaan de pagina-editor:

• Interne paginanaam: de interne paginanaam is de naam die u hebt toegevoegd toen u de pagina voor het eerst aanmaakte en waarnaar wordt verwezen in het dashboard. Deze wordt niet aan de bezoekers getoond.
• Paginatitel: de titel die in het tabblad bovenaan uw webbrowser wordt weergegeven wanneer de pagina wordt geladen.
• Pagina URL: de URL voor uw pagina. Deze verschijnt in de URL-balk van de browser wanneer bezoekers naar deze pagina navigeren. U kunt de URL van uw pagina bewerken, zelfs nadat deze is gepubliceerd.
• Pagina toevoegen aan een menu: voeg de huidige websitepagina waaraan u werkt toe aan een nieuw of bestaand geavanceerd menu in uw contentinstellingen.
• Metabeschrijving: de inhoud die in de zoekresultaten onder de titel van de pagina zal verschijnen.
• Campagne: associeer uw pagina met een HubSpot campagne. Selecteer Nieuw toevoegen om een nieuwe campagne te maken.
• Aanbevolen afbeelding: klik om deze schakelaar aan te zetten voor een specifieke afbeelding wanneer uw pagina wordt gedeeld op sociale media. Klik op Uploaden om een afbeelding van uw computer te selecteren of op Afbeeldingen bladeren om een afbeelding uit uw bestandstool te selecteren.

Geavanceerde opties

Let op: de sectie Geavanceerde opties is niet beschikbaar in startersjablonen.

Klik op Geavanceerde Opties om meer instellingen voor uw pagina aan te passen. Deze instellingen zijn niet nodig om uw pagina te publiceren.

• Pagina vervallen op een specifieke datum: selecteer het selectievakje om uw pagina te plannen om te vervallen en door te sturen op een specifieke datum.
• Controle van de publiekstoegang voor pagina: selecteer een optie om de publiekstoegang voor deze pagina te controleren.
  • Selecteer Privé - Wachtwoord vereist om een vereist wachtwoord toe te voegen voor bezoekers om toegang te krijgen tot de inhoud van uw pagina.
  • Selecteer Privé - Registratie vereist om bezoekers in staat te stellen zich te registreren op uw site voordat ze de pagina bekijken(CMS Hub Enterprise only). Meer informatie over het controleren van de toegang van het publiek.
• Extra code-fragmenten: voeg code-fragmenten toe in de Head HTML of Footer HTML velden. Dit is handig voor het toevoegen van ruwe HTML of tracking code aan de <head> of <footer> tag van uw pagina.

• HubDB: als uw webontwikkelaar een HubDB tabel opzet voor dynamische database content, kunt u hier uw pagina toevoegen aan een HubDB tabel. Klik op Selecteer een tabel en selecteer de tabel om deze pagina toe te voegen aan een database.
• Sjabloon: bekijk het sjabloon dat op uw pagina is toegepast. Klik op Gebruik een ander sjabloon om een nieuw sjabloon toe te passen op uw pagina, of Bewerk dit sjabloon om uw sjabloon te bewerken.

Let op: u kunt alleen sjablonen uitwisselen die hetzelfde type sjabloon hebben.

• Stylesheets: beheer de stylesheets die aan uw pagina zijn gekoppeld. Om te selecteren of de standaard stylesheets moeten worden ingeschakeld, uitgeschakeld of de standaardinstellingen moeten volgen, klikt u op het dropdown menu en een optie. Klik op Voeg een stylesheet toe en selecteer een bestaand stylesheet om aan uw pagina toe te voegen. Stijlsheets zijn niet van toepassing op themasjablonen.

• Canonical URL: pas de canonieke URL van uw pagina aan.

Bekijk uw pagina

Klik rechtsboven op Preview om te zien hoe uw pagina verschijnt voor bezoekers van de website op verschillende toesteltypes. U kunt ook personalisatie en slimme inhoud testen in de preview. Leer hoe u de manier waarop uw pagina wordt weergegeven op een mobiel apparaat kunt aanpassen.

1. Apparaatvoorbeeld: klik op Openen in een nieuw venster om een live voorbeeld van uw pagina te zien in een nieuw tabblad in uw browser. Deze voorbeeldlink werkt voordat uw pagina daadwerkelijk wordt gepubliceerd. Klik op Copy shareable (Deelbare link kopiëren ) om de link naar uw klembord te kopiëren en met uw team te delen. Om de voorbeeldlink te bekijken, moeten uw teamgenoten ingelogd zijn in HubSpot.
2. Smart preview: klik op het Preview als dropdown menu om te zien hoe uw pagina zal verschijnen voor verschillende contactpersonen in uw database.
   • Selecteer een contact om te zien hoe de personalisatie zal verschijnen op basis van de waarden van de eigenschappen van dat specifieke contact. Klik op het tweede dropdown menu om een specifiek contact uit uw database te selecteren.
   • Selecteer een slimme regel om een voorbeeld te zien van hoe slimme inhoud op uw pagina zal verschijnen voor contactpersonen die aan de criteria voldoen. Klik op het tweede keuzemenu om een specifieke slimme regel te selecteren voor een voorbeeld.
3. Type apparaat: klik op Mobile + Tablet om een live preview van uw pagina te zien op een telefoon of tablet. Klik op Desktop om een voorbeeld te zien van hoe uw pagina op een webbrowser zal verschijnen.

Publiceer of plan uw pagina

Nadat u uw inhoud hebt toegevoegd, deze heeft geoptimaliseerd voor zoekmachines en een voorbeeld heeft gegeven van hoe het er voor bezoekers uit zal zien, bent u klaar om uw pagina te publiceren.

• Klik op het tabblad Publiceren of Plannen en selecteer Nu publiceren om direct te publiceren, of Plannen voor later om deze pagina op een toekomstige datum en tijd te publiceren.
• Als er een vereist item ontbreekt op uw pagina, ziet u een waarschuwing in de rechterbovenhoek van de knop Publiceren.
• Als u klaar bent met het invullen van alle benodigde items voor uw pagina, klikt u op Publiceren.