Content Builder

Content Builder is a powerful and intuitive page editor with minimum complexity. Beautiful websites can be quickly created by simply selecting and dragging & dropping, without any code, what you see is what you get.

There are many resource files and templates included in the Content Builder module, so you need to upload the files via FTP by manual.

You will find the ContentBuilder folder in the purchased product, please upload it to the Portals_default directory of your site with FTP software. There are many files that need to be uploaded, so please wait with patience. Once the upload is done, then you can start to use the Content Builder module.

Login to your site with the administrator account, add the DNNGo Content Builder module to a full width pane. Click the ‘+’ symbol on the left of the control panel, or click the ‘Click to add content’ in the module. Then select a section area in the pop-up box to be added to a page. Please check the following video to know more detailed usage steps.

There are 180 predefined content blocks included in this theme, and you can add elements to sections just simply by clicking or dragging & dropping. Please check the following video to know more detailed usage steps.

This theme includes a feature-rich WYSIWYG editor. Please check the following video to know more detailed usage steps.

This theme integrated Font Awesome 5, Linearicons and Animation icon, you can choose to use them quickly through the editor. Please check the following video to know more detailed usage steps.

You can quickly crop images with the editor. Please check the following video to know more detailed usage steps.

Please check the following video to know usage steps.

You can set background image, content width, font color and etc. for section areas. Please check the following video to know usage steps.

Please check the following video to know usage steps.

You can set lightbox for images and links. When clicking images or links, images, videos or maps will be displayed as lightbox. Please check the following video to know usage steps.

First, please set the Link Type to be Image (Lightbox), then enter an image URL in the Image URL, or upload an image.

Please set the Link Type to be YouTube Video (Lightbox), then enter a video URL in the YouTube URL. For instance: https://www.youtube.com/embed/AkcUoA2f-jU, ‘AkcUoA2f-jU’ is the video ID, and you can use your own video ID instead.

Please set the Link Type to be Vimeo Video (Lightbox), then enter a video URL in the Vimeo URL. For instance: https://player.vimeo.com/video/106249100, ‘106249100’ is the video ID, you can use your own video ID to replace it.

You need to set the Link Type to be HTML5 Video (Lightbox), then enter a video URL in the HTML5 URL. Please note the video format has to be MP4.

You need to set the Link Type to be Google Map (Lightbox), then input a map URL in the Google Map URL. Such as:

https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3023.4180044887703!2d-73.99952068428715!3d40.730826844399864!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c25990e23d7e8d%3A0xfa615edfd1b67e18!2sWashington%20Square%20Park!5e0!3m2!1sen!2sus!4v1575362448308!5m2!1sen!2sus

You can link multiple images to the same lightbox.

You can set lightbox for the HTML content.

You can save the created page content as a section. Please check the following video to know usage steps.