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

Bekijk uw inhoud op verschillende apparaten

Laatst bijgewerkt: april 1, 2021

Geldt voor:

Alle producten en plannen

Tijdens het bewerken van een blog post, website pagina, landing page, of e-mail in HubSpot, kunt u een voorbeeld zien van hoe uw inhoud zou renderen op verschillende apparaattypen. U kunt ook personalisatieof slimme inhoudtesten dooreen voorbeeld te bekijken van uw inhoud als een specifiek contact.

Responsive ontwerp begrijpen

Alle HubSpot drag and drop templates zijn standaard responsive; Uw inhoud wordt aangepast om op verschillende schermformaten te passen. Een afbeelding die is ingesteld om een achtergrond te vullen, kan bijvoorbeeld anders worden bijgesneden om op een kleiner scherm te passen. Lees meer over veelgestelde vragen over responsive design.
In tegenstelling tot sjablonen met slepen en neerzetten, zijn sjablonen met aangepaste codering niet standaard responsive. Ontwikkelaars kunnen de CMS Developer Documentation gebruiken om responsieve sjablonen te bouwen.

Een voorbeeld van een pagina of blogbericht bekijken

    1. Klik opIn nieuw venster openen om een live-voorvertoning van uw pagina in een nieuw tabblad in uw browser te bekijken.
    2. Om de URL van de voorvertoning naar je klembord te kopiëren, klik je opDeelbare link kopiëren . Alleen HubSpot gebruikers die bij uw account zijn aangemeld, hebben toegang tot uw deelbare link.
    3. Klik op de pictogrammen voor mobiele apparatenom te zien hoe uw pagina wordt weergegeven op mobiele, tablet- of desktopweergaven .
    4. Als u een voorbeeld wilt bekijken van depersonalisatie van uw paginavoor een specifieke contactpersoon, klikt u op het vervolgkeuzemenu Voorbeeldals en selecteert u Contactpersoon. Klik vervolgens op het vervolgkeuzemenu Kies een contactpersoon om een voorbeeld te bekijken en selecteer een contactpersoon.
    5. Als u een voorbeeld wilt bekijken van de slimme inhoud van uw pagina voor specifieke regels, klikt u op het vervolgkeuzemenuVoorbeeld alsen selecteert u Slimme regel. Klikvervolgens op het vervolgkeuzemenu Een slimme regel selecteren enselecteer een slimme regel .

preview-a-page-2

Een voorbeeld van een kennisbankartikel

  • Navigeer in uw HubSpot account naar Service > Kennisbank.
  • Beweeg de muis over uw artikel en klik op Bewerken.
  • Klik in de rechterbovenhoek opVoorbeeld. Je ziet een live voorbeeld van je pagina in een nieuw tabblad in je browser.

Een voorbeeld van een e-mail bekijken op verschillende apparaten

  • Navigeer in uw HubSpot-account naar Marketing > E-mail.
  • Beweeg de muis over uw e-mail en klik op Bewerken.
  • Klik rechtsboven in het vervolgkeuzemenu Acties en selecteerVoorbeeld. U ziet nu een voorbeeld van uw e-mail op een tablet en een mobiel apparaat.
  • Op het tabblad Apparaten van het voorbeeldscherm kunt u het voorbeeld op verschillende apparaten aanpassen:
    1. Om te testen personalisatieofslimme inhoud, klikt u op de knopVoorbeeld als een specifiek contact vervolgkeuzemenu en selecteer een contactpersoon.
    2. Als u uw voorbeeld wilt delen, klikt u rechtsboven op Deelbare link kopiëren. Alleen HubSpot gebruikers die bij uw account zijn aangemeld, hebben toegang tot uw link om te delen.
    3. Als u een voorbeeld van de platte tekstversie van uw e-mail wilt bekijken, klikt u op om de optie voor deweergavevan plattetekstaan te zetten.

preview-your-email

Een voorbeeld van een e-mail in verschillende clients

  • Navigeer in uw HubSpot-account naar Marketing > E-mail.
  • Beweeg de muis over uw e-mail en klik op Bewerken.
  • Klik rechtsboven in het vervolgkeuzemenu Acties en selecteerVoorbeeld. U ziet nu een voorbeeld van uw e-mail op een tablet en een mobiel apparaat.
  • Op het tabblad Clients van het voorbeeldscherm kunt u zien hoe uw e-mail er in verschillende e-mailclients uitziet:
    1. Klik bovenaan het voorbeeldscherm op Clients.
    2. Testen vanpersonalisatieofslimme inhoudte testen, klikt u op de knopVoorbeeld als een specifiek contact vervolgkeuzemenu en selecteer een contactpersoon.
    3. Als u naar een specifieke e-mailclient wilt zoeken, voert u de naam van de client in de zoekbalk in.
    4. Als u een voorbeeld van de e-mail voor een specifieke client wilt bekijken, schakelt u het selectievakje naast die client in.
    5. Als u wilt zien hoe de e-mail eruitziet voor contactpersonen bij wie beeldblokkering is ingeschakeld, klikt u op om de schakelaar Beeldblokkering in te schakelen.
    6. Klik rechtsboven op Testmijn e-mail nu. Als u de resultaten van een eerdere test wilt bekijken, klikt u linksonder op hetvervolgkeuzemenu Resultaten van uw vorige e-mail hierbekijken en selecteert u een testdatum.

preview-your-email-in-different-clients-2