Een pagina maken en publiceren

De bewerkingsopties voor de inhoud, de lay-out en de stijlen van uw pagina hangen af van het type sjabloon dat u gebruikt.

• Starter-sjablonen bevatten functies voor het bewerken met slepen en neerzetten en een eenvoudige interface om lettertypen, kleuren en knopstijlen aan te passen.
• Thema sjablonen worden geleverd met drag and drop bewerkingsfuncties, unieke thema modules, en thema instellingen.
• Voor een aangepaste sjabloon, werk samen met een ontwikkelaar om een gecodeerde sjabloon te maken met de HubSpot Ontwikkelaars CMS documentatie. Uw ontwikkelaar kan ook een lay-out sjabloon bouwen met de design manager tool.
• U kunt extra paginasjablonen vinden op de Asset Marketplace.

Let op: alle starter-sjablonen hebben dezelfde opties binnen de pagina-editoren het tabblad Ontwerp. Gecodeerde sjablonen, lay-outsjablonen, themasjablonen en sjablonen die op de marktplaats zijn gekocht, hebben alle stijlopties die door de ontwikkelaar zijn toegevoegd.

Navigeer naar de pagina editor

Maak een nieuwe pagina

Om een nieuwe landingspagina of websitepagina vanaf nul te maken:

• Navigeer in uw HubSpot accountnaar uw landingspagina's of website pagina's.
• Klik rechtsboven op het keuzemenu Create (Maken ) en selecteer Website page (Websitepagina ) of Landing page (Landingspagina).
• Beweeg de muis over een sjabloon en klik op Voorbeeld in de rechterbovenhoek om te zien hoe het eruit zal zien op desktop of mobiel apparaat. Om een nieuwe pagina te maken met deze sjabloon, klik op Gebruiksjabloon in de rechterbovenhoek.
• Geef uw pagina een interne paginanaam en klik op Pagina maken.

Let op: u zult uw pagina een publieke titel moeten geven in uw instellingen voordat u hem publiceert.

Een bestaande pagina bewerken

Om een bestaande pagina te bewerken:

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

Wijzig de inhoud van uw pagina

In 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 aan uw paginasjabloon toe te voegen.

Inhoud van 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 paginakoptekst, dan bewerkt u deze in uw pagina binnen de globale inhoudseditor.

Let op: inhoudsopties voor elke module kunnen verschillen op basis van de manier waarop uw sjabloon door uw ontwikkelaar werd gecodeerd.

Om de inhoud van een module te bewerken, ga met de muis over de module en klik op het bewerken potloodicoon.

Sommige module types, zoals kopteksten, kunnen inline bewerkt worden, direct op het paginavoorbeeld. Door op een module te klikken, worden ook de bewerkingsopties geopend in het linkerpaneel.Meer informatie over veelgebruikte inhoudsopties voor elk moduletype.

Om een volledige lijst van alle modules op uw pagina te bekijken, klikt u op de tab Inhoud in het linkerpaneel. Klik vervolgens op een specifieke module in de lijst om de inhoudsopties ervan te bewerken.

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

Om een actie in de pagina-editor ongedaan te maken of opnieuw uit te voeren, klikt u linksboven op het pictogram ongedaan maken of het pictogram opnieuw uitvoeren.

Let op: alleen bewerkingen die u tijdens de huidige sessie in uw webbrowser hebt gemaakt, kunt u ongedaan maken of opnieuw uitvoeren. Als u de pagina-editor vernieuwt, zullen uw eerdere bewerkingen niet langer beschikbaar zijn.

Wijzig stijlen toegepast op uw modules

Modules die meerdere malen op uw pagina worden herhaald, zoals knoppen of koppen, hebben meestal standaard stijlen die gebaseerd zijn op de stylesheet van uw sjabloon of de instellingen van uw websitethema. Wijzigingen in deze stijlen hebben meestal gevolgen voor andere pagina's die dezelfde template gebruiken.

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

Optimaliseer uw pagina voor zoekmachines

In de top navigatie, klik op de Optimaliseren tab om naar de SEO optimizer tool te gaan. Hier kunt u uw pagina aan een van uw onderwerpen koppelen en aanbevelingen bekijken om uw inhoud te verbeteren.

Wijzig uw pagina-instellingen

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

• Interne paginanaam: de interne paginanaam is de naam die u toevoegde toen u de pagina voor het eerst aanmaakte en waarnaar verwezen wordt in het dashboard. Hij wordt niet getoond aan bezoekers.
• Paginatitel: de titel die in het tabblad bovenaan uw webbrowser wordt weergegeven wanneer de pagina wordt geladen.
• URL van de pagina: de URL voor uw pagina. Deze verschijnt in de URL balk in 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 inhoudsinstellingen.
• Meta description: de inhoud die in de zoekresultaten onder de paginatitel verschijnt.
• Campagne: koppel uw pagina aan een HubSpot campagne. Selecteer Nieuw toevoegen om een nieuwe campagne te maken.
• Uitgelichte afbeelding: klik om deze schakelaar aan te zetten zodat een specifieke afbeelding wordt uitgelicht 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: deGeavanceerde Opties sectie is niet beschikbaar in starter templates.

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

