Page versioning helps content authors to track changes associated with a page by creating a page version and provides an option to preview a version, restore a version, and compare a version with the current version of a page.
Hi there, for an AEM sites content author, some of the day to day activities involve creating, managing and organizing content. Authoring a sites page is an iterative process. Content authors often need to make updates to a site page to fuel the needs of an end user and to improve the overall experience.
At the same time it is essential to track what changes executed by a content author helps to drive the business goals and improve user engagement. To help with tracking changes and how it impacts your business, AEM provides content authors with the ability to track changes associated specific page by creating a page version. Lets see how to create a page version for your site. From a AEM home page navigate through AEM sites console and open the WKND sample site. As a content author, we have been assigned a task to create a new version for the WKND site River Rafting adventure page. Before we explore page versions, lets open a sample WKND site page and make some content edits. Using the content oddly lets switch the background image for our page, and make some changes to the text component right underneath the image component.
Once you’re done with all the changes, lets see how to save our page changes as a new page version.
Lets navigate back to the AEM sites console, from the real selected dropdown select the timeline option, select the page and the site toolbar gets displayed. The timeline displays the historic log of a specific page while versioning creates a snapshot of a page at a specific point in time. When you’re in the timeline option, you can filter the timeline using the dropdown here. The timeline displays all the events associated with the page and lets filter the timeline just by versions. The page that we edited has an initial page version created, and our changes are added on top of it.
Select the page that we’re interested in and lets create a new version by clicking on the arrowhead by the comment field to reveal the options, and then choose save as version option. Provide a version label and comment for your version. Simply clicking on the create option without providing any version would still create a page version, with default version name and number. So all our content changes are now saved as a new version under the page timeline.
Within the saved page version, content authors can quickly preview a version, can compare your saved version with the current version of the page, and make a specific page version to current. In our case, version two is the current version. So lets click on version one and select the compare to the current version.
Page difference window opens up providing an convenient side by side comparison of two page versions but the differences in each version highlighted. The current version gets displayed on left hand side, and the version you’re comparing it with opens on the right hand side. To focus on a particular content, you can click on the full screen icon from either side of the side by side difference to enlarge it to the full browser window.
Using the page version, you can also revert your page to a specific version. When you’re on this option the current page version would be updated with the page version, that you selected and the changes gets reflected in the timeline. Lets quickly preview the current page version and you can notice that our content changes are reverted, but since we saved a version of our changes we can obvious use the timeline and view our changes in the future.
You can also create a new page version from the sites console by selecting the page, and then create a new version using the page top toolbar options. AEM provides content authors with an option to keep track of their changes by using page versions. -
Versioning creates a snapshot of a page at a specific point in time. With versioning, you can perform the following actions: