Using Page Builder Modules

Note: Page Builder is a feature offered as part of the Website Builder product.

The Page Builder feature provides a drag-and-drop content creation ability that enables you to build professional-looking sites in minutes using drag-and-drop modules. 

But wait, TeamSnap, you may be thinking. What happens if you would rather have us (TeamSnap) do that for you? Well, quick segway before we get into the do-it-yourself method - you can purchase TeamSnap Custom Website Design services and we will configure and customize your public-facing WordPress site that integrates with your TeamSnap data. We offer multiple packages to suit your needs. Learn more by contacting your account manager at csm@teamsnap.com and ask for more information about TeamSnap Custom Website Design. Now, on to the how-tos!

In this article

• Add a Module
• Edit a Module

Add a Module

1. Log into your website builder site.
2. Hover over your site name in the top black navigation bar and click Visit Site.
3. Click Page Builder in the top menu bar.
   
4. Click the add button in the top menu bar to open the Add Content menu
   

   

5. Click a content section to add the desired content (modules, rows, or templates)
   
6. For content modules or rows modules, select the module group that you'd like to use
   1. Learn more about PowerPack modules
   2. Learn more about TeamSnap modules
7. Click and drag the desired module to the area on the page you'd like it displayed
   • Hint: Select a Rows module first to set up your page layout with multiple columns and rows to place content modules in
8. Configure the module
   1. Log into your Website Builder site
   2. Click the site name in the top bar to go to your site
   3. Navigate to the page with the module in question
   4. Click the Page Builder button 
   5. Hover over the module's top left corner and click the wrench icon that appears
   6. Select desired options in the available dropdowns and field settings under each tab
      1. Learn more about configuring TeamSnap Modules
   7. Click Save 
   8. Click Done at the top right corner of your site
   9. Click Publish Changes
9. Click Save
   1. Hint: Click Save As to save the module with your desired settings as a module that can be used throughout the site. Saved modules can be found in the Add Content menu on the right, under Saved.

Edit a Module

1. Open Page Builder
2. Hover over the module area until you see the module admin icons

   

3. Click the tool icon to open the module settings
4. Select and update settings as desired
5. Click Save
   1. Hint: Click Save As to save the module with your desired settings as a module that can be used throughout the site. Saved modules can be found in the Add Content menu on the right, under Saved Modules.