• Pagina op een specifieke datum laten verlopen: vink het vakjeaan om te plannen dat uw pagina op een specifieke datum verloopt en wordt omgeleid.
• Publiekstoegang voor pagina beheren: selecteer een optie om de publiekstoegang voor deze pagina te beheren.
  • Selecteer Privé - Wachtwoord vereist om een verplicht wachtwoord toe te voegen voor bezoekers om toegang te krijgen tot de inhoud van uw pagina.
  • Selecteer Privé - Registratie vereist om bezoekers toe te staan zich op uw site te registreren voordat ze de pagina kunnen bekijken( alleenCMS Hub Enterprise). Meer informatie over het beheren van publiekstoegang.
• Extra code snippets: voeg code snippets toe in de Head HTML of Footer HTML velden. Dit is handig om ruwe HTML of tracking code toe te voegen aan de <head> of <footer> tag van uw pagina.

• HubDB: als uw webontwikkelaar een HubDB-tabel heeft opgezet voor dynamische database-inhoud, kunt u hier uw pagina aan een HubDB-tabel toevoegen. Klik op Selecteer een tabel en selecteer de tabel om deze pagina aan een database toe te voegen.
• Sjabloon: bekijk de sjabloon die op uw pagina is toegepast. Klik op Ander sjabloon gebruiken om een nieuw sjabloon op uw pagina toe te passen, of op Dit sjabloon bewerken om uw sjabloon te bewerken.

Let op: ukunt alleen sjablonen van hetzelfde sjabloontype omwisselen .

• Stylesheets: beheer de stylesheets die aan uw pagina zijn gekoppeld. Om te selecteren of de standaard stylesheets moeten worden ingeschakeld, uitgeschakeld, of de standaard instellingen moeten volgen, klik op het dropdown menu en een optie. Klik op Voeg een stylesheet toe en selecteer een bestaande stylesheet om aan je pagina te koppelen. Stylesheets zijn niet van toepassing op themasjablonen.

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

Bekijk een voorbeeld van uw pagina

Klik rechtsboven op Voorbeeld om te zien hoe uw pagina er op verschillende soorten apparaten uitziet voor bezoekers van uw website. U kunt ook personalisatie en slimme inhoud testen in de voorvertoning. Ontdek hoe u de weergave van uw pagina op een mobiel apparaat kunt aanpassen.

1. Apparaatvoorbeeld: klik op Openen in nieuw venster om een live voorbeeld van uw pagina te zien in een nieuw tabblad in uw browser. Deze preview link werkt voordat uw pagina daadwerkelijk is gepubliceerd. Klik op Deelbare link kopiëren om de link naar je klembord te kopiëren om hem met je team te delen. Om de voorbeeldlink te kunnen bekijken, moeten je teamgenoten zijn aangemeld bij HubSpot.
2. Slimme voorvertoning: klik op het vervolgkeuzemenu Voorvertoning als om een voorvertoning te zien van hoe uw pagina zal verschijnen voor verschillende contactpersonen in uw database.
   • Selecteer een contactpersoon om een voorbeeld te zien van hoe de personalisatie zal worden weergegeven op basis van de waarden van de eigenschappen van die specifieke contactpersoon. Klik op het tweede vervolgkeuzemenu om een specifieke contactpersoon uit uw database te selecteren.
   • Selecteer een slimme regel om te bekijken hoe slimme inhoud op uw pagina wordt weergegeven voor contactpersonen die aan de criteria voldoen. Klik op het tweede vervolgkeuzemenu om een specifieke slimme regel te selecteren om te bekijken.
3. Type apparaat: klik op Mobiel + Tablet om een live preview te zien van uw pagina op een telefoon of tablet. Klik op Desktop om een voorbeeld te zien van hoe uw pagina er op een webbrowser uit zal zien.

Publiceer of plan uw pagina

Nadat u uw inhoud hebt toegevoegd, geoptimaliseerd voor zoekmachines, en een preview hebt gemaakt 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 onmiddellijk te publiceren, of Plan voor later om deze pagina op een toekomstige datum en tijd te publiceren.
• Als er verplichte items ontbreken op uw pagina, ziet u een waarschuwing in de rechterbovenhoek van de knop Publiceren.
• Als u klaar bent met het invullen van alle vereiste items voor uw pagina, klikt u op Publiceren.