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.

(Image Suggestion: Screenshot of the section selection screen with checkboxes for each section)
(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. Options include:

• 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.

(Image Suggestion: Screenshot of the Hero Banner customization screen with fields for images, logo, text, and subtext)

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.

(Image Suggestion: Screenshot of the About Us configuration screen)

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).

(Image Suggestion: Screenshot of the Committee Members section with fields for profiles and social links)

2.4 Events

• Displays the latest published events.

• Note: Admins must publish events by clicking the three dots 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).

(Image Suggestion: Screenshot of the Footer customization screen with fields for address and contact details)

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.

(Image Suggestion: Screenshot of the Publish button with a preview of the landing page)

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.

(Image Suggestion: Add a note to cross-reference the Custom Branding Tab)

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.