Support / Thinkific
Publish to Thinkific.
Connect your Thinkific site once, then place designs wherever you need them. Republishing in Brackits updates every page they appear on.
Setup
Connect your Thinkific site.
From the Thinkific App Store
01
Install Brackits.
Find Brackits in the Thinkific App Store and press Install. Thinkific shows what Brackits can read and change on your site, and you approve it there.
02
Sign up or sign in.
Create your Brackits account, or sign in if you already have one. Brackits never asks for your Thinkific subdomain or password.
03
Choose a workspace.
Pick the workspace whose designs will appear on the site. With only one workspace, Brackits picks it for you and installs its loader on your site, with no theme editing.
From inside Brackits
01
Open Integrations.
In Brackits, go to Integrations in your workspace sidebar and choose Thinkific.
02
Authorise Brackits.
Enter your Thinkific subdomain and approve the connection on Thinkific. Brackits sets up everything your designs need, with no theme editing.
We never see your Thinkific password, and you can revoke access at any time.
03
Point a project at the site.
Open the project you want to publish from, then enable the Thinkific connection in its settings. A project maps to one Thinkific site.
Placing a design
Three ways to place it.
All three start the same way: open a design in Brackits and click Publish. That mints its embed token and compiles the bundle.
Recommended
The theme section
In the Site Builder, add the Brackits Design section to a page, paste your embed token, and leave Allow Brackits to fetch personalization data ticked. Save.
Best for most cases: it renders the live embed, so republishing in Brackits updates the page with no further action. The personalization checkbox is the only switch for learner data: untick it and Brackits fetches nothing about your learners on that page, and designs that bind that data render their empty state instead.
Anywhere else
A placeholder div
Paste <div id="brackits-YOUR_TOKEN"></div> into any rich-text field — a course page, a lesson, a custom page.
The loader script we installed at connection time watches for these placeholders and fills them, including inside the course player.
For search engines
The SEO snapshot
Embeds render in the browser, so their text is not in the page source. The snapshot pastes a flattened copy directly into the section instead.
Use it on marketing and landing pages you want indexed. See the steps below.
SEO snapshot
Make a design indexable.
Read this first
Use the Brackits Design — SEO snapshot section: three fields, HTML, CSS and JavaScript, and nothing to switch. The Chrome extension adds it and fills it for you. If your Add section list has no such section, only a Brackits section with a Source setting, your site has an older version of the Brackits app: set Source to Inline HTML / CSS / JS before you paste. With Source on the embed option, Thinkific accepts the pasted code and then ignores it, rendering the embed instead with no warning that your paste was discarded.
01
Copy the snapshot.
Open the design in Brackits and choose Copy for Thinkific (SEO). You get three blocks: HTML, CSS, and JavaScript.
02
Add the section.
In the Site Builder, choose Add section → Brackits Design — SEO snapshot. It has the three fields and nothing else.
03
Paste all three fields.
Paste each block into its matching field. Paste all three — a partly filled section renders broken.
04
Save.
Press Save in the Site Builder. The design is now in the page source, so search engines can read it.
The trade-off: a snapshot is a point-in-time copy. Change the design in Brackits and you must copy it again.
Doing this by hand for several designs gets tedious — that is exactly what the Chrome extension automates.
Personalization
Designs that know who's looking.
A design can tell a signed-in student from a visitor and list the courses they're enrolled in. It never receives their name or email: Brackits blanks both before any design sees the data. Because this involves your learners' data, one switch decides it: the Allow Brackits to fetch personalization data box on the section, which is ticked when you add it. While it is, Brackits reads a signed-in student's profile and enrollments from Thinkific for that design. Untick it on any section whose design doesn't need to know who's looking, and Brackits fetches nothing about your learners there.
Dashboard cards
Passes the cards a student sees on their dashboard, so a design can mirror their progress.
Visitor enrollments
Passes which courses the signed-in visitor is enrolled in, for "continue where you left off" layouts.
Site catalog
Passes your public course catalog, so a grid stays current as you publish courses. No learner data involved.
Learner data is used only to render the design you asked for. It is never sent to AI providers. See our Privacy Policy for the detail.
Blog
A blog on your Thinkific site, on one page.
The Brackits blog lives on a single custom page of your Thinkific site. Posts, categories and author pages all route on that one page with a query string. The Brackits Blog section comes with the app, so there is no token to copy and nothing to paste — add the section and publish.
1. Make the page
Create a custom page in Site Builder — /pages/blog is the usual choice — and paste that page's full URL back into Blog settings.
2. Add the section
On that page, choose Add section → Brackits Blog. There is no token and nothing to paste. On any other page, add Brackits Blog — Recent posts instead.
3. Publish in Brackits
Press Publish blog. The blog binds to your connected Thinkific site when you publish, and the Embed dialog names the site it is bound to. Every later post appears without touching Thinkific again.
The Embed dialog also gives you an RSS feed and a sitemap address. Hand the feed to a reader, a newsletter tool or Zapier. The sitemap lists every blog URL on your own Thinkific site, but Google will not accept a sitemap submitted from a domain you have not verified — so to get a new post indexed quickly, open Search Console for your Thinkific site and use URL Inspection → Request indexing on the post's own address.
To show your latest posts somewhere else — the home page, say — add the Brackits Blog — Recent posts section, or paste the recent posts widget snippet from the Embed dialog. Either one links back to the blog and never changes that page's title, description or canonical.
The older route still works where the section cannot go — a Text & Media block, a
lesson page — by pasting the placeholder <div> from the Embed dialog. Thinkific strips
<script> tags out of rich text, so that route needs the same loader
your designs use; we install it for you when you connect the site, and the Embed dialog says whether it
is registered.
Removing Brackits
Uninstall or disconnect.
On Thinkific
Uninstall the app
In your Thinkific admin, open Apps, find Brackits among your installed apps and uninstall it.
Your site then stops showing Brackits: live designs, placeholder divs and the blog go blank, the loader is removed, and Brackits stops reading your site. Integrations shows the site as Uninstalled on Thinkific.
Your designs, blog posts and brand kits stay in your Brackits workspace. Install Brackits again into the same workspace and the site picks up where it left off.
In Brackits
Disconnect the site
Open Integrations and press Disconnect on the site. Brackits stops reading your site's data and unbinds your blog from it.
Disconnecting doesn't remove the app from Thinkific. To take it off your site completely, uninstall it there as well.
Remove the Brackits sections from your pages in Site Builder too, so nothing is left behind. An SEO snapshot is a copy pasted into its section, so it goes when you delete that section.
Troubleshooting
When something looks wrong.
I pasted the inline code and the section still shows the old embed.
On an older version of the Brackits app, the section has a Source setting, and it was still set to the embed option when you pasted. Thinkific silently ignores the inline fields in that mode. Set Source to Inline HTML / CSS / JS, paste all three fields again, and save.
If the section has no HTML, CSS and JavaScript fields at all, it is Brackits Design, the live section, which has nothing to paste into. Add Brackits Design — SEO snapshot instead, or pick the design with the Chrome extension, which adds that section and fills it.
Nothing appears where I put the placeholder div.
Check three things: the design is published in Brackits, the token in the div matches the one shown in the embed dialog exactly, and the Thinkific connection is still active in your project settings.
The loader is installed when you connect. If you disconnected and reconnected, republish the design once to be sure.
A design doesn't show on the student dashboard.
Sites on Thinkific's Learner Hub, the default for sites created since 28 January 2026, have no place for app sections on the student dashboard. Designs made for the dashboard need the classic student dashboard.
A design shows up on pages I didn't put it on.
The design is set to floating mount mode, which renders site-wide by design — that is what you want for announcement bars. Switch it to inline so it only renders where you place its placeholder.
The design looks different inside Thinkific than in the Brackits preview.
Embeds render inside a Shadow DOM, so your Thinkific theme's CSS cannot reach them and vice versa. An SEO snapshot is the exception: it sits in the page itself, scoped to its own wrapper, so a theme with very broad rules can reach it. Otherwise, differences usually come from the surrounding page width. If a font looks wrong, check the fonts set on the project.
I changed the design but Thinkific still shows the old one.
Republish it in Brackits — that recompiles the bundle. Live embeds then update on the next page load; you may need a hard refresh to get past your browser cache. If you used the SEO snapshot, copy and paste it again: snapshots are point-in-time copies and do not auto-update.
Still stuck?
We'll take a look.
Send us your Thinkific subdomain and the page you're working on, and we'll tell you what's happening.
Or email [email protected] directly.