Add Your Rise Course to Thinkific Without the Skip Button

Thinkific’s Complete & Continue button is useful for native lessons, but it can be a problem when embedding your Rise 360 course. If that button stays visible under your embedded course, learners can skip ahead without completing the Rise content you carefully built.

How to Seamlessly Add Your Articulate Rise Course to Thinkific (no "Complete & Continue" allowed!)

Here’s the basic workflow for removing the Complete & Continue button using Mighty: publish your Rise course for web, upload it correctly as a Thinkific multimedia lesson, then use Mighty custom code to hide Thinkific’s button until your Rise course is actually complete.

The issue: Thinkific can’t see inside your Rise course by default#

When you add a Rise course to Thinkific as a multimedia lesson, Thinkific treats the whole package as one piece of media. It can display the course, but it doesn’t automatically know whether the learner has moved through your Rise lessons, completed gated interactions, or reached the end.

That means Thinkific’s Complete & Continue button can still appear at the bottom of the lesson.

In a simple content lesson, that might be fine. But if your Rise course includes required videos, interactions, scenario blocks, or a final completion button, that visible Thinkific button gives learners a shortcut around the experience.

Thinkific does hide Complete & Continue in some lesson types, like surveys. For a Rise multimedia lesson, though, you need a little extra help.

Step 1: Publish your Rise course for web#

Start in Articulate Rise 360 and publish your course using the Web option.

That gives you a zipped output package. Before Thinkific can process it correctly, you’ll need to adjust the zip structure.

1. Download the web publish zip from Rise.
2. Unzip the downloaded file.
3. Open the unzipped folder.
4. Go into the content folder.
5. Select everything inside the content folder.
6. Create a new zip from those files.

Thinkific needs to find the course’s index.html file at the right level of the package. If you upload the original Rise zip as-is, Thinkific may not process it the way you expect.

Step 2: Upload the course as a multimedia lesson in Thinkific#

Now move into Thinkific and add the re-zipped Rise package to your course.

1. Open your Thinkific course.
2. Add or open a Multimedia lesson.
3. Upload the new zip you created from the contents of the Rise content folder.
4. Set the lesson to Draft.
5. Click “Process File.”
6. Wait for processing to finish.
7. In the processed files, choose index.html.
8. Uncheck Draft.
9. Save the lesson.

At this point, your Rise course should load inside the Thinkific lesson.

If you preview the Thinkific course now, you’ll likely see the issue: your Rise course appears, but Thinkific’s Complete & Continue button is still sitting underneath it.

That button is what we’re going to control next.

Step 3: Add the Thinkific-side custom code#

The first custom code piece goes in Thinkific. Its job is to listen for messages from the Rise course and then hide or show Thinkific’s Complete & Continue button based on those messages.

In Thinkific:

1. Go back to your course editing screen.
2. Open the Settings tab.
3. Go to Code & analytics.
4. Find the Site footer code area.
5. Paste in the Thinkific-side JavaScript snippet.

<script src="https://cdn.jsdelivr.net/gh/robgalvinco/pow@v1.0.19/playeah/event-manager.min.js"></script>

Then save your changes.

This script is the listener. It doesn’t decide when the learner is done with the Rise course; it simply waits for the embedded Rise course to send the right signal.

Step 4: Add the Rise-side custom code in Mighty#

Next, open your Rise course and use Mighty to add the code that talks to Thinkific.

In your Mighty-enabled Rise course:

1. Go to Theme.
2. Open Custom Code.
3. Paste in this Rise-side JavaScript snippet. Be sure to replace your Block CSS Selector.

/**
 * This function will fire once your course in rendered and 
 * will emit a message to the event-manager.js script
 * which hides the Complete and Continue button.
 */
(() => {
    try {
        window.parent.postMessage("hide_complete", "*");
    } catch (e) {
        console.error("Failed to hide complete button", e);
    }
})();

/**
 * This function will setup a listener event to your course and 
 * when your complete button is available and clicked, it will
 * reveal the Complete and Continue button again.
 */
