Website Pages

Herontwerp en herlancering van uw site met content staging

Laatst bijgewerkt: oktober 19, 2020

Geldt voor:

CMS Hub  Professional, Enterprise

Met de content staging tool kunt u uw website pagina's herontwerpen en opnieuw lanceren in een staging omgeving. U kunt bestaande HubSpot-hosted pagina's herontwerpen en vervangen, of nieuwe pagina's maken vanaf nul. Elke inhoud die wordt gemaakt en gepubliceerd in content staging wordt gehost op your-domain.sandbox.hs-sites.com

. Wanneer u klaar bent om uw herontworpen pagina's live te laten gaan, kunt u de live pagina's op uw website met één klik vervangen. De originele pagina's op uw website worden automatisch gearchiveerd.

Let op: dit artikel behandelt hoe u de content staging tool kunt gebruiken om de inhoud van uw website te herontwerpen in HubSpot. Als u op zoek bent naar een sandbox-omgeving om nieuwe assets te bouwen en te testen, leer dan hoe u een gratis CMS Developer Sandbox-account kunt aanmaken.

Voordat u begint

Als u de content staging tool nog nooit eerder hebt gebruikt, bekijk dan deze bronnen met tips voor het plannen van uw website herontwerp:

Er zijn een paar extra aantekeningen en beperkingen waar u zich bewust van moet zijn met de content staging tool:

  • Wijzigingen aan een paginasjabloon of globale content in contentstaging zal worden gereflecteerd op live-pagina's met behulp van deze middelen. Het wordt aanbevolen om kloon uw sjablonen of globale inhoud voordat u ze in de inhoudsopstelling bewerkt.
  • Decontent-stagingtoolondersteunt momenteel geen meertalige content.
  • De contentstagingtool ondersteunt geen herontwerp van een blog. In plaats daarvan kunt u het sjabloon van uw blog vervangen in uw instellingen.
  • Wanneer u een geënsceneerde kloon van een bestaande pagina op uw live-website publiceert, wordt de analyse van de originele pagina overgenomen.

Wijzigen van het domein van uw website (optioneel)

Als uw herontworpen website wordt gehost op een nieuw domein, voeg dan het nieuwe domein toe aan uw domeinmanager in uw instellingen. U zult uw DNS-records niet meteen bijwerken, maar door het domein in uw domeinmanager toe te voegen, kunt u het instellen in de contentstagingtool. Wanneer u eindelijk klaar bent om uw nieuwe website live te nemen, zult u klaar zijn met het verbinden van het nieuwe domein met HubSpot door het updaten van uw DNS-records in uw DNS-provider.

Volg deze stappen om uw domein toe te voegen in de domeinmanager:

  • Klik in uw HubSpot-account op de instellingenpictogram settings in de hoofdnavigatiebalk.
  • Klik in het linker zijbalk menu op Domeinen & URL's.
  • Klik in de rechterbovenhoek op Verbinden van een domein.
  • Verbind uw domein als secundair domein. Wanneer u de stap Hosting Setup bereikt, klikt u rechtsonder op Annuleren.
  • Beweeg de muis over het nieuwe domein in de domeinmanager en klik op het vervolgkeuzemenu Bewerken en selecteer Instellen als klaar voor publicatie. Met deze instelling kun je dit nieuwe domein selecteren als de bestemming van je geënsceneerde content voordat het volledig is verbonden met HubSpot.

set-domain-as-ready-for-publishing

Navigeer naar contentstage

Om te beginnen met de content staging tool, navigeert u naar het dashboard van uw website pagina's.

  • ."}'>Navigeer in uw HubSpot-account naar Marketing > Website > Websitepagina's.
  • Klik in het linkerzijpaneel op het vervolgkeuzemenu More tools en selecteer Content staging.

access-content-staging

Op het content staging dashboard ziet u al uw bestaande live pagina's en eventuele geënsceneerde pagina's.

  1. Gebruik het domein dropdown menu om uw bestaande pagina's voor een specifiek domein te bekijken. Het domein dat u hier selecteert, is de plaats waar uw herontworpen pagina's worden gepubliceerd en gehost.
  2. Gebruik het vervolgkeuzemenu Alle paginatypen om te filteren op alleen landingspagina's of websitepagina's. Standaard worden al uw landingspagina's en website pagina's getoond.
  3. Het tabblad Beheer bevat de bestaande pagina's op uw site. U kunt op het tabblad Publiceren klikken om herontworpen pagina's te zien die op uw sandbox-domein zijn gepubliceerd. Het tabblad Logboek bevat alle pagina's die naar uw live-website zijn verplaatst.
  4. De tabs in het linker zijbalk-menu bevatten:
    • Ongewijzigd: een lijst van bestaande pagina's die niet zijn gewijzigd in de tool.
    • Staged draft: een lijst van pagina's die u in scène heeft gezet, maar nog niet op uw staging-domein heeft gepubliceerd.
    • Stagedproof: een lijst van pagina's die u op uw staging domain heeft gepubliceerd. Bekijk hier uw werk voordat u het live neemt.
  5. Meer tools: klik om de tools uit te breiden die u gebruikt om uw website te beheren, inclusief uw designmanager, bestandsmanager en content-instellingen.

content-staging-dashboard

Herontwerp van uw pagina's

Er zijn drie manieren waarop u de contentstagingtool kunt gebruiken om een pagina opnieuw te ontwerpen.

  • Een kloon van een bestaande pagina in scène zetten
  • Stadium een lege pagina ter vervanging van een bestaande pagina
  • Maak een nieuwe geënsceneerde pagina aan

Stadium een kloon van een bestaande pagina

