How to Embed Widget in Teachable

Overview

You can embed the Widget from Feedspace into your Teachable school pages using custom code.
Teachable allows you to add HTML embeds in lecture pages, custom pages, or the site footer area. This makes it easy to showcase your customer testimonials and reviews directly on your course pages or homepage.

Step 1 – Copy Your Embed Code from Feedspace

• Go to your Feedspace dashboard
• Select Widgets from the left sidebar
• Choose the Widget you want to embed
• Click the Share tab
• Copy the embed code, which looks like this:

Step 2 – Log in to Your Teachable Admin

• Go to your Teachable admin panel.
• Select the school or course where you want to embed the Widget.
• From the left sidebar, click on Site and open the Pages tab.

Step 3 – Choose Where to Embed

You can embed the Widget in multiple locations depending on how you want it to appear.

To add on a course page

• Go to Courses → select your course → Curriculum → Edit Lecture
• Click the HTML button in the editor toolbar to access the code view.

To add on a custom page or homepage

• Go to Site → Pages → Edit Page
• Select Custom Page and click Edit to open the page editor.

To add globally on all pages

• Go to Site → Code Snippets → Add Code Snippet
• This will insert the script across your entire school website.

Step 4 – Paste the Embed Code

• Paste the copied embed code from Feedspace into the HTML editor or code block.
• Make sure both the div and script parts are included.
• Click Save or Update once you are done.

Step 5 – Adjust Layout and Spacing

• Reposition the block in your Teachable layout as needed.
• Use the editor’s spacing tools to align the Widget properly.
• Set the section to full width for better visual appearance.

Step 6 – Save and Preview

• Click Save Changes in the Teachable editor.
• Preview your site or course page to verify that the Widget loads correctly.