♥️
City Leader Resources
  • Welcome!
  • Previous City Leader Meetings
  • City Leader Resources
    • City Leaders Manual
    • LOC Style Guide
    • Building a Great Team
    • Sponsors (Event & Annual)
    • Legal
      • DBA's & Sponsoring Org
      • Tips to Setting Up a 501c3
        • Bylaws and Governance
      • Insurance
      • Waivers
  • Volunteer Day Resources
    • Volunteer Day Checklists
    • Festivities & Kick Off Info
    • Event Promotion
    • Event Banners
    • Post-Event Email
    • Volunteer Day Video
    • Love (your city name) Vehicle
    • Big Red Costume
  • Project Ideas
    • Project Ideas
  • Marketing & Media Ideas
    • Tips & Tricks to Social Media
    • Personalized City Merchandise
    • Sponsor Thank You
    • Social Media Posts
    • Social Media Tips from
  • Initiative Partners
    • Year-Round Involvement Network
  • Website Reference
    • Website Refresh Video
    • Youtube Tutorials
    • Getting Started
      • Adding Your 1st Event & Project
      • Assigning Volunteers to Project
    • Admin Portal
      • Project Leader Tutorial
      • Contacts
        • Resetting User's Password
      • Emailing & Texting
      • Suggested Projects
      • Events
      • Sponsors
      • Settings
      • Projects
    • Understanding User Roles
    • Front-End Website
      • Updating Site Information
      • Assigning Key Pages
      • Adding a Page
      • Modules
      • Adding a Custom Form
      • The Content Builder
      • Managing your Theme
        • Page Options
        • Menus & Mega Menu
        • Page Templates
        • Layout
          • Header Layouts
          • Content Layouts
          • Footer Layouts
        • Header Layout
        • Theme Options
      • Love our Cities Modules
      • Resetting User's Password
Powered by GitBook
On this page
  • Using Modules
  • Adding a Module
  1. Website Reference
  2. Front-End Website

Modules

PreviousAdding a PageNextAdding a Custom Form

Last updated 2 years ago

Modules are a type of extension that provides you with additional functionality on your page. The container associated with a module determines how it is displayed.

The primary module we use on your website is the Content Builder. This is the default option when you create a new page. You won't need to add modules unless you are using our Love our Cities Modules (Project Title, Project Map, etc.) or adding a new Form Module (Action Form).

Using Modules

You can add a module to a page:

  • As an independent instance. The new module instance is not affected by configuration changes made to other instances of the same module type.

  • As a reference to an existing module instance. If the module instance is reconfigured, even from another page, those changes will also be reflected on your page.

Each module on a page has its own action menu that allows you to configure the module and its behavior. Action menus are displayed when the page is in Edit mode.

  • Edit menu (pencil icon)

  • Manage menu (gear icon)

  • Move menu (four-arrow icon)

  • Custom menus specific to the module

Depending on module settings, site users could print, tag, and subscribe to the module's content.

Adding a Module

  1. Go to the page to edit.

  2. Go to Persona Bar > Edit.

  3. Click the Module icon in the bottom Admin Bar

  4. Choose the module to add to the current pane.

    1. Hover over the module in the list to expose the bookmark and plus icons.

    2. Click/Tap the plus icon.

  5. You can move the module to a different pane in the current page.

    • You can hover over the empty area of the action menu bar of the module until the cursor changes to a four-arrow cursor, then drag the module to a different pane.

    • You can click/tap on the four-arrow icon to expand the Move action menu, which contains the list of panes on the page. Then choose the target pane.

Click/Tap on the four-arrow icon, then choose the target pane from the list.
Module List > Hover to highlight the module.
Hover over action menu bar of the module, then drag to a different pane.
Persona Bar > Edit