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 school-wide customizations using custom CSS and Head code snippets allow you to add customizations like third-party chat widgets or Google/Facebook tracking pixels.head code snippets (available on the Basic plan and up).
If you want to add page-level code snippets to do things like add social media buttons, this article has those steps.
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.
CAUTION: If you're using SSO, head code snippets don't affect SSO-based login or checkout pages (i.e. sso.teachable.com).
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.