Drupal Site Builder Introduction

What can SIBU do?

Using SIBU Natural Site Editor, we built each template below within 2 hours:

Each demo is a sample website for the standard requirement in Drupal 8 - Packagable, downloadable, and etc. We created them by clicking on SIBU Natural Site Edit only without coding, and configuring Drupal.

http://demo.sibu.ai/#zircon (a simple layout website)
http://demo.sibu.ai/#business (a simple business website)
http://demo.sibu.ai/#restaurant (a simple restaurant website)
http://demo.sibu.ai/#flatize (a simple website for shop)
http://demo.sibu.ai/#magazine (a simple news website)
http://demo.sibu.ai/#laundry (a simple website for laundry)
http://demo.sibu.ai/#flowers (a simple website for flower shop)
http://demo.sibu.ai/#landing_page (a simple landing page)

A quick introduction about SIBU & SIBU Natural Editor will be shown below. Just need to click on SIBU, we can build a complete Drupal 8 website quickly and easily.

Change Layout

Layout Default of website

Step 2:Complete the below form:

Following steps below to change layout for your site:

Step 1: Hover on Site config icon and click on Change layout

Step 2:Complete the below form:

Step 2:Choose Layout name, Color and Click Save button to submit form.

Result:

Add Section

Step 1: Hover and click on Add section button to add new a section below the chosen section.

Step 2:Complete the below form:

Step 3: Click on Save button.

Result:

Remove Section

Step 1: Hover on Section config icon and click on Remove section link.

Step 2: Click on Delete button to delete section.

Config style Section

You can change options of the selected section.

Step 1: Hover on Section config icon and click on Config section style link.

Step 2: Completing this form (similar to the add section form)

Click Save button

Result:

Add new listing block

Step 1: Hover and click on Add block in each region

Step 2:Select new block.

Step 3:Select block type (Listing block).

Step 4:Completing this form.

- Result:

Add new menu block

Step 1: Hover and click on Add block in each region

Step 2:Select new block.

Step 3:Select block type (Menu).

Step 4:Completing this form.

- Result:

Add new basic block

Step 1: Hover and click on Add block in each region

Step 2:Select new block.

Step 3:Select block type (Simple block).

Step 4:Completing this form.

- Result:

Add new form block

Step 1: Hover and click on Add block in each region

Step 2:Select new block.

Step 3:Select block type (Form block).

Step 4:Completing this form.

- Result:

Add a existing block

Step 1: Hover and click on Add block in each region

Step 2:Following the form below to add a existing block to region.

Step 3: Click on Save button.

Result:

Edit listing block

Step 1: Hover on Listing config icon and click on Edit listing config link:

Step 2:Change params for listing in form.

Step 3:Click Save button

- Result:

Remove listing block

Step 1: Hover on Listing config icon and click on Remove listing link

Step 2: Click Unassign (1) button to remove listing block from selected region or click Delete (2) button to delete listing block.

Order items in menu

Step 1: Hover on Menu config icon and click on Order items link

Step 2: Press and hold to move items up, down, left and right

- Click on Save button to submit

- Result:

Config menu style

Step 1: Hover on Menu config icon and click on Config menu style link

Step 2: Select a style in drop-down list

Step 3: Click Save. See result:

Remove menu

Step 1: Hover on Menu config icon and click on Remove menu link

Step 2: Click Unassign (1) button to remove menu from selected region or click Delete (2) button to delete menu.

Edit Simple block

Step 1: Hover on Block config icon and click on Edit block link

Step 2: Edit content in field from the form below

Result:

Remove Simple block

Step 1: Hover on Block config icon and click on Remove block link

Step 2: Click Unassign (1) button to remove simple block from selected region or click Delete (2) button to delete simple block.

Remove Form block

Step 1: Hover on Block config icon and click on Remove block link

Step 2: Click Delete button to delete form block

Add new listing page (for a menu)

Step 1: Hover on Menu config icon and click on Add a page (1) link

Step 2:Select page New page.

Step 3:Select page type (listing page).

Step 4:Completing this form.

- Click Save button

- Result:

Add new basic page (for menu)

Step 1: Hover on Menu config icon and click on Add a page (1) link

Step 2:Select page New page.

Step 3:Select page type (basic page).

Step 4:Completing this form.

- Click Save button

- Result:

Add new form page (for menu)

Step 1: Hover on Menu config icon and click on Add a page (1) link

Step 2:Select page New page.

Step 3:Select page type (form page).

Step 4:Completing this form.

- Click Save button

- Result:

Add existing page for website

Step 1: Hover on Menu config icon and click on Add a page (2) link

Step 2:Completing the below form

- Result:

Add new listing page (for anywhere)

