Learning path · For classic editor help centers

Switch to the new editor safely

Start a private draft, fix what didn't carry over, publish, and know the way back.

7 lessons
5:40 in all
From 1 course

Start the path

The lessons, in order

Each one plays on its own, from its own course.

Length 0:54

Move to the new Template Editor · Lesson 3

Start the move

Click Try the new editor, and get a private draft made from your latest classic design.

Move your help center to the new template editor
Length 0:37

Move to the new Template Editor · Lesson 4

What carried over

The header, search, menu links, contact button, every translation and your colors come across on their own.

What carries over to the new template editor
Length 1:17

Move to the new Template Editor · Lesson 5

Fix what didn't carry over

The banner lists what didn't come across. Work through it item by item.

What carries over to the new template editor
Length 1:03

Move to the new Template Editor · Lesson 6

Check your custom CSS and code

Your custom CSS comes across word for word. Update the selectors written for the classic class names.

Custom CSS reference: selectors and examples
Length 0:26

Move to the new Template Editor · Lesson 7

Preview every page

Check every kind of page at tablet and mobile sizes, and in dark mode.

Preview on phones, tablets and in dark mode
Length 0:36

Move to the new Template Editor · Lesson 8

Publish the switch

Publish with a version note. Your live site switches over, with the same articles at the same address.

Publish your design
Length 0:47

Move to the new Template Editor · Lesson 9

Switch back if you need to

Restore an earlier version, or go all the way back to the classic editor from Advanced.

Switch back to the classic template editor

More paths