Skip to content
Posted: 2nd March 2017

2017 is still in it's infancy and using the best packages in your Umbraco installations can help make your experience of using Umbraco much more enjoyable. I have been working with Umbraco for three years now, packages have come and gone, but some have stuck around for longer. Here you can read about the packages which I have used and recommend trying out.

Show me the packages

301 URL Tracker

https://our.umbraco.org/projects/developer-tools/301-url-tracker/

As of Umbraco 7.5, the CMS comes with its own 301 redirecter. What this does is when you move or rename a page in Umbraco, the 301 redirecter will put a redirect in place to send the user from the old pages URL to the new one. This helps a lot with SEO as Google hates it when it finds a 404 where a page used to be.

However, the 301 redirecter is not perfect. It is fast but it doesn't allow you to setup your own redirects. This can be a pain if you're migrating from an old site, or you need to set up some more comprehensive redirects.

This is where 301 Url Tracker comes in. This package has been around since Umbraco 4. It was actually the inspiration for the new built in redirector. It also tracks page changes and automatically adds new redirects, but you can set up your own redirects if required, which can also use regular expressions. The package doesn't 100% fit in with the Umbraco aesthetic, and it has some bugs mainly to do with performance, but these issues are small and can generally be fixed by upgrading to the latest version of the package.

Nested Content

Nested Content in the back office.

https://our.umbraco.org/projects/backoffice-extensions/nested-content/

Nested Content is a package I simply cannot live without when building even the most simple of Umbraco websites. It's a property editor that allows you to create repeatable content in Umbraco on a node using a doc type schema to model the repeatable content. This beats a host of other ideas such as using real nodes as it keeps all of the content for a page on one node. It's quick and easy to setup and it supports almost any property type you throw at it. Another great feature is that the data maps straight to IPublishedContent so you don't even need to learn anything new. One last reason to use Nested Content is there is instant Models Builder support.

An alternative to NC is Archetype, which offers nearly the same functionality but doesn't use the built in Umbraco doc types.

uSync

uSync in the back office

https://our.umbraco.org/projects/developer-tools/usync/

If you're not using Umbraco Cloud (aka, Umbraco as a Service (UaaS)), then you may need something like uSync to help with managing schema changes in Umbraco between dev/staging/live instances of your website. uSync can output some files which describe an Umbraco website, these files can then be copied to another Umbraco website which can then be used to update that website to be the same as the original website.

This saves anyone from needing to do the tedious work of adding new document types, templates, properties and whatever else to multiple Umbraco instances. Just copy the files over and it's all managed for you.

My original experience with uSync was a bit buggy, but I soon learned that using the packages manual mode made the package a bit more predictable.

Models Builder

https://github.com/zpqrtbnk/Zbu.ModelsBuilder/wiki

Before this package came along, I was writing custom C# models which reflect individual Umbraco nodes. These models would handle getting data out of Umbraco and made managing long lasting websites much easier. However, writing these models is potentially time consuming. This is where the Models Builder comes in. With the click of a button, a DLL or set of automatically generated C# files can be created which does all of this for you. This basically hands you strongly typed models which can be used with Visual Studios Intellisense for a better developing experience. The Models Builder truly has improved the way which I build websites and saves me time everyday.

This package actually comes built into Umbraco. Generally it is turned on by default, which can be a little confusing if you haven't built with Umbraco before. However, I strongly recommend reading the documentation on this package as it will help you in the long run.

If you're not into having models generated automatically (as this can give you less control over the resultant code), you may want to look into using Ditto as it can help speed up the rate which you can write your own models. I have not personally used Ditto as I love the Models Builder, but I think Ditto would have been great otherwise.

Umbraco Core Property Value Converters

https://our.umbraco.org/projects/developer-tools/umbraco-core-property-value-converters/

This package is a huge helper for anyone who uses the Models Builder as it changes the property types for core property editors in Umbraco from simplistic ones to something more useful. For example, if you use a Content Picker (node picker) in Umbraco, rather than giving you an integer to use in your code, you automatically get an IPublishedContent then and there. This saves time as you don't need to manually retrieve the document from the Umbraco cache and this also ensures that you can't make any errors in this process.

A note on using this package - it's best not to add it after a site has been built as it will change what the Models Builder outputs. This means that if your code expects a integer and is instead now being handed an IPublishedContent, your code will error!

Umbraco Forms (Contour)

https://our.umbraco.org/projects/developer-tools/umbraco-forms/

I have written about Umbraco Forms before, but would just like to reiterate for anyone else that this package is really quite nice. Umbraco Forms allows content editors in Umbraco to create forms of their liking which can then be added to the front end. This is great as it saves developers from needing to add or remove fields in the long run - the content editor can do all this as they need.