Gebruik deze optie als u een deel van uw bestaande inhoud op de herontworpen pagina wilt behouden.

  • Ga met de muis over de pagina die u wilt opvoeren en klik vervolgens op Stage.
  • Selecteer in het dialoogvenster Stage gekloonde pagina.
  • Klik op Stage page om een kloon van je live pagina te openen in de content staging editor.
  • Maak uw bewerkingen aan uw inhoud in de pagina-editor. Houd er rekening mee dat wijzigingen in uw sjablonen, globale inhoud of stylesheets invloed hebben op bestaande live-inhoud.
  • Nadat u uw bewerkingen hebt voltooid, klikt u op Publiceren voor de staging.


Stadium een lege pagina ter vervanging van een bestaande pagina

Gebruik deze optie als u een volledig nieuwe pagina wilt maken ter vervanging van een bestaande URL op uw site. De pagina die u ontwerpt in content staging zal uiteindelijk de originele live pagina die u aan het ensceneren bent vervangen.

  • Beweeg met de muis over de pagina die u wilt en klik vervolgens op Stage.
  • Selecteer in het dialoogvenster Stage blanco pagina.
  • Klik op Stage-pagina.
  • Selecteer een sjabloon voor uw nieuwe geënsceneerde pagina. Houd er rekening mee dat eventuele wijzigingen in uw sjablonen, globale inhoud of stylesheets invloed hebben op bestaande live-inhoud.
  • Maak bewerkingen aan uw inhoud in de pagina-editor. Nadat u uw bewerkingen hebt voltooid, klikt u op Publiceren voor de staging.

Maak een nieuwe geënsceneerde pagina aan

Maak een nieuwe website pagina vanaf nul in content staging. Gebruik deze optie om een nieuwe pagina aan uw site toe te voegen die voorheen niet bestond. Als u een nieuwe pagina aan uw site toevoegt, bekijk dan uw geavanceerde menu's en maak een nieuwe navigatie

voor uw herontworpen site.
  • Klik rechtsboven op Een nieuwe geënsceneerde pagina maken.
  • Selecteer of u een nieuwe sitepagina of een landingspagina in scène wilt zetten.
  • Klik op Nieuwe landings-/website pagina in scène zetten.
  • Selecteer een sjabloon voor uw nieuwe geënsceneerde pagina. Houd er rekening mee dat eventuele wijzigingen in uw sjablonen, globale content of stylesheets invloed hebben op bestaande live content.
  • Maak bewerkingen aan uw inhoud in de pagina-editor. Nadat u uw bewerkingen hebt voltooid, klikt u op Publiceren voor de staging.

Nadat u een pagina heeft gepubliceerd naar content staging, klikt u op Terug in de linkerbovenhoek van uw paginadetails om terug te keren naar uw originele pagina's dashboard. Klik op het vervolgkeuzemenu Meer tools en selecteer Content staging

om terug te keren naar uw contentstagingtool.

Neem uw geënsceneerde site live

Nadat u het herontwerp van uw website heeft voltooid, kunt u uw pagina's live meenemen.

Let op:

  • Uw originele pagina's worden op gearchiveerd nadat u uw geënsceneerde pagina's live heeft opgenomen. Dit betekent dat links naar deze interne pagina's die verbonden zijn met formulieren of menu-items verloren gaan.
  • Als u een formulierhebt ingesteld om naar een van uw geënsceneerde pagina's te verwijzen bij het indienen, moet u uw formulieropties updatenom naar de volledige URL van uw pagina te verwijzen.
  • Zodra uw geënsceneerde pagina's live gaan, zal HubSpot automatisch redirects instellen van de originele sandbox URL's naar hun nieuwe URL's. Alle links naar de originele sandbox URL's zullen nu doorverwijzen naar de URL's van de nieuwe live pagina's.
  • Als een van uw geavanceerde menu's zijn gekoppeld aan de interne paginanamen van de door u ontworpen pagina's, u dient deze menu's bij te werken voordat u uw stage site lanceert. Het gebruik van de volledige URL van de pagina in plaats van de paginanaam zorgt ervoor dat uw links blijven werken aan de nieuwe versie van uw site.
  • Klik in het dashboard van uw contentstage op het tabblad Publiceren.
  • Publiceer uw geënsceneerde pagina's:
    • Om een enkele pagina te publiceren, gaat u met de muis over de paginanaam en klikt u op het uitklapmenu met deinstellingen van de versnelling , waarna u Publish to live domain selecteert.
    • Om pagina's in bulk te publiceren, selecteert u de selectievakjes naast de paginanaam. Klik vervolgens op Publiceren x pagina's naar live domein.

publish-to-content-staging

  • Geef de publicatiejob een Publiceren Job Naam. U gebruikt dit om uw publicatiegeschiedenis te bekijken in het Logboekgedeelte van uw contentstagingtool.
  • Voer een Publicatie Publicatie Publicatie Job Beschrijving in van wat er is veranderd en waarom.
  • Klik op Volgende.

name-content-staging-job

  • Bekijk de details van uw publicatietaak, inclusief een lijst met alle pagina's die worden bijgewerkt. Als alles er goed uitziet, selecteer dan het selectievakje om te bevestigen en klik vervolgens op Publiceren.

Let op: Als u een waarschuwing ziet over URL-conflicten of URL-discrepanties, bevestig dan dat de inhoudsslakken voor uw geënsceneerde pagina-URL correct zijn. Het publiceren van de geënsceneerde pagina vervangt de inhoud die op dit moment live is op deze URL op je website.

Je baan wordt in een wachtrij geplaatst voor publicatie. U kunt de status van de vacature bekijken in het tabblad Logboek van uw dashboard. Wanneer uw job voltooid is, ziet u een volledige geschiedenis van uw job en de gepubliceerde pagina's.