Teachable for WordPress

COMING SOON!

Our new integration with WordPress is coming soon. Announcements will be shared when available!

wordpress-details-img.png

Install the app

 

To utilize this app, please ensure you have an active WordPress site/blog. This app is available to all plans on Teachable. To install the WordPresss app on Teachable you can follow these steps.

 

  1. Navigate to the Settings > Apps page of your school admin. Click the WordPress icon to be redirected to the details page.
  2. On the WordPress app details page, click the Install button located at the top right-hand corner of this page.

 

 

  1. After clicking Install, a new modal will pop up, displaying a WordPress Key.

 

  1. Copy this key to your clipboard, you’ll enter this on your WordPress site to complete installation.
  2. Navigate to the official Teachable WordPress plugin by either:
    1. Navigate to Add New Plugin within your WordPress admin dashboard.
      1. Click Install and Activate
    2. Go directly to our official plugin listing.
      1. Click Download
      2. Navigate to Add New Plugin within your WordPress admin dashboard

 

 

  1. Click Upload and select the file you just downloaded

 

  1. Once installed,  paste your WordPress key into the applicable location within the Teachable plugin settings. 

 

  1. Save once you have pasted your WordPress key. 
    1. You should see your school name displayed below if the correct key was added. If you do not, your key will now display below this post install for quick reference. Please copy and try step 5 again.



How To Use Teachable On WordPress

 

Turning your WordPress site into an online storefront for your Teachable products is as simple as a few clicks. Simply add our new WordPress plugin and choose the product you’d like to feature.

 

The Teachable WordPress plugin seamlessly adds your product information to your WordPress blog or website without the need to duplicate information and connects directly with Teachable’s secure checkout platform. All you need is a product to sell and you’re ready to go.

 

After install:

  1. Navigate to add/edit any page or post within WordPress.
  2. The Teachable block can now be added just like any other block

 

  1. Once you add the Teachable Buy Button block, you can choose your product and pricing plans. For your product to be selectable, it must be published and have at least one pricing plan.

 

  1. Customizing your block is easy! Everything is flexible with the only requirement being the link to purchase based on the chosen pricing plan. You can select different parts of the block and click on the styles on the right hand side. From there, you can customize with different colors and sizing.

 

Note: The block styling will automatically pull from your theme by default.

 

 

  1. There is no limit to the number of blocks added. In fact, we recommend adding in as many relevant pages/posts as possible to increase your sales!
  2. Once you’ve selected your product, pricing plan(s), and customized styling, make sure to click Update in the top right hand corner to save your changes. 
  3. You can preview your page by clicking on the View button on the right hand corner of the page. 

 

Note: All changes to your Teachable products will automatically sync with WordPress daily. If you wish to see updates sooner, you can manually sync them by clicking 'Sync now' in the Sync Data tab.

 

Sync Data

 

If you made changes to your product in Teachable, and don’t automatically see the changes reflected in the block, you can manually update this by syncing your data. 

 

  1. In your WordPress admin dashboard, navigate to Settings > Teachable. 

 

 

  1. Click on the Sync data tab. Then click on the Sync Now button. 

 

 

  1. After you’ve synced your data, you can navigate back to your block. You should be able to see the reflected changes you made from Teachable. You can also view your page and see the updated changes on your block.
  2. All changes to your Teachable product will automatically sync with WordPress daily. You can set the time you want your products to sync by picking the time in the Sync data tab.
  3. After you’ve made your changes, make sure to click Save Changes



Uninstall the App

 

To deactivate the Teachable plugin from WordPress:

 

  1. Navigate to the Plugins section in your WordPress admin dashboard. 
  2. Under the Teachable plugin, click Deactivate

 

  1. Once you deactivate the plugin, you will no longer be syncing data from Teachable to WordPress. The blocks you’ve added to your page/post will no longer be visible to users. However, you will see the block in your editor page with an error message. 

 

  1. You can delete these blocks or leave them for when you are ready to activate the plugin again. 

 

Note: If you clicked Keep data in your plugin deletion preferences (under the Sync data tab under the Teachable settings), your blocks will be available again once you activate the plugin. If you selected Remove data, you will need to add your WordPress key again to reactivate the plugin.  







To uninstall WordPress from Teachable:

 

  1. Navigate to the Settings > Apps page of your school admin. Click the WordPress icon to be  redirected to the details page. 
  2. On the WordPress details page, click the Uninstall button in the top right corner of the page. A popup modal will appear.
  3. On the popup modal, click Uninstall to confirm. Once uninstalled Teachable will no longer be able to sync data to WordPress. 

 

 

WordPress FAQs

 

What version is the Teachable plugin compatible with on WordPress?

We fully support WordPress Versions 6 and up. With testing compatibility up to the current release of 6.5.2. 

 

Why are my product blocks not up to date on WordPress?

