📖

Learndash

🚧
Before you get started, ensure you have created a workbook.

When students encounter this lesson, they can choose to log in via Google if they have a Google account, or you can invite them by email, and they can log in using their Wobo account.

image

PART 1: Install the Wobo site script

What we need to do first is add a script to the <head> of the site. We can do that by installing a plugin called WPCode. (You don’t need to install this if you already have another plugin that allows you to add custom scripts to your header.)

  • Log in to WordPress and then go to Plugins, then click “Add New”
  • In the search bar, search for “WPCode”.
  • Click “Install Now” on the plugin info card, then “Activate” once installed.
image

  • After the plugin is installed, you’ll see a new WordPress menu option called “Code Snippets”. Hover over that and then select “Header & Footer”
    • image

In Wobo:

  • Enter the workbook editor from the dashboard by hovering over the workbook and clicking Edit Workbook.
    • image
  • Find the module you want to include and click the [...] menu on the right of the module name. A pop-up will appear.
    • 💡
    You might be prompted to publish your workbook and create a cohort first so that it's ready to share once embedded. Do that before continuing.

image
  • Choose Other LMS System and copy the Site Snippet.
    • image

In Wordpress:

  • Paste the Wobo <script> tag into the “Header” field, then click “Save Changes”
    • image
  • Side Note: If your website has any caching plugins setup, now would be a good time to clear the cache to ensure the new site script will load immediately.

PART 2: Embed the workbook

In LearnDash:

Now that you have the main Wobo script installed, you can add your workbook to a page or LearnDash course or lesson content. For this example, we’ll add the <iframe> to a LearnDash lesson, but the implementation will be the same for other areas of your WordPress site as well.

  • Go to “LearnDash LMS”, then select “Lessons”
    • image
  • Choose the lesson you want to add your workbook to.
  • In the WordPress block editor, type /html to see the available page block options and choose “Custom HTML”
    • image

    In Wobo:

  • In the same pop-up as above, choose Kajabi (trust the process) and copy the Embed Code.
image

In LearnDash:

  • Paste your workbooks <iframe> code snippet into the HTML field, and then click “Update” to save your changes.
    • image

wobo.app