Power Editor

This article goes over how to make advanced customizations by editing school template files in the Power Editor.

CAUTION: Adding custom code to your school is an advanced modification—we can't guarantee full functionality or compatibility with current or future versions of Teachable. This includes how the code functions, as well as how it impacts the appearance of your school. Use caution when making changes to school template files via the Power Editor. Our Customer Support team does not troubleshoot custom code issues.

Overview

On the Business plan and up, you can edit your school’s template files in the Site > Power Editor section of your school admin.

School template files use Liquid, an open-source templating language developed by Shopify. Liquid serves as a link between stored data and the HTML templates that are displayed on the page of your web browser.

TIP: Use Code Snippets to add HTML/Javascript to your school head tag and edit your school's CSS.

Edit Power Editor Templates

To make changes to your school’s template code, click on the template folders to open your school’s templates and partials. You can also use the search bar to locate a specific template:

powereditornewux.gif

In the template folders, you can use Liquid code to do the following:

NOTE: Some templates do not apply to pages created with the Page Editor 2.0. Read more about our page editor versions.

Save and Publish Templates

Once you make changes to the template code, click the Save button in the top right corner of the screen. Click Publish to make your changes live within your school.

savepublishpowereditornewux.png

Unpublish and Reset Templates

To remove custom template edits from view in your school, click the Unpublish button in the top right corner of the screen. This will keep your edits available in the template, but not visible to your students.

unpublishpowereditornewux.png

Should you wish to remove all custom changes to an existing template, click the Reset button at the top of the screen. A pop-up window will appear to confirm resetting back to the base template. Click OK to confirm.

resetpowereditornewux.gif

Was this article helpful?
43 out of 114 found this helpful
thanks_illustration

Can't find what you're looking for?

Contact us
thanks_illustration