Thinkific

How to integrate Thinkific with Webflow

Integrating Thinkific with Webflow gives you custom-designed marketing pages in Webflow combined with Thinkific's learning management infrastructure for course delivery and student management. This split-site architecture exists because Thinkific cannot be embedded in iframes on external domains, requiring course content to remain hosted on Thinkific's platform.

You can connect the platforms using native features like sales widgets and direct checkout links for simple button implementations, Zapier automation for enrollment management and data synchronization, or custom APIs with webhooks for advanced integrations requiring server-side middleware.

Native features, direct embeds and widgets

Thinkific provides two built-in methods for connecting to Webflow without automation tools or custom code. Sales Widgets create embedded promotional elements while direct checkout links enable simple button redirects. These native methods represent the officially recommended integration approach.

Sales Widgets

Sales Widgets let you add customizable course enrollment buttons to Webflow pages without writing code. Generate embed codes through Thinkific's visual interface, customize colors and button text with built-in tools, then paste the code into Webflow's Code Embed element.

Implementation steps:

1. Publish your course in Thinkific
2. Navigate to Sales Widgets in your Thinkific admin dashboard
3. Select the course you want to promote
4. Choose widget style (button or card format)
5. Customize appearance using the color picker and text editor
6. Set the link destination (checkout page, landing page, or custom URL)
7. Click Generate embed code
8. Copy the generated HTML
9. In Webflow, drag an Embed element onto your page
10. Double-click the Embed element and paste the Thinkific code
11. Click Save & Close and publish your site

Note: Sales Widgets create promotional buttons or cards that link to your Thinkific checkout or landing pages. Thinkific cannot be fully embedded within iframes on external domains, so course pages, student dashboards, and the course player must be accessed on your Thinkific site. These widgets work as CTAs to direct students to your hosted Thinkific platform for enrollment and course access.

Find complete setup instructions in the Sales Widgets documentation.

Widget capabilities:

• Button widgets create call-to-action elements with customizable colors and text
• Card widgets display visual course cards with thumbnails and descriptions
• Destination control links to checkout pages, course landing pages, or custom URLs
• Style customization matches your Webflow design through visual color picker

Sales widgets redirect users to Thinkific's hosted checkout when clicked. The hosted checkout flow handles payment processing, PCI compliance, and immediate course access after purchase.

Direct checkout links

Direct checkout links represent the simplest method for non-technical users to integrate Thinkific with Webflow. This is 100% no-code and requires only standard Webflow button linking.

How to implement:

1. In your Thinkific admin, locate your course and copy the direct checkout URL from course settings
2. In Webflow, create a button element on your page
3. Link the button to your Thinkific checkout URL (for example, yourschool.thinkific.com/checkout/course-slug)
4. Customize button text and styling as needed
5. Publish your site

User flow: Visitors click the button, redirect to Thinkific's hosted checkout, complete purchase, then receive immediate course access on Thinkific.

According to Thinkific's official linking guide, this is the method Thinkific officially recommends. The hosted checkout includes:

• PCI compliance managed automatically by Thinkific
• Mobile-optimized checkout experience
• Immediate course access after purchase
• Additional features on TCommerce plans: BNPL options, Apple Pay/Google Pay, gift purchases, abandoned cart recovery

This approach works because you're simply linking to Thinkific's existing checkout infrastructure without embedding, custom code, or technical setup.

Automate workflows with Zapier

Zapier is the only automation platform providing documented integration support for connecting Thinkific and Webflow. According to Thinkific's official Zapier documentation, Zapier offers automation capabilities including 8 Thinkific triggers and multiple actions combined with Webflow's event triggers and item management actions. These triggers enable workflows like syncing course enrollments to member directories, updating member profiles on course completion, and maintaining real-time student rosters.

Set up automation workflows through Zapier's Thinkific and Webflow integration. Zapier offers eight Thinkific triggers including New Full Enrollment, Course Completed, and New User, paired with five Webflow triggers such as New Form Submission and New Order. For example, trigger a New Full Enrollment in Thinkific to Create Item in a Webflow collection, automatically syncing student data to your member directories. Alternatively, use Thinkific's New Order trigger to Create Item in Webflow for real-time customer showcases, or configure New Form Submission from Webflow to Enroll User in Thinkific for automated enrollment workflows.

Key automation workflows:

