Navigation

Tuesday, 3 April 2012

How to place custom HTML in the Office 365 public website footer

This is the second time I've come to do this, so thought I'd ping out a quick blog post showing how it works.

The requirement is simple, how to get a "proper" Copyright symbol in the footer of a public website? (although you can also use this technique for other methods too .. such as adding analytics tracking codes and JavaScript to your site!)

The Problem - OOTB dialog does now allow HTML editing
When you are using the standard Office 365 public website editor, you are stuck with the standard dialogs for header / footer / theme and such.

The "footer" dialog is woefully lacking, and doesn't even allow basic HTML editing


This unfortunately leaves you with an extremely basic footer text, missing items which you would normally include (such as the Copyright symbol ©).


SharePoint Designer to the rescue ..

Yes .. I admit I didn't really expect to hear myself saying this either, but it does seem like SharePoint designer is the answer here.

The actually footer text values are stored in the SPWeb.Properties bag, in a specific property called wh_footertext.

(in fact .. if you look through the properties there are all sorts of values to play about with, including the logo URL, Footer links, site usage information, and a few HTML placeholders for things like Left Nav and the Site Map .. well worth a look!).

So, when you open up SharePoint Designer you can actually get to the Properties values by using the Site Options link in the Ribbon;


This opens up a simple dialog picker where you can modify any of the available properties;


And when you edit the wh_footertext then you get complete control over the entire footer (including, interestingly enough, the wrapping SPAN tags as well!)


Having made this simple change we simply refresh our webpage and all is done :)


Another simple but quick one. Hope you find it useful!


2 comments:

  1. I got the copyright symbol without using Sharepoint on my computer by just pasting it in to the website editor. Seemed to work fine. I'm yet to experiment much with the Sharepoint "app" I downloaded onto my computer but it sounds like it'll give me even more options for customising my 365 site. Still quite angry with Microsoft for making me move from OfficeLive Small Business, didn't really have the time for that, it's moved over now though. Hope everyone managed to save their sites and emails ok. ANYWAY, fingers crossed we get to use and improve on 365 for a decent length of time, my OficeLive sites I only had for four years, could do without another transition, especially one not supported in any kind of sensible way. I'm ranting, cheers for working on it and coming up with solutions and work arounds.

    ReplyDelete
  2. Hi Martin,

    We featured your post on the Office 365 Community here - http://community.office365.com/en-us/b/the_grid/archive/2012/06/26/how-to-place-custom-html-in-the-office-365-public-website-footer-grid-user-post.aspx

    Great job!
    -Josh.

    ReplyDelete

This blog has been moved to www.martinhatch.com

Note: only a member of this blog may post a comment.