Using Modules

Introduction to Modules

Modules are a powerful feature in Convergence that allow you to edit parts of your website using a simple, code-free interface. Each module is basically a simple container that holds your content and allows you to easily access and change that content as needed. A solid understanding of modules will help you quickly and easily change your site to your exact needs. 

Convergence offers 8 different module types, and each module type is used to create and display different types of content. When you want to create a new content area, simply decide what type of content you want to add and choose the module type that corresponds to that content. 

Here is a brief overview of each module:

ModuleDescription
Text Module The text module is one of the most important and offers several features for editing text, adding media elements, and embedding special elements into your site. The text module features a powerful text editor very similar to popular word processing software.
Photos Module The photos module allows you to quickly upload and add photos to your site in clean, organized and beautiful slideshows or galleries.
Blog/News Module The blog/news module is a very powerful module for creating blogs or newsfeeds on your site. You have features like commenting, tagging, and a robust text editor for adding all sorts of content into your articles.
Blog/News Quicklist You can use the Blog/News Quicklist Module to pull your articles into other pages and display that content just about anywhere on your site.
Events Module The events module allows you to create and manage calendars and event feeds. With this module you can quickly create a feed of events in a list style or show a graphical calendar with events.
Events Quicklist You can use the Events Quicklist Module to pull your articles into other pages and display that content just about anywhere on your site.
Forms Module The Forms Module gives you the power to create dynamic contact forms on your website without any code. Forms are great for allowing your customers, clients, or fans to contact you without having to physically advertise your email address on your website.
Twitter Module With the Twitter Module you can quickly set up a feed of your most recent tweets and display them on your site.
Item-List Module If you are using item-lists on your site, the item-list module will be available. You can use this module to display items in your item-list in a variety of ways.
Products Module If you are using e-commerce on your site, the products module will be available. You can use this module to display your products on your site. Multiple options are available for how these products are displayed, what will be shown, and how they can be interacted with.
 

Adding Modules

Creating modules on your site is very easy:

  1. When you are logged in, you will see the "+Add Module" feature. Click on this to bring up a dropdown of the available modules.
  2. Click on the name of the module you'd like to add.
  3. Some modules are repeating, which means you will have the option to create a new module after you have created one. This comes in handy when you want to segment your content into multiple modules or module types.
 

Global Modules

You may run across modules on your site like the one below:

 

These "Global" Modules are a simple way to repeat content across multiple pages/sections of your site without having to duplicate the content. Often these are found in repeating sections of the site such as the header, sidebar, or footer. When content is added to a global module, that same content will be shown across every page with that global module.

For instance, if you have a global module in your sidebar where you wanted to display a twitter feed, you could create a twitter module there and add your settings. Once saved, that twitter feed would show up in the sidebar on every page of your site with that same layout. This is preferrable to recreating the module on every page where you needed to display that content.

 

Moving & Organizing Modules

When you have multiple modules in the same section of your page, you can drag-and-drop them to rearrange them in the order you like.

 

A simple case example would be if you wanted to add a section header or title above a previously created module, you could add a new text module with your title, save it, and then drag-and-drop it above your content.

To drag-and-drop modules, look for the move tool on the right side of the module bar. Click and hold the move tool with your mouse, then drag the module to the appropriate area. You'll notice a dashed background show up where the module will be placed.

*Please note that dragging-and dropping modules into seperate sections of your site (such as from the sidebar to the footer) can cause unpredictible behaviour and even break your layout structure. It is recommended that you only drag-and-drop modules within the same content areas where they were created.