• Form-to-Enrollment Automation creates Thinkific enrollments when users submit Webflow forms
• Member Directory Synchronization adds new students to Webflow CMS collections when they enroll in courses
• Progress Tracking Updates synchronizes Webflow items when students complete courses or lessons
• Order Synchronization creates CMS entries in Webflow when Thinkific processes payments

Thinkific triggers available in Zapier:

According to Thinkific's official Zapier documentation, Thinkific offers 8 event triggers in Zapier:

1. New Order
2. New Full Enrollment
3. Course Completed
4. Lesson Completed
5. New User
6. Subscription Cancelled
7. New Free Preview Enrollment
8. New Lead

Webflow triggers available in Zapier:

According to Webflow's Zapier integration documentation, Webflow provides 5 event triggers through Zapier:

1. New Form Submission (Instant)
2. New Order (Instant)
3. Updated Order (Instant)
4. New Comment (Instant)
5. New Resolved Comment Thread (Polling)

These triggers enable automation workflows connecting Webflow form submissions, e-commerce activities, CMS updates, and comment notifications to Thinkific actions like user enrollment and updates. Note that Updated Item is a Webflow action in Zapier, not a trigger.

Zapier uses OAuth authentication (updated January 4, 2023) for connecting to Thinkific. According to Thinkific's Zapier documentation, Zapier's webhook-based triggers provide real-time synchronization between platforms, with event delivery occurring within seconds of triggering events in Thinkific.

Build with Webflow and Thinkific APIs

Custom API integration enables automated enrollment management and data synchronization through server-side middleware, though significant technical constraints exist. Thinkific's iframe embedding prohibition prevents embedding course content directly in Webflow, requiring separate hosting on Thinkific's platform. Implement server-side middleware to synchronize Thinkific's enrollment and user data with Webflow's CMS and membership features through API calls and webhooks, keeping marketing content in Webflow and course delivery in Thinkific.

Thinkific cannot be embedded directly within Webflow due to Content Security Policy headers and X-Frame-Options restrictions that prevent iframe embedding on external domains. This browser-enforced limitation makes embedded course delivery impossible. For programmatic integrations using Thinkific's APIs, both platforms require backend middleware due to CORS restrictions. Browser security prevents client-side JavaScript from directly calling APIs on different domains. Your middleware server receives webhook events, processes data transformations, and makes authenticated API requests to both platforms.

Sync course catalogs to Webflow CMS

Use Thinkific's Sales Widgets to create promotional course cards and buttons on your Webflow site. Generate the embed code through Thinkific's admin interface, then paste it into a Webflow Code Embed element. When students click Enroll, they're directed to Thinkific's hosted checkout. For real-time data synchronization, retrieve student enrollments and course updates from the Thinkific API and sync them to your Webflow CMS using the Collections API. Note: Thinkific cannot be embedded in iframes on external domains, so course content and checkout must remain on Thinkific's platform. Use webhook integrations to automatically update your Webflow CMS when enrollments occur.

Implementation pattern:

1. Retrieve course data with GET <https://api.thinkific.com/api/public/v1/courses/{course_id}>
2. Map Thinkific fields (name, description, price) to your Webflow collection schema
3. Create items (staged) with POST <https://api.webflow.com/v2/collections/{collection_id}/items>
4. Publish staged content with POST <https://api.webflow.com/v2/collections/{collection_id}/items/publish>

The Thinkific API documentation provides complete endpoint specifications, authentication methods, and response schemas. Thinkific enforces rate limits of 60-120 requests per minute (plan-dependent) with a maximum of 10 concurrent requests.

Automate student enrollment

According to Thinkific's Zapier documentation and the Webflow Zapier integration page, automating student enrollment from Webflow form submissions to Thinkific is the most common integration workflow.

Two primary methods:

Method 1: Form Submission to Enrollment (Zapier)

When a user submits a Webflow form, automatically create a Thinkific enrollment:

1. Trigger: New Form Submission in Webflow
2. Action: Enroll User in Thinkific course
3. Result: Student immediately gains course access without manual enrollment

Zapier's integration page confirms "enroll new Thinkific users from Webflow form submissions" as a documented workflow.

Method 2: Webhook-Based Real-Time Enrollment

For custom development, implement direct API integration:

