This guide states the things to note like Admin Access, Custom Code, Notes, Paid API and others.

Admin Rights

Most of the template content is directly pulled from the database. Please do not delete an entire Data Thing unless you are sure of what you are doing. However, feel free to delete any template content you prefer.
For security purposes, this template has limited rights for potential customers. This means, that you will not be able to use the admin features at their fullest until you purchase the template and enable admin rights.
The restricted elements for clicking are:
  • MaterialIcon edit course card
  • Icon deleteClassofClasses card
  • IonicIcon ion-reply comment & review
  • MaterialIcon mode_edit comment & review
  • MaterialIcon delete comment & review
  • Icon editFAQ
  • Icon deleteFAQ
  • Button Delete User
  • Button Cancel Plan
  • Icon fa-fa close
All the non-clickable elements have a Conditional for the demo admin account, for example:
Image without caption
So, when the Current User isn't logged in or the Current User's email is the demo admin account, these buttons will not be clickable for security reasons.
Image without caption
Note: If you want to navigate to the admin page, please log in as Demo Admin. But, if you have already purchased the template, any user with admin rights will be able to access this page and use its features to the fullest. Just follow the guide below.
1. Go to Data -> App data -> All Users tab. Select any user you want to grant the admin rights to, and edit the database entry. Type in the admin word for the AccessRights field:
Image without caption
Note: Remember to hit the SAVE button.
Great. This will give you the right to access the admin page. Now, in order to become super admin and use all the panel features, follow the step below.
2. Go to Data -> App data -> All Admins tab. Edit the single available entry, and set the Admin field to yes:
Image without caption
Note: Remember to hit the SAVE button.
Congrats! You have successfully enabled the admin rights. Now, you are able to test the dashboard page and use its features to the fullest.
Also, go to the Design tab, locate the Group "alertDemo" element, and simply delete it:
Image without caption
Image without caption

Custom Code

On certain pages, there are some HTML elements used for some solutions that are not available by default.
You can find these codes on the following pages:
admin page:
  • HTML noScroll - used to remove the scrolling bar from the Action logs section.
Image without caption
Image without caption
  • HTML sideMenu_&_dropdown - used to keep the left-side menu bar with a full height; to customize the dropdown and override the standard dropdown design in Safari browser.
Image without caption
Image without caption
course page:
  • HTML WISTIA - an iframe used to display the video pulled from WISTIA hosting.
Image without caption
  • HTML wistiaiframe - an iframe used to display the video pulled from WISTIA hosting.
Image without caption
course_details page:
  • HTML Avideo - an iframe used to display the video pulled from WISTIA hosting
Image without caption
  • Run javascript 1 - used to find out which point the video course was left at
Image without caption
  • Run javascript 2 - used to autoplay on page load
Image without caption
  • Run javascript 3 - used to check every 60 seconds which point of the video course a user is at
Image without caption
  • Run javascript 4 - used to set the second the video course should start at
Image without caption
pricing page:
  • Run javascript - used to redirect to the Stripe Checkout based on the selected subscription plan
Image without caption
signup page:
  • HTML A - used to stretch the group to the full height on all screen sizes
Image without caption
Feel free to customise the styles, but please note that changing the code may break the described functionality. Strong CSS/Javascript and Bubble skills recommended. For all things Bubble check: https://manual.bubble.io. For CSS/Javascript check: https://www.w3schools.com.

API Webhooks

Learny is using Backend workflows for some important features: update and cancel subscriptions.
💡
Tip: To learn more about API Webhooks and how to use them in Bubble, click here and here.
The Stripe webhooks that are in this template are:
  • customer.subscription.updated - this webhook updates the subscription plan.
  • customer.subscription.deleted - this webhook cancels the subscription plan.
They can be located in the Backend workflows tab in your editor:
Image without caption
The responsible endpoints for updating and canceling a subscription are the following ones:
Image without caption
Image without caption

Embedded Notes in Bubble Editor

This template comes with explicit notes for Data types and their fields, Option sets and their fields, and Privacy rules, which will guide you through the modification process.
In order to preview a Note of any data type or field, click on the 💬 icon.
Image without caption

Powered by Notaku