vB5 Manual and API Documentation
Forums API Toggle Dark/Light/Auto mode Toggle Dark/Light/Auto mode Toggle Dark/Light/Auto mode Back to homepage

Site Builder

Site Builder allows you to build the community that you want. As the site administrator, you can edit existing pages and create new ones. This is done using a drag and drop interface so you can see your work as you build. All without logging in to the AdminCP. Site Builder deals with the outward facing portion of a site, the AdminCP controls the nuts and bolts of the system.

Background: vBulletin Publishing Suite had limited capabilities to do this with CMS pages, Forum Blocks, and the Ad Manager. vBulletin improves on those capabilities and applies them to every page of your site.

To see a list of available modules that you can use on your pages see the Module List.

Everything else is controlled and administered using the AdminCP.

Accessing Site Builder

If you’re an Administrator in vBulletin 5, you might have noticed a new button to the right of your login. This button lets you access the Site Builder. The Site Builder lets you create new pages, and add and remove modules to existing pages. It also allows you to edit the header, the footer and the navigation bar.

Menu with Site Builder Off

The first step in customizing pages on your site is to turn Site Builder on. To do that, just click the Edit Site toggle. Once turned on, Site Builder will stay on until you turn it off. This will reveal a new menu items at the top of the page, like this:

Menu with Site Builder On

The new items are the commands for Site Builder. These are: Channels, Style, Pages, New Page, Edit Page, Header, Navigation Bar, and Footer. Each option controls and edits a different part of your site. Clicking on any link will reveal the related tools without reloading the page.

Tools Available in Site Builder

Site Builder is divided into a series of tools. These tools are detailed in the remaining sections of this part of the documentation.


Quick Setup

The Quick Setup editor offers a few options to help you get your site up and running in as little time as possible. These options come from a variety of the previous tools. Within the Quick Setup, you can upload a new logo, create your first channels and invite people to join your site.

Style

The Style Manager allows you to set the look of your site. Using the Style tab, you can select one of the themes installed in your vBulletin and set it as the site default theme. The Style Manager also allows you to edit your custom CSS.

Channels

Channels are containers for your site’s content. These include Forums, Blogs, Article Sections, and Social Groups. The Channels tool allows you to quickly add or delete channels from your site. However for more advanced features, you’ll need to use the Channel Manager within the AdminCP.

Pages

There are two types of pages in vBulletin. System Pages and Custom Pages. System pages cannot be removed and may contain modules (content blocks) that are required for that page. However, System Pages can be edited and have optional modules added or removed to customize the page. You can also create Custom Pages. These can be added and deleted and may contain any number of modules.

New Page

This is the page editing tool. This is the same as the “Edit Page” tools but will create a new page on your site along with a corresponding page template. Each page template consists of a layout and one or more modules.

Edit Page

Opens the Page Editing tool to edit the current page. If you overwrite the current page template, all pages using that template will be updated as well.

Header

The header is global and any changes will appear on all pages. Using the Header tool, you can change your logo or place advertising above the page. The header cannot contain additional modules at this time.

Navigation Bar

With the Navigation Bar editor, you can create up to two layers of navigation. This includes the primary navigation tabs and a contextual sub-navigation that can be assigned to each tab. Changes here will affect all Styles.

Footer

The footer is the final global component on the site. Using the footer tool, you can add custom links to the bottom of your pages.