1. Trigger: Configure Webflow form webhook to your endpoint
2. Process: Your server receives form data
3. Action: Call Thinkific Enrollment API endpoint: POST <https://api.thinkific.com/api/public/v1/enrollments>
4. Result: Immediate course enrollment with automatic dashboard access

Thinkific's API documentation includes the Enrollments API for creating enrollments programmatically.

Implementation steps (no-code via Zapier):

1. Create course registration form in Webflow
2. Set up Zapier account and connect both platforms
3. Create automation: "When new Webflow form submission → Enroll in Thinkific course"
4. Map form fields (email, name) to Thinkific user fields
5. Test with sample submission
6. Publish form

Configure Webflow webhooks for form submissions, then use the Enrollments API to grant course access and create Thinkific enrollments when users submit Webflow forms or purchase membership access.

Webhook configuration:

Register a webhook endpoint with POST <https://api.thinkific.com/api/v2/webhooks> to receive Thinkific events such as user.signup, enrollment.created, and order.created. Your webhook endpoint receives student enrollment data and processes it to sync with your Webflow site. Alternatively, if capturing form submissions directly from Webflow, configure a webhook with POST <https://api.webflow.com/v2/sites/{site_id}/webhooks> to receive form_submission events, which can then be used to trigger enrollments in Thinkific.

Enrollment creation:

Send POST <https://api.thinkific.com/api/public/v1/enrollments> with user and course identifiers to create enrollments. The API response confirms enrollment and provides enrollment details. For webhook configuration and real-time enrollment events, use the Thinkific Webhooks API at https://api.thinkific.com/api/v2/webhooks. Complete implementation details are available in the Thinkific API Documentation and Webhooks API Reference. Note that Webflow and Thinkific have no native integration. Enrollments must be created through custom middleware, automation platforms (Zapier, Make), or direct API calls.

Track progress and update memberships

Subscribe to Thinkific's completion webhooks to update Webflow membership levels when students finish courses. The Webhooks API sends real-time notifications for enrollment events, course completions, lesson progress, and other lifecycle events. Webhook events include enrollment.created, enrollment.completed, lesson.completed, and subscription-related events.

Webhook events for membership updates:

• enrollment.created adds students to member directories
• enrollment.completed upgrades access levels for graduates
• subscription.cancelled marks members as inactive in collections

Update Webflow user accounts with PATCH <https://api.webflow.com/v2/sites/{site_id}/users/{user_id}> to modify user access groups and custom field data based on course completion status.

Handle authentication and rate limits

Both platforms enforce rate limits that impact integration architecture. Thinkific allows 120 requests per minute while Webflow permits 60 requests per minute on Basic plans or 120 requests per minute on Standard and higher plans depending on your subscription tier. Implement request queuing with exponential backoff to handle rate limit errors.

The Thinkific rate limits documentation returns HTTP 429 when limits are exceeded. The Webflow rate limits reference provides plan-specific thresholds and retry guidance.

Your webhook endpoint needs high uptime to prevent data loss. Implement dead letter queues and manual reconciliation processes for failed deliveries, as detailed in the webhook retry documentation.

Authentication uses API keys or OAuth tokens. Thinkific accepts keys via X-Auth-API-Key headers, while Webflow requires OAuth bearer tokens via Authorization: Bearer <token> headers. Store credentials securely and implement proper error handling for expired or invalid tokens per the Webflow authentication guide.

What you can build

Integrating Thinkific with Webflow requires using Webflow for custom-designed marketing experiences while Thinkific handles course delivery on a separate platform, as Thinkific cannot be embedded directly into Webflow sites. This split-site approach allows you to use Webflow's design flexibility and Thinkific's specialized learning infrastructure, connected through direct linking, third-party automation tools, or custom API middleware.

• Course marketplace with branded checkout: Create a multi-course catalog in Webflow CMS with filtering, search, and course information that links each course to Thinkific's checkout for payment processing and course access
• Automated enrollment from lead magnets: Build a lead capture funnel using Webflow forms with Zapier or Make to automatically enroll users in Thinkific courses, giving students immediate course access after form submission
• Member directory with course completion badges: Display student profiles in a Webflow CMS collection that updates automatically when learners complete courses, showing graduation badges, certification dates, and achievement counts
• Progressive content unlocking system: Gate premium Webflow content behind course completion requirements using webhook-based automation that triggers membership level updates in Webflow when students finish specific courses in Thinkific