Doorgaan naar artikel
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

Landingspagina en website pagina | Veelgestelde vragen

Laatst bijgewerkt: augustus 24, 2021

Geldt voor:

Marketing Hub Starter, Professional, Enterprise
CMS Hub Professional, Enterprise
Legacy Marketing Hub Basic

Vind antwoorden op veelgestelde vragen over pagina ontwerp, pagina publicatie en pagina analytics. De beste manier om een wijziging aan te brengen in uw HubSpot sjabloon of stylesheet is bij de oorspronkelijke sjabloonontwerper.

Let op: als u een sjabloon gebruikt dat u op de Asset Marketplace hebt gekocht, neem dan contact op met de ontwerper van het sjabloon voor vragen over het ontwerp van uw pagina.

Pagina ontwerp

Hoe kan ik hulp krijgen bij ontwerpvragen?

Let op: de beste manier om hulp te krijgen bij vragen over het ontwerp van uw website is bij de oorspronkelijke ontwerper van uw paginasjabloon.

Als je bekend bent met het lezen en schrijven van HTML en CSS:

Als u niet vertrouwd bent met het lezen en schrijven van HTML en CSS:

Waarom is mijn pagina niet responsive op mobiel?

Responsive content zal er niet identiek uitzien op elk type apparaat. Hoewel alle HubSpot-sjablonen met slepen en neerzetten standaard responsive zijn, zijn er een paar redenen waarom uw inhoud er mogelijk niet responsive uitziet. Leer hoe u een voorbeeld van uw content op een mobiel apparaat kunt bekijken.

  • Afbeelding wordt afgesneden: een responsive afbeelding wordt aangepast aan het schermformaat waarop het wordt bekeken. Dit betekent dat de afbeelding anders kan worden bijgesneden om op een kleiner apparaattype te passen. Dit voorkomt uitrekking of vervorming van de afbeelding.
  • Tekst wordt niet herschaald: als je tekst hebt toegevoegd aan een afbeelding in een fotobewerkingsprogramma, zoals Photoshop, wordt de tekst niet apart van de afbeelding herschaald. Om ervoor te zorgen dat overlappende tekst responsief is, voeg je je achtergrondafbeelding toe als een sectie-, rij- of kolomachtergrondafbeelding en voeg je een rijke tekstmodule of een koptekstmodule toe voor je tekst.
  • Een tabel is niet responsive: tabellen schrijven voor hoe groot de elementen op de pagina precies moeten zijn. Voor de beste resultaten gebruik je drag-and-drop kolommen om de structuur van je pagina te bepalen in plaats van een tabel.

Let op: als u werkt in een starter template, een thema template, of een template met een drag and drop gebied, kunt u de manier waarop uw pagina op een mobiel apparaat verschijnt aanpassen.

Hoe kan ik een held achtergrondafbeelding maken?

De beste manier om een hero image te maken hangt af van het type paginasjabloon dat je gebruikt.

  • Om een heldafbeelding toe te voegen aan een lay-out sjabloon gemaakt in de design manager, moet u een aantal aangepaste codes op uw sjabloon bewerken. Lees meer over hoe u een hero afbeelding kunt instellen op een lay-out sjabloon op het CMS Development Community Forum.

Let op: als u niet vertrouwd bent met het bewerken van code, kunt u in contact komen met een ontwerper met expertise in CMS-ontwikkeling op de Partner Directory.

Hoe bepaal ik de kleuren en lettertypen voor mijn navigatiemenu?

Menu items en links voor uw navigatie menu worden geregeld in uw navigatie instellingen in uw account instellingen. Maar uw menu ontwerp is gebaseerd op uw pagina sjabloon. De kleuren, lettertypen, spatiëring en het algemene uiterlijk van de menu's worden bepaald door de stijlen die zijn toegepast op uw paginasjabloon.

Hoe centreer ik een CTA?

De stappen om een CTA (Call-to-action) te centreren hangen af van het type paginasjabloon dat je gebruikt.

