Skip to main content Skip to footer

How to upgrade from uSkinned Site Builder for Umbraco 8, 9, 10, 11 or 12 to Umbraco 13

Latest compatible version: Umbraco 13.2.2 uSkinned Site Builder 6.1.0

Step 1

Create a new Umbraco 10 project and install uSkinned Site Builder 3.0.5 for Umbraco 10.

Follow our guide here if you are unsure how to do this.

Step 2

Install uSync against your new Umbraco 10 website.

dotnet add package uSync --version 10.7.1

Step 3

Run your website. This will generate uSync files which define the database records for your uSkinned Site Builder product.

Delete the contents of:

  • ~/uSync/{VERSION}/Content
  • ~/uSync/{VERSION}/Media

The reason you do this is because in a later step you are going to run a uSync content import to update Dictionary items in your existing Umbraco 8 database. You do not want to overwrite your content and media with the demo content that has been installed against your Umbraco 10 database.

Step 4

Go to your Umbraco 10 website directory and delete the contents of:

~/wwwroot/media/

Go to your Umbraco 8 website and copy the contents of:

~/media/

Paste your copied media into your Umbraco 10 website directory at location:

~/wwwroot/media/

Step 5

Locate the following file within your Umbraco 10 website directory:

~/appsettings.Development.json

Update the connection string to point to your Umbraco 8 database.

Set UpgradeUnatended to true.

Set RunSchemaAndContentMigrations to false.

{
  "$schema": "https://json.schemastore.org/appsettings.json",

  "ConnectionStrings": {
    "umbracoDbDSN": "YOUR UMBRACO 8 DATABASE"
  },
  "Umbraco": {
    "CMS": {
      "Unattended": {
        "UpgradeUnattended": true
      },
"PackageMigration": {
"RunSchemaAndContentMigrations": false
} } } }

Step 6

Run your website and login to the Umbraco CMS. Dont worry if you see an error when browsing the frontend of your website at his stage.

Go to the Settings (Section) > uSync (node) > Import Settings

This will update Document Type and Data Type changes

Go to the Settings (Section) > uSync (node) > Import Content

This will update Dictionary item changes

When the settings import is complete your website will be upgraded to Umbraco 10.

Step 7

Re-save your Design node to generate the stylesheet for your website.

Step 8

Use the following SQL against your database to stop package migrations running each time you start your website:

INSERT [dbo].[umbracoKeyValue] ([key], [value], [updated]) VALUES (N'Umbraco.Core.Upgrader.State+uSkinned Site Builder', N'7620af66-17aa-494f-83bf-30ae13ce31c5', GETDATE())
GO
INSERT [dbo].[umbracoKeyValue] ([key], [value], [updated]) VALUES (N'Umbraco.Core.Upgrader.State+uSkinned Site Builder - RTE App Settings', N'a4e56f62-8813-44d2-84dc-9eecdcee0b26', GETDATE())
GO

Step 9

It is possible to upgrade from 10 to 13 using Nuget however we have found that some people have difficulty with this process. We therefore recommend creating a new Umbraco 13 website with the latest version of uSkinned Site Builder installed and repeat steps 1 to 7 above except this time you are moving from 10 to 13 instead of 8 to 10.

If you have completed the above steps to upgrade and experience any issues, please refer to the following troubleshooting solutions.


Troubleshooting

The following issues are a result of not following Step 1 in this guide and instead attempting to complete the upgrade process via NuGet.

Error in backoffice when viewing content nodes

'Sequence contains more than one matching element'

Caused by duplicate property editors which happen due to the presence of property editors found in the folder:

~/App_Plugins/

The property editors from this folder are now included with the Razor Class Libraries for Umbraco 10.

If you are using Umbraco Forms, delete the folder:

~/App_Plugins/UmbracoForms

If you have upgraded via NuGet, delete the folder:

~/App_Plugins/uSkinned

Now, rebuild your project and run.

Form Submission goes to a blank page with Javascript output

Javascript is broken due to a change in the file

~/Views/USNMaster.cshtml

Contact support for guidance on fixing this issue.

#h5yr

Step 1

Sign up

Start a free trial of Site Builder.

Step 2

Design

Tailor the look and feel with the Visual Designer to suit your brand.

Step 3

Create

Add content with built-in eCommerce and third-party integrations.

Step 4

Host

World-class and secure hosting backed by Microsoft Azure.