Creating A Website Using The Appcropolis Builder

In this video I am going to show you how to create a project using the new appcropolis builder.

The version that we are will be using for this demo is 0.2.0. By the time that you watch this video, things might look a little bit different since we are actively improving the user interface and the builder functionality.

1. Open the project window

The first thing that you need to do is to open the project window by clicking on the “Projects” button in the upper left corner.

 

01-open-project-popup

 

2. Choose the type of project you wish to build

Before you can give a name to your project, you have to choose between creating a “Desktop” project, or a “Mobile” project.

 

02-choose-a-project

 

3. Name your project

For now, we will go ahead and choose a “Desktop” project. You will be presented with a popup window from which you can specify the name of your project.

 

03-name-your-project

 

You can choose any name for your project but using special characters since they will be replace with hyphens. In other words, make sure that you use letters, numbers, hyphens, or underscore characters.

NOTE: The name of your project cannot be a number (e.g. 3456). It must contain at least one letter.

Once you have chosen a name for your project, your click “Ok” and you project will be created in a few seconds.

 

04-preview-project

 

4. Preview your project

Keep in mind that you not only created a project within the builder, you also deployed a full  Wordpress that it is already connected to your project. To access your project from the browser, you can click on the “Live Preview” option, located in the “Options” menu on the upper right side of the top bar.

 

05-your-peoject

 

You can also open a new browser tab or window, click on the address bar, and enter the URL of your project. This URL follows this structure:

[project_name]-[your_user_name].simplifysites.com

(e.g. demo-sanraul.simplifysits.com)

 

IMPORTANT:

You can quickly access the admin area (WordPress) of your site by simply typing the URL of your project followed by “/wp-admin”. We will cover the WordPress integration in future videos.

 

06-project-wordpress-admin

Leave a Reply

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