(() => {
    const observer = new MutationObserver(() => {
        const completeButton = document.querySelector(
		        // ---> INSERT YOUR BLOCK ID HERE
            `[data-block-id="clu8cec6m00dm3bbsdbsphp8f"] button`
        );

        if (completeButton) {
		        // We attach to our button and when clicked, show the complete button
            completeButton.addEventListener("click", () => {
                try {
                    window.parent.postMessage("show_complete", "*");
                } catch (e) {
                    console.error("Failed to show complete button", e);
                }
            });
            // We disconnect from the page and stop watching for our button
            observer.disconnect();
        }
    });

		/**
		 * This listens to new elements being added to your course 
		 * as your learners progress throughout your lessons
		 */
    observer.observe(document.body, {
        childList: true,
        subtree: true,
    });
})()

Now save your changes.

The first part of this code tells the parent frame, Thinkific, to hide the Complete & Continue button when the Rise course loads.

Step 5: Choose when the Thinkific button should come back#

Here’s the fun part: you can make the Thinkific button reappear inside the Rise course when you want it to. In the video walkthrough, this happens at the very end of the lesson.

The custom Javascript you added watches for that specific button to appear, then waits for the learner to click it. Once they do, the code tells Thinkific to show Complete & Continue again.

Step 6: Replace the block ID in the code#

There’s one course-specific detail you’ll need to update: the block ID for your Rise Complete button.

Mighty makes this easier when you’re working in Custom Code mode. You’ll see block identifiers appear across your Rise blocks.

To wire up your own final button:

1. Stay in Mighty’s Custom Code mode.
2. Scroll to the section of your Rise course where you want the Complete button.
3. Copy that block’s identifier.
4. Find the placeholder block ID in the Rise-side custom code.
5. Replace it with your actual block ID.
6. Save the course.

This tells the code exactly which Rise block to watch.

If you duplicate the course later, swap the final button, or rebuild that section, it’s worth checking the block ID again before republishing.

Step 7: Republish and re-upload the Rise course#

After the custom code is in place, publish the course again and replace the file in Thinkific. Here’s a quick refresher on how to do that:

1. Publish the Rise course for web again.
2. Unzip the downloaded package.
3. Go into the content folder.
4. Zip the contents of that folder.
5. Return to the Thinkific multimedia lesson.
6. Replace the existing file with the new zip.
7. Set the lesson to Draft
8. Let Thinkific process the file.
9. Once processing finishes, choose index.html again.
10. Remove Draft.
11. Save.
12. Preview the Thinkific course.

Now, when the Rise course loads, Thinkific’s Complete & Continue button should be hidden.

Work through the Rise course as a learner. When the final Rise Complete button unlocks and you click it, Thinkific’s Complete & Continue button should reappear.

Why this matters#

This is not just a visual cleanup. It protects the instructional design of the course.

If you’ve built a Rise experience with required content, gated practice, or a final knowledge check flow, the LMS wrapper should not accidentally give learners a way around it. Hiding Complete & Continue until the right moment helps keep the learner path aligned with the course design.

It also makes the experience feel less confusing. Learners see one clear action at a time instead of two competing completion buttons from two different systems.

A quick accessibility note: make sure your final Rise Complete button has clear, plain-language text and appears in a logical place at the end of the lesson. Since that button controls when learners can continue in Thinkific, it should be easy to find and understand.

A few practical checks before you ship#

Before you hand this to stakeholders or learners, run through the flow in Thinkific preview and, if possible, in a test enrollment.

Check that:

• The Rise course loads from index.html.
• The Thinkific Complete & Continue button is hidden when the Rise course starts.
• Your required Rise interactions behave as expected.
• The final Rise Complete button unlocks at the right time.
• Clicking the Rise Complete button brings back Thinkific’s Complete & Continue button.
• The learner can move to the next Thinkific lesson after that.

This is also a good moment to confirm the course works well on the screen sizes your learners actually use. Embedded courses can feel different inside an LMS shell than they do in a standalone Rise preview.

Try the whole process on a short test course first. Once the handoff feels clean, use the same pattern for larger Rise courses in Thinkific.