Om een CTA te centreren in een starter sjabloon, een thema sjabloon, of een gecodeerde sjabloon met een drag and drop gebied, kunt u een CTA module centreren in de module's Uitlijning instellingen:

  • Klik in de pagina-editor op uw CTA om deze te selecteren.
  • Klik in het linkerpaneel op het tabblad Stijlen.
  • Klik op Uitlijning en spatiëring om deze opties uit te breiden.
  • Klik in de sectie Uitlijning op het pictogram blockAlignmentCenter center-aligned.

center-a-cta

Om een CTA te centreren in een lay-outsjabloon die in de design manager is gemaakt, kunt u de CTA het beste toevoegen aan een rijke tekstmodule en centreren in de module.

  • Klik in de pagina-editor op een rijke tekstmodule om deze te selecteren.
  • Klik in de navigatie bovenaan op Invoegen > Oproep tot actie.
  • Klik op de CTA om hem te selecteren en klik dan op Invoegen.
  • Klik in uw rijke tekstmodule op de CTA om het dialoogvenster CTA-opties te activeren.
  • Klik in de sectie Layout op het pictogram blockAlignmentCenter center-aligned. Hierdoor wordt uw CTA gecentreerd binnen de rijke tekstmodule op uw pagina.

Als u CSS kunt bewerken, kunt u uw lay-out aanpassen zodat de inhoud van deze module altijd gecentreerd is.

Hoe kan ik mijn paginasjabloon bewerken?

Om het sjabloon van uw pagina te bewerken, kunt u het sjabloon openen op het tabblad Instellingen in de pagina-editor.

Let op: als u het sjabloon wijzigt dat is toegepast op een bestaande pagina, kunt u alleen sjablonen selecteren van hetzelfde type als het huidige sjabloon. Als de pagina gebruik maakt van de drag and drop editor, kunt u alleen overschakelen naar een sjabloon dat is ingeschakeld voor drag and drop editing.

  • Navigeer naar je inhoud:

    • Website pagina's: { local.navWebsitePages }}
    • Landingspagina's: { local.navLandingPages }}
    • Blog: Navigeer in uw HubSpot account naar Marketing > Website > Blog.
    • Email: Navigeer in uw HubSpot-account naar Marketing > E-mail.
  • Beweeg in het dashboard met de muis over de pagina, het bericht of de e-mail waarvoor u het sjabloon wilt bewerken en klik vervolgens op Bewerken.
  • Klik op het tabblad Instellingen bovenaan de inhoudseditor, scroll dan naar beneden en klik op Geavanceerde opties.
  • Om de sjabloon te bewerken, klikt u in de rubriek Sjabloon op Deze sjabloon bewerken.

    editor-edit-this-template

Als u het sjabloon dat voor deze pagina wordt gebruikt wilt wijzigen, klikt u op Ander sjabloon gebruiken.

Kan ik wijzigingen aanbrengen in de broncode van mijn pagina?

Richtext modules bieden toegang tot de broncode in de meeste soorten sjablonen. Om toegang te krijgen tot de broncode, klikt u op een rijke tekstmodule om de werkbalk van de editor te activeren. Klik rechtsboven op Geavanceerd > Broncode. Voer eventuele wijzigingen door en klik vervolgens linksonder op Wijzigingen opslaan.

Let op: het is niet mogelijk om toegang te krijgen tot de broncode in starter templates.

Hoe zweef ik afbeeldingen voor een tekst wrap effect?

U kunt een afbeelding zweven in elke rijke tekst module met de uitlijningsopties voor elke afbeelding. Voeg eerst de afbeelding in die je op de pagina wilt plaatsen. Klik vervolgens op de afbeelding in de inhoudseditor om de opmaakopties te openen.

Hoe voeg ik een video- of audiobestand toe aan mijn pagina?

  • U kunt een video-URL van een ondersteunde provider insluiten in alle soorten paginasjablonen.
  • Met HubSpot video, mogelijk gemaakt door Vidyard, kunnen Marketing Hub Professional en Enterprise en CMS Hub accounts video-inhoud toevoegen in een rijke tekstmodule en video-analyses bijhouden in HubSpot. Deze functie is niet beschikbaar in starter templates.
  • Er is ook een Vidyard integratie beschikbaar voor HubSpot.