Umbraco Forms also saves form submissions into a database table which can all be accessed through the backoffice. This is great because if the SMTP details on your website suddenly stop working (it's happened before and I guarantee it will happen again), form submissions will still be saved in an easy to reach place.

The only downside of this package is that it costs 129 euros per a domain. However, you can test it on a localhost for free before you buy.

Iconator

Iconator in the back office

https://our.umbraco.org/projects/backoffice-extensions/iconator/

No article would be complete without some shameless self-promoting... That's why I'm sharing my own personal package called Iconator with you. It's a simple package which scans a CSS file for icon classes (using a regex) and allows a backend user to select the icon they want in a friendly and visual way.

I've used this package on a number of client websites as it solves an everyday problem. If you're not sure about icon fonts, you can see why they're great here.

Multi Url Picker

https://our.umbraco.org/projects/backoffice-extensions/multi-url-picker/

Multi Url Picker is another package which never misses an Umbraco installation for me. It's a simple property editor that allows you to pick either an internal Umbraco node or allows you to input a link to another website. The backend user can also supply a name for the picked link (which is great for putting in an anchor) and whether the link should open in a new tab.

A DLL is supplied with this package which gives you a model which you can cast the data to. This actually works really well as it just supplies you with a URL to print onto the page, no need to use the UmbracoHelper to get an IPublishedContent - it's all done for you.

Documento

Documento in the back office.

https://our.umbraco.org/projects/backoffice-extensions/documento/

This package made by GrowCreate isn't a must have, but it's nice to have regardless. It replaces the standard dashboard when you login to your Umbraco website with a slightly more helpful one which lists out all of the document types that have been setup in Umbraco, with some information about what each field does. It's pretty and it includes a link to an Umbraco editor manual which can be useful for new Umbraco editors.

Umbraco v6 MVC Razor Cheatsheets

https://our.umbraco.org/projects/developer-tools/umbraco-v6-mvc-razor-cheatsheets

This package is perhaps a little outdated by now but it's still quite relevant to Umbraco 7 since Umbraco 6 is architecturally very similar. This package is just a PDF cheatsheet which lists out all of the methods that are available to an Umbraco developer. I can remember referring to this sheet many times when I first got started with Umbraco and C#, and I would still recommend it to newer members of the community who aren't yet used to the ASP.NET stack.

Doc Type Grid Editor

https://our.umbraco.org/projects/backoffice-extensions/doc-type-grid-editor

This package is a must have if you're creating complicated Grid layouts in Umbraco. The idea of the package is simple yet revolutionary as it allows you to use Umbraco document types, much like Nested Content, except inside of the Umbraco Grid. This is great because adding functionality to the Grid can be a slow and cumbersome process. This package makes the process much quicker and cleaner by uniting different components of the backoffice together. Next time you work with the Grid and you need to output something a little more than a few columns (and you want to avoid the soon to be deprecated macro), then this package may fill you with happiness.

uComponents (Umbraco 6)

uComponents in the back office

https://our.umbraco.org/projects/backoffice-extensions/ucomponents

If you're lucky enough to be supporting an Umbraco 6 (or even Umbraco 4!) website then uComponents adds a bunch of functionality to the backoffice including my favourite pre-Umbraco 7 property editor called 'DataType Grid'. This property allows for repeatable content (a little like Nested Content but a lot less pretty and less developer friendly) in Umbraco.

I won't dwell on this package as it's back from the dark days. It's definitely worth noting that there is no clear path for upgrading a website from Umbraco 6 to Umbraco 7 when the data is stored in uCompontents data types. You must either manually migrate the data or figure out some programmatic route. Either way, it can take some time.

Round up

There are some more packages which I use but nothing super essential. This list is already pretty comprehensive and should give any Umbraco user an idea of what's out there. If there's anything extra then you should mention it below, maybe there's something I haven't heard of yet which needs adding to this list!

Related blog posts

Determining the length in seconds of a folder of MP3 files using NodeJS

NodeJS is a great quick and easy tool which allows you to quickly hack together any script which can save you time. In this post I show how I used Node to get the length in seconds of a bunch of MP3 files in the folder.

Posted: 8th January 2017

Understanding Threads and Static Classes in C#

Writing static classes can cause problems if thread safety isn"t properly considered. In a program I helped write, some surprising results occured which could have easily been avoided by ensuring my properties weren"t getting shared between threads. Read on to find out what I learned...

Posted: 26th October 2016

How to render MVC emails with CSHTML

Tired of using string formatting to create emails in your code? Read here to find out about how to build HTML emails using MVC, Razor and CSHTML.

Posted: 6th February 2016