School owners can add Facebook tracking pixels, analytics tools, and other web services to their school using Code Snippets. This article goes over how to make advanced customizations using custom CSS and head code snippets (available on the Basic plan and up).
If you have coding knowledge and want to further customize the appearance of your school, then you can add custom CSS to your school. Custom CSS allows you to modify your school’s fonts, colors, and backgrounds. To add custom CSS to your school, complete the following steps:
- Log in to your Teachable school.
- Select Site.
- Click Code Snippets.
- Enter the code snippet in CSS field.
- Click Save.
Head Code Snippets
Alternatively, in the Logged In Snippets section, you can add code inside the head tag for users that are logged in:
Or, in the Logged Out Snippets section, you can add code inside the head tag for users who are logged out:
After you’ve added your custom code, click Save.
NOTE: 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.