Under your settings page in WordPress, look for the “Sync data” tab. You can set the time you would like for data to sync daily. If you want to sync your data immediately, click on the “Sync Now” button. This should update your Teachable product blocks with the most up to date information from Teachable. 

 

What happens if I deactivate the Teachable plugin on WordPress?

If you deactivate the Teachable plugin, your product blocks will still remain on your editor page. Please note that these blocks will no longer be synced with up to date data. If you want to remove the blocks, you will need to manually delete them from the page. 

 

What happens if I uninstall the WordPress plugin on Teachable?

Uninstalling the WordPress plugin on Teachable will delete your integration key. This key is responsible for syncing data to the WordPress product blocks. We do not recommend uninstalling the plugin unless you no longer want to use the Teachable plugin on WordPress.

 

Why is there an error on my product block?

If you notice an error on your block, it’s possible you may have deleted the product or pricing plan from your Teachable school. It’s also possible you may have deleted your WordPress key in the settings section of the plugin. 

 

Why does the “buy button” redirect to a broken page?

The reason you are being redirected to a broken page is because your pricing plan may no longer be linked to a product. Please make sure you have the correct product and pricing plan linked on your block. 



How do I add shortcodes in WordPress?

The teachable_buy_button shortcode can be used without any child shortcodes, it will default as the full experience of the pricing layout. The child shortcodes can only be used when wrapped by the teachable_buy_button parent shortcode. 

 

See below for the shortcodes available: 

 

a.

[teachable_buy_button /], this can be added anywhere in a WordPress site. It is the primary shortcode, adding it to the site includes all the children elements automatically.

 

id="" is the id of the product,

plan_ids="" is a comma separated list of pricing plan ids, or an array of pricing plan ids

button_text="" is a string of text like, "Buy Now!"

url_query="" The text for the end of the checkout URL.

classes="" is a string of classes that adds classes

styles="" is a string of css that adds inline styling

 

[teachable_buy_button id="" plan_ids="" button_text="" classes="" styles="" /]

or

[teachable_buy_button id="" plan_ids="" button_text="" classes="" styles=""]CHILD SHORTCODES AND CONTENT[/teachable_buy_button]

 

b.

[teachable_product_description /], this is a child shortcode, adding it to the parent shortcode is only adding the description text wrapped in a paragraph tag.

 

id="" is the id of the product,

classes="" is a string of classes that adds classes

styles="" is a string of css that adds inline styling

 

[teachable_product_description classes="" styles="" /]

 

c.

[teachable_product_enrollment_count /], this is a child shortcode, adding it to the parent shortcode is only adding the enrollment count text wrapped in a paragraph tag.

 

id="" is the id of the product,

classes="" is a string of classes that adds classes

styles="" is a string of css that adds inline styling

 

[teachable_product_enrollment_count classes="" styles="" /]

 

d.

[teachable_product_image /], this is a child shortcode, adding it to the parent shortcode is only adding the image url wrapped in an image tag.

 

id="" is the id of the product,

classes="" is a string of classes that adds classes

styles="" is a string of css that adds inline styling

 

[teachable_product_image classes="" styles="" /]

 

e.

[teachable_product_plan_options /], this is a child shortcode, adding it to the parent shortcode is only adding the plan options fieldset wrapped in a div tag.

 

id="" is the id of the product,

$plan_ids is a comma separated list of pricing plan ids, or an array of pricing plan ids

classes="" is a string of classes that adds classes

styles="" is a string of css that adds inline styling

 

[teachable_product_plan_options classes="" styles="" /]

 

f.

[teachable_product_checkout_button /], this is a child shortcode, adding it to the parent shortcode is only adding the checkout button text wrapped in a link tag.

 

id="" is the id of the product,

button_text="" is a string of text like, "Buy now!"

url_query="" The text for the end of the checkout URL.

classes="" is a string of classes that adds classes

styles="" is a string of css that adds inline styling

 

[teachable_product_checkout_button classes="" styles="" /]

 

g.

[teachable_product_name /], this is a child shortcode, adding it to the parent shortcode is only adding the name text wrapped in an h2 tag.

 

id="" is the id of the product,

classes="" is a string of classes that adds classes

styles="" is a string of css that adds inline styling

 

[teachable_product_name classes="" styles="" /]

 

h.

[teachable_product_updated_at /], this is a child shortcode, adding it to the parent shortcode is only adding the updated at text wrapped in a paragraph tag.

 

id="" is the id of the product,

classes="" is a string of classes that adds classes

styles="" is a string of css that adds inline styling

 

[teachable_product_updated_at classes="" styles="" /]



How can I edit the course description on my block? 

You must go to the block editor within your Teachable course. There is an optional course description hidden in the information page of the course. There, you can edit the course description.

 

Why is my enrollments number higher than expected?

The enrollments number comprises of total enrollments of all time which may be higher than expected as it includes active and deleted users.

 

Was this article helpful?

0 out of 0 found this helpful