Adobe Experience Manager Hints & Tips

Adobe Experience Manager Hints & Tips

Got yourself a job as a new Adobe Experience Manager author? Congratulations! Here are some great tips compiled from my recent work at to help you on your way:

1. Using Dual Monitors Will Improve Your Output.

Corporate environments can be challenging places to work in sometimes. A lot of money gets spent on the licensing fee, project management, server setup, and maintenance. When it comes to the humble author, you know, the guy or gal who is going to be doing all the button pressing then they can often be overlooked in the grand scheme of things.

Insist on a dual monitor setup. A dual monitor setup is necessary because compressed images need to be compared using the same monitor display. You can’t compare a compressed image across two different display screens (monitor/laptop) because they will look entirely different. It’s an essential step to making sure you have the optimal resolution for your images.

Using dual monitors also makes for fast copying and pasting, comparing text passages, comparing pages and a whole lot more. It’s an essential requirement for this line of work.

2. Follow The Content Plan Spreadsheet.

When you are working on your website, the order in which things get done can be “ad hoc” and messy. You get an idea; you research your keywords, you make the page and then figure out how to add images and make it look beautiful. In AEM everything is structured which makes page creation easy but you do need to keep a record of everything you’ve created.

Ideally, you’ll have a master content spreadsheet from which to work. You should fill in the details to indicate whether page thumbnails need making, as well as page headings, meta description, content is complete or draft, waiting for approval or feedback. Without this, content creation will become an unorganised mess, particularly if you have two or three stakeholders/managers firing requests at you who all have urgent deadlines to meet.

Do yourself a favour and insist everyone stick to the spreadsheet format and keep it updated.

Using dual screen monitors

3. Moving And Deleting Files

One of the key features of AEM that you’ll need to master very quickly is moving and deleting files because getting it wrong can cause a lot of broken links in short order.

A) Create a new page from your page template. Call it templatepagenew.html. Do not overwrite the existing page.
B) Delete the old page
C) Move your newly created page to templatepage.html

This method is entirely opposite to traditional web authoring where you would first rename your target page to .old or .backup. If you do that, then you will move all the page references as well. Not cool. Now you’ll have to fix each page affected individually, and there could be hundreds of them!

4. Digital Asset Manager

Adobe Experience Manager excels at managing digital assets. Images and image management is made very easy with the digital asset manager. You will need to keep the DAM tidy though otherwise, you’ll quickly be unable to find images in the huge pile. Search for and remove unused images using the tools>references command and make plenty of folders and subfolders to store them. Devise an easy tagging system to make your images searchable.

5. Image Creation

Finding approved original images can be a challenge. Depending on your AEM setup you should make all the sizes that will be needed in the future while you have the original image loaded up in Photoshop. Going back trying to find source imagery is probably the biggest time drain in the whole page creation process.

6. Be good At Collecting Documentation

What can seem the most useless information today can be relevant tomorrow. Keep a record of build numbers and the changelog so that you know when components were updated or altered. If they start to display incorrectly, you’ll be able to pinpoint the exact cause. Collect any author guides, user access to image libraries and other documentation together and find a home for it on a shared drive or SharePoint folder.

7. Useful Chrome Extensions

Clear Cache
This extension will clear your browser cache with a single click and reload the page without removing other items you want to keep like cookies, downloads, etc. Use it to make sure you are viewing the most current version of the page because images will cache.

2. Ruler
Page ruler lets you measure the exact display size of a picture so you can crop and scale it to the correct dimensions. Knowing the exact image dimensions is useful when you don’t want to lose resolution or image focus.

3. Fill form inputs
Fill form inputs will fill all the form fields on a page with dummy data. Useful for form testing.

4. Image size info
Image size info will give up the image information by hovering your cursor over the picture.

5. Grammarly
Ensure text doesn’t contain basic grammatical errors.

6. Wappalyzer
Will tell you what CMS platform and framework a website is running on.

7. Eyedropper
Pick colours with an eyedropper and reveal their hex notation. Useful for matching colours.