Add a feedback widget to a Teachable or Thinkific school

Can you add scripts to a Teachable or Thinkific school?

Both platforms offer custom code areas, but how far they reach depends on your plan and on the theme you use. Some school layouts run site-wide code on every page, while others limit it to the main site and leave lesson pages out. Custom code may depend on your plan, so confirm your school allows it before you start.

If the code area is not available or does not reach lessons, you still have a clean option. The hosted feedback page is a standalone form at a link you control. Students reach it from course emails, the welcome page or a lesson description, and it needs no script on the school at all.

Where do you paste the widget in a school?

Look for the custom code or site-wide code section in the school's settings or theme settings. The exact menu name varies by platform and changes over time, so follow the labels you see rather than a fixed path. Look for a header or footer field, because the widget only needs to load once per page.

1. Open the school's custom code area.
2. Paste the script tag from your product's install page:

<script src="https://escutaproduto.com/widget.js" data-key="pk_your_product_key" defer></script>

3. Save the change and publish or update the school so the new code reaches students.
4. Test on a live lesson page, not in the editor.

The script is about 5 KB compressed and loads with defer. It renders inside a Shadow DOM, so the course theme's styles do not change the button, and it adds a floating Feedback button that students can use from any page the code reaches.

What do you do when scripts are not allowed?

Some school setups block custom scripts entirely, or only allow them on certain pages. In that case, use the hosted feedback page. It works like a web form with your product's accent color and does not need the widget at all.

The address follows this pattern, with a language parameter if you want one:

https://escutaproduto.com/f/your-product-slug?lang=en

Put that link on the course welcome page, in each module's introduction and in the footer of course emails. Write the link text so students know what to expect, such as "Report a problem with this course". The hosted page is not indexed by search engines, which keeps your internal feedback form out of public results.

How do you link the hosted page from course emails?

Course emails are a good place for the link, because students read them after finishing a lesson. If your email tool supports merge tags for the recipient's address, add the address to the end of the link so the email field is filled in for them.

https://escutaproduto.com/f/your-product-slug?lang=en&email=STUDENT_EMAIL

Replace STUDENT_EMAIL with your email tool's merge tag. Encode the value if your tool does not do it for you, because a plus sign in an address can be read as a space. Students who have no address on file still reach the form, and the email field simply stays empty.

How do students report lesson issues?

Students pick a type, write a short message and send it. Bug covers a broken video, a dead link or a step that does not work. Idea covers a request for a new module. Praise is worth collecting too, because it tells you which lessons are working and which ones to protect when you edit the course.

Give students one sentence of guidance near the feedback link. Ask them to say which lesson they were on and what they expected to happen. A specific message is much faster to act on than a general complaint.

How do you test the feedback path on a live school?

Test the same path a student takes, from a private window so you are not logged in as the course owner.

1. Open a lesson and confirm the Feedback button appears, or find the hosted link in the welcome page.
2. Send a test message that starts with "test from a course", so you can find it later.
3. Open the new item and check the page URL. For the hosted form, confirm the message arrived without a page URL, since the form lives on Escuta Produto rather than on the school.
4. Check the layout on a phone, where the floating button should not cover the lesson's next button.

Why is the widget missing from my course?

• The platform or plan may not allow custom code, so use the hosted page instead.
• The code may sit in a section that only runs on the main site, not on lesson pages.
• You may have saved the change without publishing the school, so students still see the old version.
• An ad blocker or a Content Security Policy may be stopping the widget file. The browser console names the blocked URL.
• If a submission returns 403, the school's address is missing from allowed origins. Add each full https address the school uses.

Keeping course feedback in Escuta Produto

Create one product for the school. Feedback from the widget and from the hosted page then lands in the same inbox, with the same types and statuses. Filter by bug to see lesson problems first, and use internal notes to record what you changed and when.

The inbox is private to your team, so you can discuss a difficult message in a note without drafting a reply in public. Reply to students from your own email, since Escuta Produto does not send messages to customers.

Related

• For the full set of widget options, read the widget docs.
• The hosted page parameters are in the hosted page docs.
• Similar setups are covered in Kajabi and Podia.
• For the principles behind collecting feedback from learners, read how to collect customer feedback.