Teachable is one of the most widely used course platforms for independent creators and educators. For Showit users who want to add online courses to their business without rebuilding their entire website, connecting Teachable to an existing Showit site is a straightforward process that delivers strong results.
This guide walks through every integration method, from simple linking to embedded checkout, so you can choose the approach that fits your technical comfort level and business goals.
Why Pair Teachable With Showit
Teachable handles course creation, video hosting, student management, payment processing, and completion certificates in a single platform. According to Teachable’s platform information, over 100,000 creators have used the platform to deliver courses to millions of students worldwide.
For Showit users, the appeal of using Teachable rather than building courses directly in their CMS is straightforward. Teachable is purpose-built for course delivery. It handles all the technical complexity of video streaming, student progress tracking, and payment processing that would otherwise require significant WordPress plugin setup and maintenance.
The combination works because Showit handles what it does best, which is beautiful marketing and brand presentation, while Teachable handles what it does best, which is course delivery and student experience.
How Showit and Teachable Interact
Like most course platform integrations with Showit, the connection is achieved through strategic linking and shared branding rather than a technical plugin sync.
Your Showit site hosts your marketing content: your course sales page, your about page, your testimonials, and any free content you use to attract prospective students. When a visitor decides to enroll, they transition to Teachable for checkout and course delivery.
The goal is to make this transition feel natural and seamless through design consistency between both platforms.
Step 1: Set Up Your Course in Teachable
Before building the Showit integration, your course needs to be created and ready in Teachable.
Log in to your Teachable school admin and create a new course. Add your curriculum, upload your lesson videos, and configure your pricing. Teachable supports one-time payments, subscription pricing, and payment plans, so set the pricing model that fits your offer.
Customize your Teachable school branding. In your school’s settings, upload your logo, set your brand colors using your exact Showit brand hex codes, and choose font settings that are as close as possible to your Showit typography. Teachable allows limited font customization, but matching your primary brand color and logo reduces the visual gap between your Showit site and your Teachable school significantly.
Set your school’s primary domain. You can use Teachable’s default subdomain (yourschoolname.teachable.com) or connect a custom subdomain (courses.yourdomain.com). Using a custom subdomain keeps your branding consistent and makes the transition from your Showit site feel more professional. Teachable’s documentation covers the custom domain connection process.
Step 2: Get Your Teachable Checkout and Enrollment URLs
For each course you want to sell from your Showit site, locate two important URLs in Teachable:
The course sales page URL within Teachable (if you are using Teachable’s own sales page as a fallback or secondary page).
The direct checkout URL or enrollment link. In your Teachable course pricing settings, you can find or generate a direct checkout link that sends a visitor straight to Teachable’s payment page for that specific course and pricing option.
Copy these URLs and keep them accessible. You will use them throughout the Showit setup.
Step 3: Build Your Course Sales Page in Showit
Create a dedicated sales page for your course in the Showit editor. This is the page that does the work of convincing prospective students that your course is worth enrolling in.
Your Showit sales page should include the following core elements in a logical reading order:
A compelling headline that states the primary transformation or outcome of the course. A short hook paragraph that speaks directly to the problem your ideal student is experiencing. A preview of the course content or curriculum. An instructor bio that establishes your credibility and experience. Student testimonials or results if available. A clear pricing presentation. A strong call-to-action button that links to Teachable checkout.
Design this page to the same standard as your other Showit pages. Visitors arriving at your course sales page are often making a significant financial decision, and the visual quality of your page directly influences their confidence in your course’s quality.
The high-converting sales pages on Showit guide covers the specific design and copy principles that drive conversion on service and course sales pages.
Step 4: Add Teachable Checkout Buttons
At strategic points in your Showit sales page, add call-to-action buttons linked to your Teachable checkout URL. Place these buttons:
Near the top of the page, above the fold or immediately following the headline and hook, for visitors who are already primed to enroll. After the curriculum section, for visitors who needed to see what is included before deciding. After the testimonials section, for visitors who needed social proof. At the bottom of the page, for visitors who read all the way through.
In the Showit editor, set each button’s link action to the External URL option and paste your Teachable checkout URL. Test each button after publishing to confirm the link works correctly.
Step 5: Embed Teachable Checkout Directly on Your Showit Page (Optional)
Teachable offers a checkout embed option that allows students to complete enrollment without leaving your Showit site. This reduces friction for visitors who prefer not to navigate to an external page to complete payment.
In your Teachable pricing settings, look for the checkout embed or buy button embed option. Teachable provides an embed code, typically a button or an iframe, that you paste into your Showit page.
In the Showit editor, add a custom code element to your canvas at the location where you want the embedded checkout to appear. Paste the Teachable embed code and publish your site.
Test the embedded checkout thoroughly. Submit a test enrollment using Teachable’s test payment mode. Confirm that the student account is created, course access is granted, and the payment processes correctly.
Be aware that embedded checkouts operate within an iframe and are styled by Teachable rather than Showit. The embedded checkout will not match your Showit design precisely, but it reduces the number of steps a student must take to complete enrollment.
Step 6: Create a Courses Hub Page in Showit
If you offer or plan to offer multiple courses, build a dedicated courses page in Showit that presents all your offerings in one place. This page functions as an educational product directory.
Design each course as a card or section with a course image or graphic, the course title, a one-sentence outcome description, the price, and an enrollment or learn more button. Visitors can browse all your courses and choose the one that is right for their current needs.
Link to this courses page from your main navigation, your homepage, and any relevant blog posts. For many creative educators, this page becomes one of the highest-converting pages on their site because it presents multiple entry points to enrollment.
Connecting Teachable to Your Email Marketing
Teachable integrates natively with several email marketing platforms including Mailchimp, ConvertKit, and others. Setting up this integration allows Teachable to automatically add new students to your email list when they enroll.
In your Teachable school settings, navigate to Integrations and connect your preferred email marketing platform. Configure tags or lists so that new Teachable students are properly segmented in your email system.
This connection allows you to send automated course completion congratulations, upsell sequences for your next course, and ongoing value content to your student community, all managed through your email marketing platform while course delivery stays in Teachable.
For Showit-integrated email marketing options, the Showit email marketing integration guide covers connecting your email platform to your broader Showit marketing setup.
Tracking Teachable Enrollments as Conversions
To measure the true marketing performance of your Showit site, you need to track Teachable enrollments as conversion events. Without this tracking, your analytics show traffic to your course sales page but not the enrollments that result.
Google Analytics Tracking
Teachable supports Google Analytics integration. In your Teachable school settings, add your Google Analytics measurement ID. Teachable will then send enrollment events to your Google Analytics account, allowing you to see which traffic sources are driving actual enrollments.
Cross-reference this data with your Showit analytics to understand which blog posts, pages, or campaigns are sending the most conversion-ready visitors to your Teachable courses.
Facebook Pixel Tracking
If you run Facebook or Instagram ads to promote your courses, add your Meta Pixel to Teachable through the Pixels section in your Teachable school settings. This allows Teachable to fire a Purchase event when a student completes enrollment, which Meta uses to optimize your ad targeting for future course promotion.
For additional context on pixel installation and tracking, the Facebook Pixel installation guide for Showit covers the Showit-side setup that complements your Teachable pixel configuration.
Designing a Free Preview or Lead Magnet Course
A powerful way to drive Teachable course enrollments from your Showit site is to offer a free mini-course or sample lesson as a lead magnet. This lets prospective students experience your teaching style and course quality before committing to a paid enrollment.
In Teachable, you can create a free course with a subset of your paid course content. Create a short, high-value free course of three to five lessons that delivers a genuine result and naturally leads into your paid course.
On your Showit site, promote this free course in your navigation, on your homepage, and within relevant blog posts. Use a simple opt-in form that collects the visitor’s name and email before granting access to the Teachable free course.
This strategy builds your email list, warms up prospective students, and creates a natural conversion path from free to paid without requiring high-pressure sales tactics.
FAQ
Is there a direct plugin or integration between Teachable and Showit?
There is no native one-click integration between the two platforms. The connection is made through strategic linking, embedded checkouts, and branding consistency. Teachable’s checkout URLs and embed codes are the primary technical elements that connect your Showit marketing pages to Teachable’s enrollment system.
Can I use a custom domain for my Teachable school?
Yes. Teachable supports custom subdomain connections such as courses.yourdomain.com. This keeps your Teachable school under your own domain umbrella rather than the generic teachable.com domain, which improves brand continuity for students transitioning from your Showit site.
What if I want to sell courses directly on Showit without using Teachable?
Showit does not have a native course or payment processing system. For course delivery, you need a dedicated platform like Teachable, Kajabi, or Thinkific. For simple digital product sales without a structured course experience, platforms like Gumroad or ThriveCart can be integrated with your Showit site as checkout solutions.
How do I handle student support inquiries if I am using both Showit and Teachable?
Student support typically happens within Teachable through its community features, email, or a third-party help desk. Your Showit contact page can direct general inquiries while Teachable’s messaging or community handles student-specific course questions.
Can I embed Teachable videos on my Showit site without the full checkout?
You can embed individual Teachable lesson videos as preview content on your Showit site if Teachable’s lesson settings allow public or preview access. This is a way to offer a sample lesson experience directly on your Showit sales page without requiring the visitor to navigate to Teachable first.