Step 1: Hover on Site config icon and click on Create a new page (1) link

Step 2:Select page type (listing page).

Step 3:Completing this form.

- Click Save button

- Result:

Add new basic page (for anywhere)

Step 1: Hover on Site config icon and click on Create a new page (1) link

Step 2:Select page type (basic page).

Step 3:Completing this form.

- Click Save button

- Result:

Add new form page (for anywhere)

Step 1: Hover on Site config icon and click on Create a new page (1) link

Step 2:Select page type (form page).

Step 3:Completing this form.

- Click Save button

- Result:

Add new content to the listing

Step 1:Hover on Listing config icon and click on Create a new content link

Step 2:Completing the below form:

Step 3:Click to Save button

- Result:

Edit listing block

Step 1: Hover on Listing config icon and click on Edit listing config link:

Step 2:Change params for listing in form.

Step 3:Click Save button

- Result:

Edit listing page

Step 1: Hover on Listing config icon and click on Edit listing config link:

Step 2:Change params for listing in form.

Step 3:Click Save button

- Result:

Remove listing block

Step 1: Hover on Listing config icon and click on Remove listing link

Step 2: Click Unassign (1) button to remove listing block from selected region or click Delete (2) button to delete listing block.

Remove listing page

Step 1: Hover on Listing config icon and click on Remove listing link

Step 2: Click Delete button to delete listing page.

Edit content

Step 1: You can start from location in page:

- Hover on Content config icon in each content and click on Edit listing content link

- Hover on Content config icon and click on Edit content link from page content detail

Step 2:Edit fields in form

Step 3:Click Save button.

- Result:

Remove content

Step 1: You can start from two location:

- Hover on Content config icon in each content and click on Delete listing content link

- Hover on Content config icon and click on Delete link from page content detail

Step 2:Click Delete button to delete content

Step 3:Click Save button.

- Result:

Edit style

Step 1: Hover on Content config icon and click on Edit style link

Step 2: Select a style

Step 3: Click Save button

- Result

Edit field

Step 1: Hover and click on Edit icon of each field in view (or page content detail)

Step 2: Edit content of field in form

Step 3: Click Save button

- Result:

Shop config (Edit skin)

Step 1: Hover on Site config icon and click on Config shop link

Step 2: Click Active button to active your shop

Step 3: Config shop and select skin in modal

- Result:

Category config

Step 1: Hover on Site config icon and click on Create a new category link

Step 2: Config category in form

Config site information

Step 1: Hover on Site config icon and click on Config site information link

Step 2: Config the below form

Step 3: Click Save button

- Result:

Config system

Step 1: Hover on Site config icon and click on Config system link

Step 2: Add your domain into below form

Step 3: Click Save button

- Result:

Publish/Unpublish site

Step 1: Hover on Site config icon and click on Publish/Unpublish site link

Step 2: Select Publish or Unpublish in form

- Result: If you select Unpublish option, you have to enter Username and Password for Authentication to access your site

Backup site

Step 1: Hover on Site config icon and click on Backup this site link

Step 2: Click Backup button

- Result: Your site has been backed up

Why I build this Drupal Site Builder?

I'm Hai Nguyen, owner of WeebPal and SIBU, 20 years exp in programming, 13 years exp in Web Development and 8 years exp in Drupal Development. Luckily, my experience in hundreds of themes and hundreds of custom projects I did from 2008 in WeebPal and ThemeBrain help me do this project:

I started coding SIBU from Oct 2018
Prove of Concept version was completed on Jan 2019
Alpha version was completed on Jun 2019
Beta version was completed on Nov 2019
RC version is almost completed now (March 2020)

Who can use SIBU?

I don't wish this system is useful for anyone. I build this system for the people who need to build the websites quickly or longer use than normal:

Drupal developers normally need over 200h to complete a small tailor website can finish it in couple of hours.
Drupal developers need a few click to build a standard themes and Drupal structure project in a few minutes, download and start any projects.
Sales man/Business analyst/Customer relationship guy who discussing with client about the project requirement can use this system to build the website ideas directly to show, discuss idea about the website he needs to get confirmation directly and quickly. Output of this system is a complete website than just a wiframe like the other tools.
Front end/CSS can build Drupal project himself, add, build any pages himself completely, some time he can adding own css to solve the of of the box requirement from client about look and feel
And any other people who understand what is a website, understand the ideas, items of a website can use it to build any website for themselves.
SIBU includes hosting, domain config, SEO, Responsive, Wysiwyg tool to manage website, content, shop, packagable, downloadable ...

What does SIBU need from you?

Any Partners, Mentors, Investors, Users trial, Feedback, Friends ... are welcome to help us to success this project.

Best Regards