LearnDesk is a leading provider of software that enables teachers, training companies, and content creators to manage class bookings easily, collect payments, and sell knowledge. A variety of tools are integrated to enable you to launch your own school or online academy. A widget is one such tool that enables you to integrate your programs through your website. This article will cover information on how to use a widget in a WordPress site. The process is similar to other website creation tools such as Wix, and Shopify, which provide the capability to edit HTML.
Adding Widget to WordPress
-
Log in to your WordPress admin portal and navigate to the 'Pages' section using the menu, as shown below:
- Under the 'Pages' section, if you have created and published a page, it will reflect under the 'Published' tab. For this instance, the page name is 'View All Classes'. Explore the menu of the page using the ellipses, as shown below:
- Expand the page menu, and click on the 'Edit' option. You will be directed to the page editor. By default, it will open in 'Visual editor' mode, as shown below:
-
Explore the page editor menu, as shown below:
-
In the page editor menu click on the 'Code editor' option, as shown below:
-
The code to be edited is within the tags <iframe src= .... </iframe>. To learn how to get the code of a school item, refer to the article Overview, 'Share and Embed' section. For the specific class that needs to be embedded, in your LearnDesk School live classes, open the 'Overview' tab and scroll to the 'Share and Embed' section to copy the code, as shown below:
The highlighted box reflects the widget/code that is to be updated, as shown below:
After the code is updated, you can complete the page update (indicated as 1), and exit the code editor (indicated as 2), as shown below:
-
The update will reflect on your website, as shown below: