If you don’t already have a free Divio Account, head over to the Divio website and create one, now.

Once logged in, click on the button on the top right labeled "Add new Project.”

This will redirect you to the "Add new Project" creation screen. In addition to choosing a "Name" for your project, the following options are required to get started with the tutorial:

  • Creation: New
  • Region: Choose United States or European Union
  • Python: Choose Python 2.7.x or Python 3.x
  • Type: django CMS
  • Boilerplates: HTML5 Boilerplate


What are Boilerplates?
Boilerplates define certain aspects of the project setup, such as templates, CSS and JavaScript files, which are copied into your project at creation. You can learn more about how to add your own Boilerplates.

The summary on the right of your screen should look similar to this: 

Click "Create Project" to continue to the Project’s "Dashboard".

On the Project's Dashboard, you’ll find multiple options to manage your django CMS project on Divio Cloud. For this tutorial, we’ll only be focusing on these two sections:

  • Dashboard
  • Addons

First, navigate to the "Addons" section. This section allows you to install certain Addons published on Divio Cloud.

We want to install two additional addons for this tutorial:

  • Aldryn Bootstrap 3
  • Aldryn News & Blog

In the top-right section of the "Addons" section, find the search box and type in "Aldryn Bootstrap 3." The result should look something like this:

Click "Install for free" on the right side. This will bring you to the installation page of the Addon.

Certain Addons require configuration before they can be added. In this case, Aldryn Bootstrap 3 offers two different icon sets and additional carousel styles.

For now, leave these settings as-is. Then, click "Install Aldryn Bootstrap 3" in the lower right corner.

Next, search for "Aldryn News & Blog" and repeat the same steps as the previous Addon.

In the same Interface, search for "django CMS Link", "django CMS Picture" and "django CMS File". On each click on the "Configure" button and choose to "Uninstall" the Addon. 

Aldryn Bootstrap 3 already provides a bootstrap enhanced link, picture and file plugin, no need to overcomplicate the choices.

You will see an uninstalling progress bar, after the checks are done, click "I am sure" to uninstall the Addon from your project.

This will add/remove the selected Addons to your project, so they get installed with the next deployment. 


What’s Bootstrap 3?

Bootstrap (http://getbootstrap.com/) is a popular web framework, which comes with many built-in web components such as Carousels, Dropdown Buttons and Navigation Bars, and handles responsive and mobile-driven websites out of the box.

At last hit the "Deploy" button for the "Test-Server" on the "Dashboard" to setup your project. Once this has finished you are ready to go to the next step:

Let’s move on to the next step and install the Divio App.

Did this answer your question?