Website Builder

Website Builder: Customizing Your Community Landing Page

When a community is created, a default landing page is automatically generated with a dynamic URL: communityname.jambo.in. This page serves as a hub for community members, prospective members, and non-members, providing an overview of the community along with options to register or log in.

The landing page includes several dynamic and customizable sections, such as an About Us section, community information, events, memberships, jobs, and more. Admins can fully customize this page using the Website Builder to align with their community’s branding and requirements.

How to Access the Website Builder

1. Log in to your Jambo dashboard.
2. Click on the gear icon to access settings.
3. Navigate to the Brand and Builder Tab.
4. After configuring custom branding, click on Configure Website to start building your community’s landing page.
   
   

Step 1: Section Selection

After clicking Configure, admins will be prompted to select the sections they want to include on the landing page. These sections include:

• About Us
• Committee Members
• Events
• Gallery
• Supporters
• Memberships
• Jobs
• Discussion
• Polls
• Company
• Members

Once the desired sections are selected, click Next to proceed to configuration.

(Note: Admins can revisit and modify their section selections at any time by clicking on “Go to Selection Section.”)

Step 2: Section Configuration

After selecting the sections, admins can configure each one. The selected sections appear in a left-side panel, and clicking on any section allows editing on the right-side panel. 

2.1 First Fold (Hero Banner)

Customize the main banner that appears at the top of the page.

• Hero-Banner: Add multiple images (recommended size: 1920×1080, minimum visible height: 620px).

• Desktop Guide: Image size: 1920px x 480px. Safe area: 1140px x 480px (content visible within this area).
• Logo

• Text and Subtext: Add a title and subtitle to personalize your banner.

 2.2 About Us

This section provides a brief overview of the community.

• Image: Add an image (recommended size: 400x500px).

• Title and Paragraphs: Customize the title and add multiple paragraphs to describe the community’s purpose, values, and goals.

2.3 Committee Members

Showcase the community’s key members with:

• Profiles: Add member profiles with images (recommended size: 200x200px or 300x300px, JPEG, PNG, or SVG format).(Use duplicate icon to add more members)

• Details: Include Name, Designation, and a short bio.
• Social Media Links: Add links for LinkedIn, Facebook, Twitter, Phone, and Email. Entering the link automatically generates the corresponding icon on the landing page (won’t show up on this current screen).

2.4 Events

• Displays the latest published events.

• Note: Admins must publish events by clicking the dropdown arrow and selecting Publish, or they will not appear on the landing page.

                                                             

2.5 Photo Gallery

• Upload images to showcase community events or activities.

• Recommended Image Formats: JPEG, PNG, SVG.

2.6 Supporters

• Add supporter logos (recommended size: 140x140px).

• Formats Supported: JPEG, PNG, SVG.

2.7 Memberships

• Display all membership plans, pricing, and benefits (as defined during membership creation).

2.8 Jobs

• Show all active job listings for the community.

2.9 Discussion

• Showcase discussions happening within the community.

[Note: Discussions displayed on the landing page are automatically pulled from groups marked as ‘Default Groups.’ 

Default Groups are those where all existing and upcoming community members are automatically added, ensuring broad participation and visibility.]

2.10 Polls

• Highlight active polls for members to participate in.

2.11 Business

• Display a list of businesses added through the Business Listings Module.

2.12 Members

• Dynamically display community members.  

2.13 Footer

Customize the footer to include:

• Address: Add your community’s address.

• Contact Details: Include 2 contacts (Name, Designation, Email, Mobile).

• Social media links: Twitter (X) , linkedin, facebook, instagram
  ( Entering the link automatically generates the corresponding icon on the landing page (won’t show up on this current screen).

Step 3: Preview and Publish

After configuring all sections:

• Preview Changes: Admins can preview the landing page by clicking the Preview button.
  

• Note: Changes will only reflect in the preview after clicking Save.

• Note: Links are not clickable in preview. 
• Publish: Once satisfied with the configurations, click the Publish button to make the landing page live.

                                                     

Custom Branding for Landing Page

If admins wish to customize the colors for the landing page, they can do so via the Custom Branding Tab.

• Any changes made in the branding settings will automatically reflect on the landing page. Click here to learn more about this. 

Key Notes

Ensure all dynamic sections like Events, Discussions, and Polls are published to appear on the landing page.
Landing page sections can be added or removed at any time using the Website Builder.
Preview all changes before publishing for the best results.