add header-preview and footer-preview for front end use