add online course to webflow

How to Add an Owwlish Course in Webflow

Read Time: 5 mins


Instead of just storing course content files on their Webflow store, a lot of people are looking to turn a section of their site into a functional classroom. Here’s our solution on how to create online courses using Webflow.

Want to learn how to Add Online course in webflow site? In this article, we will unveil the processes and steps on adding an Owwlish course to webflow. Webflow is a no-code tool for web design. It allows you to build functional, interactive websites without writing even a single line of code.

Before going through the integration instructions, please make sure to create your Owwlish online course and set up your Webflow site first. For instructions on how to create courses with Owwlish, you may check out this video:


Step 1: Integrate Owwlish with Webflow by Adding the Base Script

  1. Log in to Owwlish, then go to Settings and click Integrate. Choose Webflow from the platforms provided.

After you have successfully created your online courses in Owwlish, here are easy-to-follow steps on how to create an online course in webflow.

  1. Go to the Owwlish app, then select the settings menu and click integrate. After that, you can then now select a platform, and choose Webflow.
  1. In the popup, enter a nickname for your website (anything you want) and enter the URL of your Webflow site. Next, click the Create button. 
  1. You’ll be taken to the Connected Sites page (also accessible in the Settings menu). Click the top row under the column Client ID, which should be a long string of random numbers. 
  1. In the popup, copy the entire code from the box which you’ll soon be pasting into your Webflow site editor:
  1. Login to your Webflow site builder, locate the pages tab in the left-hand toolbar, create a new page and name it the name of your course.
  1. Add Online Course to Webflow by Pasting the Specific Course Script
    • It’s now time to add the specific online course script to Webflow:
    • In the Webflow site editor, first drag and drop a container element onto your page first, as this allows you to set the margin as well as to center your course.
    • Drag and drop an embed element onto your page by dragging it from the Add Elements tab. Now click on the embed element to open an html box.Paste your Owwlish course embed code into the html box settings for your embed element, then click the Save and Close button on the bottom right.

Step 2: Publish Your Course Page

Once you’ve customized your URLs and set up your permissions, just preview and publish your page. Congratulations! You’ve built an online course on your Webflow site with the help of Owwlish. Now you know how to add online course to webflow. Your students can now easily log in and sign up for your Owwlish course through that page you’ve created!

Additional Tips for You!

Did you know that you have the option to fully customize your own CSS with Owwlish if you need to? This gives you full control on how to stylize your website and match your Owwlish course to the overlook and feel of your site’s brand. 
Need to update your Owwlish course with more lessons or need to put additional information to keep your courses relevant? You can simply make these changes on Owwlish app and any changes you make will be automatically reflected on your Webflow site!

It’s Time to Start Building Your Online Course

In the realm of modern web design and eLearning, the possibilities are boundless, and the fusion of platforms like Owwlish and Webflow is a testament to the creative potential of technology. By seamlessly integrating Owwlish courses into your Webflow site, you’re not only embracing the power of a no-code web design tool but also empowering yourself to become an online educator. The journey from crafting your courses on Owwlish to effortlessly embedding them into your Webflow site is a testament to the future of education and online presence. With Owwlish’s user-friendly integration and Webflow’s design finesse, you’re not just adding online courses – you’re crafting a dynamic learning experience that’s as visually captivating as it is intellectually enriching.

Don’t hesitate to explore the world of Owwlish and Webflow – a dynamic duo that lets you wield your creative prowess in both design and education. Start your journey today, and bring your courses to life on the digital canvas with the perfect blend of form and function. Your potential as an educator and designer awaits, and Owwlish and Webflow are your trusted companions on this innovative voyage.

Related Articles: 

Stay in the loop

Get free expert insights and tips to grow your knowledge business sent right to your inbox



Leave a Reply

Your email address will not be published. Required fields are marked *

Stay in the loop

Get free expert insights and tips to succeed in selling more online courses

See Owwlish in Action

On Key

Related Posts

How to use AI to create online courses

In today’s rapidly evolving educational landscape, online courses have emerged as a cornerstone of modern learning. They offer unparalleled flexibility, accessibility, and a wide array

Before you go, get our . . .

Get our . . .

Online Course Launch Blueprint

“A Beautiful Guide for Starting an Online Course.”
Our PDF Guide will help you outline and plan a successful and effective online course.

Owwlish Update Notification
Note: If checked, we'll also add you to our email list where you can get online course building tips as well as updates about Owwlish. You can unsubscribe at any time!