Let op: De Nederlandse vertaling van dit artikel is alleen bedoeld voor het gemak. De vertaling wordt automatisch gemaakt via een vertaalsoftware en is mogelijk niet proefgelezen. Daarom moet de Engelse versie van dit artikel worden beschouwd als de meest recente versie met de meest recente informatie. U kunt het hier raadplegen.
Landing Pages

Maak een landingspagina met een startsjabloon

Laatst bijgewerkt: maart 1, 2021

Geldt voor:

Alle producten en plannen

U kunt een startsjabloon gebruiken om een eenvoudige landingspagina te maken waarop u een inhoudsaanbod presenteert aan uw websitebezoekers. In dit artikel wordt uitgelegd hoe u een nieuwe landingspagina maakt, het ontwerp van uw pagina aanpast en uw pagina publiceert.

Let op: starter sjablonen bieden geen ondersteuning voor smart content, aangepaste modules, personalisatie, toegang tot broncode in rich text-modules, of geavanceerde opties zoals template swapping en toegang tot header HTML.


Voordat u aan de slag gaat

Een landingspagina maken met een startsjabloon

Zo maakt u een nieuwe landingspagina met een startsjabloon:

  • ."}'>Navigeer in uw HubSpot account naar Marketing > Website > Landingspagina's.
  • ."}'>Klik rechtsboven op Maken > Landingspagina.
  • ."}'>Klik in het menu aan de linkerkant op Al uw sjablonen.
  • ."}'>Beweeg de muis over een sjabloon en klik rechtsboven op Voorbeeld.

."}'>preview-starter-template

  • ."}'>Om een pagina te maken met deze sjabloon, klik op Gebruik sjabloon rechtsboven.

."}'>De inhoud van uw pagina bewerken

."}'>Startsjablonen bevatten blokken met website-inhoud, modules genaamd. U kunt deze modules rangschikken in horizontale rijen of verticale kolommen.

."}'>Rijen en kolommen kunnen worden gegroepeerd in secties van elementen. Door elementen te groeperen, kunt u achtergrondstijlen toepassen op een heel gebied van uw pagina. U kunt deze elementen ook slepen en neerzetten om de lay-out van uw pagina te wijzigen. ."}'>Meer informatie over het bewerken van pagina-inhoud in een gebied met slepen en neerzetten.

."}'>Als u de manier waarop uw pagina-inhoud op een mobiel apparaat wordt weergegeven wilt aanpassen, klikt u op het pictogram Bewerkenvoor mobiellinksboven.

."}'>edit-page-for-mobile

Lettertypen, kleuren en knoppen aanpassen

Om de standaardstijlen voor uw startsjabloon aan te passen, klikt u op het tabblad Ontwerp in het linkerpaneel. U kunt ook de achtergrondkleur of afbeelding voor een specifieke rij, kolom of sectie

van uw pagina aanpassen.

edit-starter-theme-on-page

Typografie

In de sectie Typografie kunt u de lettertypen en lettertypestijlen bewerken die worden toegepast op uw paginatekst en kopteksten. Alle Google-lettertypen worden ondersteund.
  • Hoofdtekst: pas het lettertype, de lettergrootte en de letterkleuren aan voor de hoofdtekst van je pagina:
    • Klik op het vervolgkeuzemenu voor de tekst om het lettertype te selecteren.
    • Klik op de pijltjestoetsen om de lettergrootte te selecteren.
    • Klik op de kleurenballon om een kleur voor uw lettertype in te stellen. Om een aangepaste kleur in te stellen, klikt u op het tabblad Geavanceerd en voert u een hexadecimale waarde in.
  • Koppen: pas het lettertype en de kleur aan voor tekst in modules met een kopteksttag.
    • Klik op het vervolgkeuzemenu Koppen om een lettertype te selecteren.
    • Klik op de kleurballon om een kleur voor het lettertype te selecteren.
  • Linktekst: pas het lettertype en de kleuren aan voor links op uw pagina.
    • Klik op het vervolgkeuzemenu Linktekst om een lettertype te selecteren.
    • Klik op de kleurenbalk om een linkkleur te selecteren.
    • Klik op de styling knoppen of dropdown menu om de stijlen toegepast op uw link tekst te selecteren.
    • Om de manier waarop links verschijnen wanneer uw bezoekers interageren met uw pagina aan te passen, kunt u de linkkleur en transparantie aanpassen.
      • Kleur link zweven: pas de kleur en transparantie van de linktekst aan wanneer een bezoeker met de muis over de link gaat.
      • Kleur actieve link : pas de kleur en transparantie van de linktekst aan voordat op de link wordt geklikt.
      • Kleur bezochte link: pas de kleur en transparantie van de linktekst aan nadat een bezoeker op de link heeft geklikt.

Knoppen

In de sectie Knoppen kunt u de manier aanpassen waarop eenvoudige knoppen en knoppen voor het verzenden van formulieren op de pagina worden gestyled.
  • Knop achtergrondkleur: pas de kleur aan die wordt toegepast op de achtergrond van uw knoppen.
    • Voer een hex waarde in of klik op de kleurenbalk om een kleur te selecteren.
    • Voer een percentage in of klik op de pijltjestoetsen om de transparantie van de achtergrondkleur van uw knop in te stellen.
  • Kleur knopentekst : de kleur die wordt toegepast op de tekst van knoppen op uw pagina.
    • Voer een hex waarde in of klik op de kleurenbalk om de kleur voor de tekst te selecteren.
    • Voer een percentage in of klik op de pijltjestoetsen om de transparantie van de tekstkleur van de knop in te stellen.
  • Hoekradius knoppen: pas de vorm van de knoppen op uw formulier aan door een waarde in te voeren of de schuifregelaar te verslepen. Een hogere waarde betekent dat de knoppen op uw pagina rondere randen zullen hebben, terwijl een waarde van nul betekent dat uw knoppen rechthoekig zullen zijn.

Let op: HubSpot raadt aan consistente kleuren, lettertypen en stijlen aan te houden op basis van de instellingen op het tabblad Ontwerp. U kunt de standaard stijlen voor een individuele module opheffen in het Opties

tabblad in het linker paneel.

Optimaliseer uw pagina voor zoekmachines

Klik op het tabblad Optimaliseren om het hulpprogramma SEO-optimalisatie te openen. Hier kunt u aanbevelingen bekijken om de prestaties van uw inhoud in zoekmachines te verbeteren

.

Bewerk uw pagina-instellingen

Klik op het tabblad Instellingen

om de details van uw pagina aan te passen.
  • Interne pagina naam: de pagina naam die alleen HubSpot gebruikers zien. Deze wordt niet aan bezoekers getoond.
  • Pagina titel: de titel die bezoekers zien in het tabblad bovenaan hun browser als de pagina geladen wordt.
  • 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.
  • Meta description: de inhoud die in zoekresultaten onder de paginatitel verschijnt.
  • 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 Upload om een afbeelding van uw computer te selecteren of Bladeren door afbeeldingen om een afbeelding te selecteren uit uw bestandstool.

Bekijk en publiceer uw pagina

Voordat uw pagina live gaat, klikt u rechtsboven op Voorbeeld om te testen hoe uw pagina eruitziet op desktop- en mobiele apparaten. Als u tevreden bent met de voorbeeldweergave van uw pagina, klikt u rechtsboven op Publiceren .