Hoe kan ik de achtergrondkleur voor één pagina veranderen?

Startsjablonen, themasjablonen en gecodeerde sjablonen met een gebied voor slepen en neerzetten bevatten paginasecties met opties voor de achtergrondstijl. Leer hoe u de stijl kunt bewerken die op de achtergrond van een sectie wordt toegepast.

Voor lay-outsjablonen kan de achtergrondkleur van een individuele pagina worden gewijzigd door eenvoudige CSS toe te voegen aan de hoofd-HTML van een websitepagina of landingspagina.

  • Navigeer naar je inhoud:

    • Website pagina's: { local.navWebsitePages }}
    • Landingspagina's: { local.navLandingPages }}
  • Beweeg de muis over de pagina die u wilt aanpassen en klik op Bewerken.
  • Klik op het tabblad Instellingen , scroll dan naar beneden en klik op Geavanceerde opties.
  • Voeg de volgende code toe in de Head HTML sectie. Vervang de kleur rood door een kleur naar keuze, hetzij met behulp van de naam of de HTML hex waarde.
<style>
body {
background-color: red;
}
</style>

Let op: iAls u niet bekend bent met het bewerken van CSS, neem dan contact op met de originele ontwerper van uw template of vraag advies op het CMS Ontwikkeling Forum.

Uitgeverij Page

Kan ik vorige versies van mijn pagina terugzetten?

Je kunt opgeslagen versies van je pagina bekijken met de pagina revisies tool. Als je werkt aan de conceptversie van een pagina, worden je wijzigingen opgeslagen elke keer dat je op de knop Opslaan rechtsboven klikt. Nadat uw pagina is gepubliceerd, worden alle nieuwe gepubliceerde versies ook opgeslagen in de revisiegeschiedenis.

view-revisions-new-editors

Kan ik personalisatie op mijn pagina gebruiken?

U kunt uw pagina's personaliseren met elke contacteigenschappen of aangepaste eigenschap. Wanneer u een personaliseringstoken toevoegt, zorg er dan voor dat u ook een standaardwaarde toevoegt voor nieuwe bezoekers. Om een personaliseringstoken een waarde voor een contactpersoon te laten tonen, moet de contactpersoon moet een contactrecord hebben in uw HubSpot-account en een bekende waarde hebben voor de eigenschap die wordt gebruikt als het token.

Hoe link ik naar een PDF nadat een bezoeker een formulier heeft ingevuld op mijn landingspagina?

U kunt bezoekers op twee manieren doorsturen naar gated content (bijv. een PDF-bestand of video) nadat ze uw HubSpot-formulier hebben verzonden:

U kunt een pagina laten verlopen en bezoekers omleiden naar een nieuwe URL nadat uw promotie is afgelopen of de evenementdatum is verstreken. Op het tabblad Instellingen van de pagina editor, cklik op de knop Wanneer een pagina vervalt, verwijs bezoekers dan naar om te selecteren waarheen deze pagina moet worden omgeleid nadat deze is verlopen. Selecteer een van je gepubliceerde HubSpot pagina's, of klik op + Voer een externe URL om uw HubSpot-pagina om te leiden naar een externe pagina.

Waarom wordt mijn pagina niet gepubliceerd?

HubSpot's pagina's en blog posts vereisen een waarde in de Interne pagina naam, Pagina titelen Pagina url velden voordat de Publiceren optie zal verschijnen in de editing interface.Elke inhoud die u publiceert moet ook een unieke URLhebben.

Als er op uw pagina verplichte velden ontbreken, ziet u een waarschuwing met een lijst van verplichte velden wanneer u met de muis over de knop Publiceren rechtsboven gaat.

required-fields-for-publishing

Kan ik een landingspagina aan meer dan één campagne koppelen?

