Welcome! This tutorial will help you get started using Geenio. We will show you around and explain how to perform basic tasks in Geenio. By the end of this tutorial you will be able to do the following:

  • Create a Geenio account with an associated subscription.
  • Create a course and make it non-linear.


Welcome to Geenio!

To get you started, let's create a Geenio account for you.

  1. Open your browser, go to https://geen.io/ and click the Sign Up button.
  2. Type in your email address and hit Continue. You will be sent an email - let's go check it out.
  3. Open the email and click the Activate button. You will be taken back to the Geenio site for one final step.
  4. Introduce yourself! Type your first and last name in the form, set a password, and select the "I agree with Terms and Conditions of service" checkbox (go give them a read first though).

  5. Click Finish to complete the creation of your account. Your email address is now your login, and you can use it along with the password specified during step 4 to log in to your account at https://geen.io/login/

Doing great so far! However, there is one more step we need to take before we can get busy creating courses. Namely, we need to create a site. A site in Geenio is a separate instance, containing users, groups, and courses. A single Geenio account can have one or multiple sites associated with it.

  1. After you have created your account, you are taken to the site creation screen. Click the Create New Site button to get started.
  2. Specify the site name and the domain name. The site name is visible only to you, and is used to tell sites apart. If you plan on having many sites on your account, make sure to give them descriptive names. The domain name gives your Geenio account a unique web address. For example, if you specify "johnselearning" as the domain name, both you and your learners will be able to log in to your respective accounts by browsing https://johnselearning.geen.io, as well as http://geen.io. Note that you can change the site name, but not the domain name, so choose carefully.
  3. Once you are happy with your site and domain names, click Continue to proceed.
  4. Now it is time to set up your plan. A plan is a combination of features available to your account and the resource limits imposed upon it. Some plans are free, and some are paid. Paid plans offer more features and higher resource limits than free ones. Plans are set up individually for every site on your account. With this being said, let us pick a plan for your site.
  5. Select the "Professional" plan from the list. You now need to select a time period. The "Professional" plan offers a free 30 days trial period. Select it from the list and click Continue.
  6. Type in your password, select the "I agree with Terms and Conditions of service" checkbox, and click Continue.

After a few seconds, your subscription is created, and you are ready to go! Click Open Site to log in to your site. This is where you will be creating your courses, users, groups, and more. Let's begin by creating a short course.

Can we build it? Yes we can!

  1. Open the Courses tab and click Create.
  2. Type in the name of the course. Let's name this one "My First Course". Has a nice ring to it, don't you think? Click Create when you are done to proceed.
  3. On the next screen, click the Course Builder button.

The course builder is a handy and versatile tool that you will use to build your courses. Drag and drop modules from the column on the left to create the course structure.

  1. Drag the Page element and drop it on the course map, right there where it says "Drag and drop new course element here". Click the icon to rename the element. Name your page "Intro Page".
  2. Repeat step 1 for the Lesson element and name it "Intro Lesson".
  3. Repeat step 1 for the Test element and name it "Intro Test".
  4. Make sure that your course structure is similar to the screenshot below:

Good job. What you have on your hands now is a very basic linear test. If a learner were to take it now, they would start with the page, then proceed to the lesson, and, finally, conclude the course with the test. I say let's make the course a bit spicier. Click the icon to go to the extended mode of the course builder - this is where the fun stuff happens. Let's make your course non-linear.

This one goes to eleven

When a learner takes a linear course, he or she follows the same sequence of steps and sees the same pages every time. Non-linear means that depending on the learner's actions, his or her destination may change. For example, if the learner takes a test, he or she may end up on different pages depending on the score received. Let us take a look at how your course should look in the extended mode:

Notice that the Intro Page is highlighted blue. This means that it is the starting point, the page the learner taking the course will see first. Also note the gray arrows with the icons. These are called Default Connections, and they indicate linear progression through the course. As you can see, although we have switched over to the extended mode, our course is still very much linear. Let us see what we can do about that.

There are no wrong questions

To make your course non-linear, let's add a Question element.

  1. Drag the Page element and drop it on the course map above the Intro Lesson. You will be prompted to configure the question. Leave the question type set to "Yes/No" for now. Paste the following text into the Question field: "Would you like to see the lesson?" Select the "Yes" radio button to mark it as the correct answer. All done, click Save to proceed.
  2. Click the question to bring up the toolbar and rename the question to "Intro Question", as described earlier in the tutorial.
  3. Click the default connection icon on the default connection found between the Intro Page and the Intro Lesson, and click Delete to remove it.

Now your starting page is no longer connected to the rest of the course elements. Note the icon that appeared on the Intro Page. It indicates that it is possible to create a default connection from this element. Let's create a default connection from the Intro Page to the Intro Question.

  1. Click the default connection icon and drag it to the question element. Release the mouse button to form the connection.

The way your course sits now, learners start at the Intro Page and then proceed to the Intro Question, but they've got nowhere to go from there. Let us fix that. Click the question element to bring up the toolbar again. Note the two icons that appear to the left and to the right of the element. Those can also be used to form connections. The  icon is called the Success Transition, and it determines where the learner will be taken if they answer the question correctly. The icon is called the Failure Transition, and it is used when the learner answers incorrectly. Let us create a success transition to the Intro Lesson, and a failure transition to the Intro Test.

  1. Click the success transition icon and drag it to the lesson element. Release the mouse button to form the connection.
  2. Repeat the previous step to create a failure transition to the test element.

Click click boom

We are almost there. To put one last finishing touch on the structure of your course, let's create a Click Transition. Click transitions are tied to elements on course pages, such as images, videos, or fragments of text, and they take the learner to the predefined course element when they interact with the page element the transition is tied to.

  1. Click the page element to bring up the toolbar, and then click the icon to open the page element for editing.
  2. Click the icon to add a text fragment to the page. Paste the following text into the text field: "Click here to skip to the text?"
  3. Click the icon to save the changes you made.
  4. Click the icon to go back to the course editor.

Click the page element again. Note the icon that has now appeared on the left. This is the click transition icon. Let's connect it to the test element.

  1. Click the click transition icon and drag it to the test element. Release the mouse button to form the connection.
  2. Select the text fragment you added to the page to indicate which element the transition will be anchored to.
  3. Click Create to complete the connection.

If you've done everything correctly, your course structure should look like this:


Look at my works, ye mighty

Boy, we've gone a long way, haven't we? Now that the structure of the course is done, you can flesh it out, if you wish. Use what you've learned to customize the page, the lesson, and the test. You can make up your own texts, or use an online Lorem Ipsum generator.

Now, before parting ways, I would like to explain the structure of the course to you, to make sure that no nuances get lost. Here is how a learner taking the course will move through it:

  1. The learner will always start with the Intro Page. They have the option to continue to the Intro Question, or to click the text element to go directly to the Intro Test.
  2. If the learner proceeds to the Intro Question, they will be taken to the Intro Lesson if they answer "Yes", or to the Intro Test if they answer "No".
  3. If the learner proceeds to the Intro Lesson, they will go to the Intro Test when they finish the lesson. There is no other option.
  4. The Intro Test concludes the course regardless of how the learner got there.

And that is it. No more steps. You're all done. Congratulations! Keep practicing and exploring the course builder and its many features, and you will become a master course builder in no time.

We recommend you to read the following articles