Home » Spotlight » Tips & Tricks

Here are some new tips and tricks about static pages. Most of the static page functionality in the platform is straight-forward, but there are a number of features that are new or not widely known that can really help make these pages look as slick as possible.

As always, let us know if there are particular things that you would like us to delve into in more depth.

Static Landing Pages

PubFactory includes the ability to make static pages act as landing pages. These can be used as mini-homepages and/or the location for targeted mailings. Normally our static pages have built in navigation on the left side of the page and breadcrumb links at the top. Turning this functionality on hides those features and gives full control over the content area between the header and footer for the side. In other words it allows you to turn this:

Sample Landing Page

Into this:

Sample Landing Page

Doing this is as easy as checking the ‘Render as Full Screen’ checkbox in the static page CMS:

Sample Landing Page instructions

Custom CSS on Static Pages

Another thing that often comes up with static pages is the need for custom CSS. It is certainly possible to insert inline styles by switching to HTML mode, but there is a better way.

PubFactory allows for the inclusion of a custom CSS file that can be linked to from a static page. This allows for the creation of a consistent set of styles that can be used across many pages. Another nice aspect of doing things this way is that the platform will automatically wrap these styles so that they do not collide with platform defined styles.

To get this to work, you need to upload your CSS file into the static assets folder. The easiest way to do this is to pretend that the CSS file is an image and use the file uploader that is part of the image tool to get the file up on the server. I recommend putting your CSS file in a folder so that it does not get lost with the images and various other static assets that have been uploaded to the server.

Resources Browser showing a custom CSS file that has been uploaded to a custom-css folder

Once the file is in the correct location, then put the path to the file in the Stylesheet Path field for the page:

Fill in stylesheet path

Configuring a Custom 401 Page

And finally, here’s a trick to make a nice-looking Page Not Found page. It’s inevitable that occasionally users will traverse a bad link and end up on your site looking at the page not found message. By default, the platform produces something that looks like this:

401 Page not found

This is serviceable, but it could be better. Here is an example with some custom text and a search bar embedded in the page:

Better 401 Page not found

To create your own custom Page Not Found page simply create a static page whose name is set to ‘error404’:

Create custom 401 page

 


Quick links to access other Spotlight articles:

Client News
PubFactory Updates
The View from the Hidden Corner
Conferences & Webinars