Now that you find a theme that you like, it's time to upload your course content.
But not to Webflow.
In this case, we are going to use Kajabi.
Note: This article assumes that you already have created your course. If you want to learn how to make an online course, we recommend going to YouTube to learn how.
Kajabi is a course hosting platform that makes it easy for course creators to upload their courses.
To get started, you'll need a Kajabi account.
Once you sign up, you will want to click the products menu item in the left-hand corner.
Then you will want to add a new product.
You can choose from different blueprints. We recommend selecting the 'Online Course' blueprint.
You would want to name the product of your course.
Note: This video gives you a better explanation of this process
If my course is "How To Sell Candles Online," we could name the product something like "How To Sell Candles Online - The Beginner Course". You can name the course whatever you'd like. After giving your course a title, be sure to add a description and product thumbnail.
You will then redirect to your new course outline.
In the outline, you can add the different categories of your course and your course's actual content.
You will want to delete the pre-loaded content and add your content.
You will want to upload your video (if you have one) or assessments.
You can also add an image to the content and change any of the body text.
We recommend that you preview the course by click the little eye icon located under the content title.
Once you're done adding your content, click on save.
You will repeat this process until you upload your entire course.
After uploading your course, the next step is to click on 'Offers' in the left-hand menu.
Create a new offer by click 'New Offer.'
Give the offer a title, associate the product (your course), and give your offer a price (the price of your course).
Then click Save.
Selling Courses On Your Website
Now that you created your website and created your course in Kajabi, it's time to sell it!
You could sell your course on Kajabi, but it lacks some customizability and functionality.
It's better to sell on Webflow following the steps we are going to outline below.
Now that you have your course in Kajabi and your site in Webflow, it's time to set up your payment form.
We are going to use a tool called Cartfuel.
Cartfuel is a payment form builder that allows you to sell online, and it has direct integration with Kajabi.
This means that you will be able to sell your course using Cartfuel and have your customers sent to Kajabi.
Choose if you want to charge extra fees if you're going to add a quantity field, add a coupon, add an order bump, or countdown timer if you charge taxes.
After adding the extra features to your payment form, you will want to scroll to the second step.
In the second step you will be able to customize your payment form.
Next, you will want to select which payment form style you want.
Cartfuel gives you two options.
Class form style
2-step form style
The classic form style is a clean linear style form.
At the top, you have the product name and product price.
At the bottom, we have the area where customers can enter their debit/credit card information.
The two-step form is horizontal. It starts with the first step being where the customer enters the full name and email address.
Once complete, the customer can proceed to enter their credit/debit card.
From there, you can edit the payment form header text as well as the placeholder text.
You can also edit the button text, button color, button size, and button radius.
It's your payment form so that you can customize it to your liking.
And if you don't see a customize feature, you can add custom CSS to change the form.
Please note: You will need coding knowledge to change the form using CSS.
Once done, you can proceed to the next step which is where you will decide where you want the buyer to go after they purchase.
You can enter any URL that you'd like like the thank you page URL or an upsell page URL.
In this example, we'll just enter an upsell URL. (This URL will come from your webflow site)
Because we decided to send them to an upsell page, we have to configure the upsell. Upsells are used to increase your revenue so it's a good idea to offer them if you have another product in mind to sell after your main product.
After you configure your upsell, in the after upsell tab, you will want to enter your thank you page URL. (The URL of where you want the customers to go after they see the upsell page)
Then in step 4, you will configure your integrations. Specifically, in this case, your Kajabi integration.
From the dropdown select the Kajabi Webhook that we added in the previous step.
Then click save.
How To Sell Your Course On Your Website
Once you have created a new product sequence in Cartfuel and you click save, a popup will appear.
You will see two sets of codes (or more depending on if you added one-click upsells)
You will want to click on the first code snippet. It will copy the code for you.
Don't fret; you don't have to know anything about coding or what the code is doing.
All you need to do is go to your website and add the code to wherever you want your payment form to appear.
For example, if you are using WordPress or Webflow, you will first add an HTML or Embed element to your site.