Content Builder Introduction
Content Builder is a powerful and intuitive page editor with minimum complexity. Beautiful websites can be created quickly by simply selecting and dragging & dropping — no code, what you see is what you get.
All Obvio demo pages are built with Content Builder. Combined with the 120+ predefined content blocks and 20+ page templates, you can reproduce the demo site in minutes.
Key Features
- Visual editing — drag & drop, WYSIWYG, no code required
- 120+ predefined content blocks — headings, text & image, buttons, forms, counters and more
- Rich text editor — a full-featured WYSIWYG editor with quick icon insertion and image cropping
- Save & reuse sections — save page content as section templates and reuse them anytime
- Lightbox — image, YouTube / Vimeo / HTML5 video and Google Map lightboxes
- Responsive — multi-column layouts and block settings can be adjusted per resolution
Upload Resource Files
There are many resource files and templates included in the Content Builder module, so you need to upload the files via FTP manually.
Find the ContentBuilder folder in the purchased product, and upload it to the Portals/_default directory of your site with FTP software. There are many files to upload, so the upload may take a while. Once it is done, you can start using the Content Builder module.
Prerequisites
If you have not uploaded the resource files or changed the HTML editor settings yet, please read Preparations Before Using the Skin first.
Documentation Map
| Feature | Description | Doc |
|---|---|---|
| Quick Start | Add the module to a page and build pages by selecting sections | Quick Start |
| Add Content Block | 120+ predefined content blocks, added by clicking or dragging & dropping | Add Content Block |
| Text Editor | A feature-rich WYSIWYG editor | Text Editor |
| Quick Setup Icon | Font Awesome 5, Linearicons and animation icons built in | Quick Setup Icon |
| Cropping Images | Crop images quickly in the editor | Cropping Images |
| Section Settings | Settings for sections | Section Settings |
| Box Settings | Background images, content width, font color and more | Box Settings |
| Column Layout | Create multi-column layouts within a section | Column Layout |
| Lightbox | Display images, videos and maps in a lightbox | Lightbox |
| Save Section | Save page content as a reusable section | Save Section |