Landing Pages

Bekijk uw inhoud op een mobiel apparaat

Laatst bijgewerkt: oktober 19, 2020

Geldt voor:

Alle producten en plannen

Terwijl u werkt aan een blogbericht, websitepagina, landingspagina of e-mail in HubSpot, kunt u een voorbeeld zien van hoe uw inhoud zou worden weergegeven op verschillende toesteltypes. U kunt ook personalisatieof slimme contenttesten dooreen preview van uw contentte bekijkenals een specifiek contactpersoon.

Hoe responsief ontwerp werkt

Alle HubSpot slepen en neerzetten sjablonen bevatten mediavragen die je inhoud aanpassen zodat het past op verschillende schermformaten. De responsieve inhoud zal er niet op elk type apparaat hetzelfde uitzien. Een afbeelding die is ingesteld om een achtergrond te vullen, kan bijvoorbeeld anders worden uitgesneden om op een kleiner scherm te passen.

Let op: aangepaste gecodeerde sjablonen zijn niet standaard responsief. Website-ontwikkelaars kunnen de CMS-ontwikkelaarsdocumentatie gebruiken om ervoor te zorgen dat de sjablonen die ze bouwen, snel reageren..

Bekijk uw pagina of blogbericht

Klik rechtsboven op Previewom te zienhoe uw pagina verschijnt voor de bezoekers van uw pagina.

  1. Apparaatvoorbeeld:klik op Openen ineennieuw venster om een livevoorbeeld van uw paginate zienin een nieuw tabblad in uw browser. Deze voorbeeldlink werkt voordat uw pagina daadwerkelijk wordt gepubliceerd. Klik op Copyshareable link omde link te kopiërennaar uw klembord om deze te delen met uw team.
  2. Slimme preview:klik op de preview alsdropdown menuom te zien hoe uw pagina zal verschijnen voor verschillende contactpersonen in uw database.
    • Selecteer eencontactpersoon omte zien hoe de personalisatiezal verschijnenop basisvan de waarden van de eigenschappen van die specifieke contactpersoon. Klik op het tweede dropdownmenu omeen specifiek contact uit uw database te selecteren.
    • Selecteer een slimmeregel omeen voorbeeld te geven van hoe slimme inhoudop uw pagina zalverschijnen voor contactpersonen die aan de criteria voldoen. Klik op het tweede dropdownmenu omeen specifieke slimme regel te selecterenvoor een preview.
  3. Type apparaat:klik op Mobile +Tabletom een livepreview van uw paginate zienop een telefoon of tablet. Klik op Bureaubladom een voorbeeld te zienvan hoe uw pagina op een webbrowser zal verschijnen.

preview-a-page

Voorbeeld van een e-mail in de drag and drop editor

  • Navigeer in uw HubSpot-account naar Marketing > E-mail.
  • Klik op de naam van uw e-mailontwerp.
  • Klik rechtsboven op hetvervolgkeuzemenu Acties en selecteer Voorvertoning. U ziet een voorbeeld van uw e-mail op een tablet en een mobiel apparaat.
  • Om te testenpersonalisatieofslimme inhoudKlik op deVoorbeeld als specifiek contactpersoondropdown menu om eencontactuit uw database.
  • Om uw preview te delen, klikt u op Copy shareable link in de rechterbovenhoek.
  • Nadat u klaar bent met het bekijken van uw inhoud, klikt u linksboven op Terug om terug te keren naar de e-mail editor.

Lees meer over hoe u uw e-mail kunt bekijken en testen in de editor voor slepen en neerzetten.

Voorbeeld van inhoud in een e-mail die is gemaakt met de klassieke editor

  • Klik op een apparaattype om een voorbeeld te zien van hoe uwinhoud zou worden weergegeven op een desktop, tablet of mobiel apparaat. Er zijn opties om apparaten in liggende en staande modus te bekijken.
  • Klik op Openenin een nieuw venster om eendeelbare versie van uw e-mail in een browservenster te zien, of klik op Kopiëren omdevoorbeeldlink te delen.
  • Om de personalisatie of slimme inhoud te testen, gebruikt u de Previewals een specifiek contact dropdownmenu om een contactpersoon uit uw database te selecteren.
  • Nadat u klaar bent met het bekijken van uw content, klikt u op Exit preview mode om terug te keren naar de content editor.

preview your content