Elke individuele landingspagina en websitepagina kan slechts worden gekoppeld aan één campagne in HubSpot.Het toevoegen van middelen of inhoud die al geassocieerd zijn met een andere campagne aan een nieuwe campagne zal deze verwijderen uit de huidige campagnes.

Kan ik een verwijderde pagina herstellen?

Op dit moment is er geen manier om verwijderde HubSpot pagina's te herstellen in de app. Als u per ongeluk een HubSpot-pagina hebt verwijderd die u wilt herstellen, neem dan contact op metSupport.

Pagina Analytics

Hoe vaak worden de gegevens op het dashboard van de landingspagina bijgewerkt?

Analytics en statistieken op het paginadashboard en uw website-analysetools worden elke 20-30 minuten bijgewerkt.

Als ik de URL van mijn pagina verander, worden de analytics dan verwijderd?

De gegevens zullen niet verdwijnen uit het pagina dashboard als u de URL van een pagina wijzigt. HubSpot gebruikt een uniek identificatienummer voor elk van uw pagina's om hun prestaties te volgen. Hierdoor kan de URL van een pagina worden gewijzigd zonder enige verstoring van uw gegevens.

Let op: in tegenstelling tot het dashboard van de landingspagina, beschouwt het pages rapport pagina's uniek op basis van URL. Als u de URL van een landingspagina wijzigt, zullen pagina's de weergaven van de pagina op de nieuwe URL bijhouden in plaats van de oude URL.

Hoe kan ik de analyses voor een specifiek tijdsbestek zien?

Om de analytics van een pagina voor een bepaalde tijd te bekijken:

  • Navigeer naar je inhoud:

    • Website pagina's: { local.navWebsitePages }}
    • Landingspagina's: { local.navLandingPages }}
  • Ga met uw muis over uw pagina, klik op de Meer dropdown menu, en selecteer Details.

Klik op het tabblad Prestaties op het vervolgkeuzemenu Datumbereik om analyses te segmenteren voor een aangepast datumbereik.

Wat is het verschil tussen nieuwe en ingediende contacten?

  • Het aantal inzendingen geeft het aantal keren aan dat een formulier op de pagina werd ingediend.
  • Het aantal nieuwe contacten geeft het aantal bezoekers aan die een contact zijn geworden door het formulier op de pagina in te vullen. Als bijvoorbeeld een van uw bestaande contacten een formulier invult op uw landingspagina, wordt hij niet beschouwd als een nieuw contact.

Als een contactpersoon meerdere formulieren invult en klant wordt, telt hij dan als klant voor al die landingspagina's?

Het contact zal alleen als klant worden weergegeven in de statistieken voor de eerste landingspagina die zij hebben ingediend. Ze tellen mee voor de inzendingen op alle vijf landingspagina's, maar verschijnen alleen onder Nieuwe contacten en Klanten op de eerste landingspagina die ze hebben voltooid.

Als ik een formulier op mijn eigen landingspagina bekijk en verstuur, wordt mijn test dan geteld?

Als uw IP-adres gefilterdisuit analytics in uw rapportinstellingen, zullen uw testweergaven en inzendingen niet meetellen voor de inzendingsgegevens van de pagina.

Waarom verschijnen recente formulierinzendingen niet meteen in de analytics van mijn pagina?

Er kan een vertraging van 20-30 minuten optreden tussen het moment dat een contactpersoon een formulier indient en het moment dat dit verschijnt in de statistieken van die pagina. Om de meest recente inzendingen op een formulier te zien, navigeert u naar uw formulieren dashboard. { local.navForms }} Beweeg de muis over het formulier op uw landingspagina en klik op het vervolgkeuzemenu Acties , selecteer vervolgensVerzendingen bekijken.

Hoe wordt omgegaan met dubbele formulierinzendingen?

Elke keer dat een formulier wordt ingevuld, telt dat mee voor het totaal aantal inzendingen op uw pagina. Als dezelfde contactpersoon het formulier op uw landingspagina meer dan eens indient, zal elk van deze inzendingen worden meegeteld.