Modules

Modules (aka Plugins or Extension in other CMS) are components used to extend SonicJs and show content in the columns of your pages. Modules are very powerful in SonicJs due to their ability to modify core functionality and the functionality of other modules. 

Most CMS, even highly priced commercial systems, often treat modules as "bolt-ons" meaning that they sit on top of your CMS add can add functionality. Of coarse they also have the ability to perform basic operations via an API, but they are almost always very limited in their ability to modify the core functionality of the CMS. More-over, a module's ability to extend another module is typically non-existent or very limited.

SonicJs is different. SonicJs was built from the ground up to construct a light-weight core with many integration points, allowing modules to tweak and override very specific system functions as well as functions built in other modules. See the module section in the developer docs for more info.

Modules List

SonicJs comes with loads of modules out of the box and has new ones added by the core team every month. Below is a list of modules and their associated description below.

Alert

Adds an alert section to the specified column

Amplitude

Adds integration with Amplitude, a popular digital optimization platform that helps you optimize your website for user conversions. 

Blog

Create blog posts with title, body and images (images can be automatically resized). Mange tags and categories. Select from various blog post listing option layouts. Allow users to search from blog posts and filter by tag.

Button

Simple button, great for links and call to actions. You can set the text, style and link.

Code Snippet

Allows you to show code blocks on your pages.

Comment

Adds a simple commenting solutions to your pages

Compare

A module for comparing content, such as products or services. It generates an easy to read responsive matrix.

Contact

A contact form for you site. The fields are 100% editable using SonicJs' form builder. The confirmation email is configurable and allows tokens for personalization. 

FAQ

An FAQ module that renders as a collapsable accordion menu.

Feature Box

Specify an icon, link, text and short description to generate a simple feature box.

Gallery

An advanced media gallery with loads of features. Great for displaying images and video libraries.

Google Analytics

Easily add Google Analytics to your site simply by adding your GA UID.

Header

A configurable header allowing you to create an advanced header. Commonly used for the home page or other main pages on your site.

Hello World

An example module for developers learning about SonicJs' module development system.

Html

A WYSIWYG editor for adding html content to your columns. Various WYSIWYG options are supported.

Image

Add a single image to a page column. The image can optionally open in a modal on click or link to another page.

Keep Alive

A module that will keep your website from sleeping on Heroku and other free hosting platforms.

Menu

Add a menu to your site that is not part of the theme. Commonly used for sidebar navigation.

Menu Title

Automatically generate a menu based on the title (h1, h2, h3, etc) tags on the current page. Great for enabling anchor based navigation on long content pages.

Shortcodes

Add shortcode tags that can be rendered as complex html. Great for simplifying complex html layouts by allowing you to break them down into smaller component and reuse them in multiple places on your website. 

SmartLook

Integration with SmartLook user behavior, user session recording analyzer. Great for understanding how users are interacting with you website.

Spacer

A simple spacer for adding vertical gaps between modules. Modules can also use bootstrap css classes so this module is often not necessary, but can be useful in some scenarios.

Text

Add raw html text that will be rendered as html or simple text copy to your columns.

Title

Add titles (h1, h2, h3, etc) and specify anchor ids and horizontal alignment. 

Video

Add a Video with built in player to your website.

YouTube

Display a Youtube video to your site.

Next up: check out the Themes user guide.