Jomablue Pages (Microsites)

Jomablue Pages enables you to create professional, branded microsites for your events in minutes without any coding knowledge through our intuitive drag-and-drop editor. These dedicated event websites can be used to help you inform, promote, and engage with your attendees while maintaining consistent branding throughout your event experience.

Create a New Page

Pages are created and applied to a specific Event of your choice. To create a new Page:

1. Navigate to the Pages tab located between the Event and Settings tabs in the top navigation menu
2. Click on the New Page button located in the top right corner
3. The Basic Details form will appear, where you need to fill out the following fields in the form:
   • Name (Required)
     • Provide a descriptive name for your page
     • This helps you identify the page in your dashboard
     • Example: "Event Landing Page" or "Speaker Profiles"
     • You can change this detail later
   • Slug (Required)
     • This becomes the last part of your page URL
     • Use letters, numbers, dashes, and underscores only (no spaces)
     • Example: "speaker-profiles" creates a URL like yoursite.com/speaker-profiles
     • You can change this detail later.
   • Description (Optional)
     • Provide context about the page and its intended use
     • This is for internal reference and helps team members understand the page's purpose
     • You can change this detail later.
       

4. Once you've filled out the basic details, click the Save and select a template button to proceed to the Template Library.

Choose a Template

Once you’re in the Template Library, you'll be presented with several options:

• Blank Template - Start your design from scratch with complete creative control
• Pre-designed Templates - Choose from professionally designed templates like:
  • Sonic Conference (futuristic, dark blue theme)
  • Vega Food and Wine (organic, natural-toned template)
  • And other specialised templates

Note: You can preview a Template before selecting it. When you click on any template, a larger preview will appear. From here, you can either click the Use this template button to customise your chosen template or click the Choose a different template button to explore other options.

Template Creative Summary Document

Every template in Jomablue Pages includes an individual creative summary document that details all the specs of the graphic assets used within the template. This makes asset creation easier for you. You can find this creative summary document as a link embedded within the template.

To find the link:

1. Navigate to the page section that mentions the creative summary document, and click on the View Document button.
2. In the right panel menu, you can copy the populated link/URL of that button. Paste the URL into a new tab of your web browser, and you’ll be able to see the creative summary document.
   

The creative summary document includes things like specs for background image, hero section logos, etc. 

Create a Page from a Template

Once you decide to go for a pre-designed template, click on the Use this template button, and then you’ll be redirected to the drag-and-drop editor with the following sections:

Right Panel Menu with 3 Tabs:

• Content Tab - Add and edit page elements
• Rows Tab - Add Page layout and structure
• Settings Tab - Configure page-wide settings
  

Top Toolbar:

• Desktop/Mobile toggle on the top left corner - To adjust the screen to desktop/mobile while in the editor 
• Actions dropdown menu - To enter preview mode
• Show structure button - To show the layout structure of the page
• Upload option (cloud with arrow icon)
• Save button - To save any changes that you’ve made to the page
• Exit Editor button - To exit the editor

Understanding the Content Tab - Adding Elements

The Content tab provides various elements you can drag and drop onto your microsite:

Text Elements:

• Title - Large headings for sections and main content
• Paragraph - Body text for detailed information
• List - Bulleted or numbered lists
• Text - General text formatting options

Media Elements:

• Image - Add photos, logos, or graphics
• Video - Embed videos from various platforms
• Icons - Add visual icons for better presentation

Interactive Elements:

• Button - Create call-to-action buttons (like "Book Tickets")
• Social - Add social media links and sharing options
• HTML - Insert custom HTML code for advanced features

Layout Elements:

• Table - Create structured data displays
• Divider - Add visual separators between sections
• Spacer - Control spacing and layout
• Menu - Create navigation menus

Note: All Elements’ colours, fonts, sizes, and content can be customised.

Understanding the Rows Tab - Add Page Layout and Structure

The Rows tab allows you to:

• Organise your content into structured sections
• Manage spacing and alignment between different sections

Simply drag and drop your chosen layout onto your microsite.

Note: All Elements and layout styles can be duplicated, deleted, and placed anywhere on your microsite.

Understanding the Settings Tab - Page Configuration

The Settings tab provides the following:

• General Options - Basic page settings
• Content Area Width - Control how wide your content appears (i.e., 1440px)
• Content Area Alignment - Choose between left or centre alignment
• Background Colour - Set the page background colour
• Content Area Background Colour - Set the background for your content area
• Background Image - Add a background image to your page
• Default Font - Choose the primary font for your page (i.e., Montserrat)
• Link Colour - Set the colour for clickable links
• Optional Properties - Additional customisation options include:
  • Page title and description for SEO
  • Favicon configuration

Visual Aids

Show Structure - Toggle to see the layout structure with faint broken lines

Desktop/Mobile Preview - Switch between desktop and mobile views to ensure responsive design

Hide Panel - Click the arrow icon to hide the right panel for a full preview

Finalise your Page

When you're satisfied with your microsite, you can now:

1. Click Save to ensure all changes are preserved
2. Click Exit Editor to return to the main Pages view

After saving, you'll see your finished microsite with options to:

• Edit Design - Return to the drag-and-drop editor
• Copy Page URL - Get the direct link to share your page
• Visit Page - Preview your live microsite
• Version History - Track changes and revert if needed
  

Embed Microsites in Community or Registration Site

Once you've created your microsite using Jomablue Pages, you can embed it directly into Community or a Registration Site.

Steps to Embed a Microsite in Community

For a fully integrated experience within the Jomablue environment, use a Custom Page with a Custom Integration Block to display your microsite inline—like a native screen.

Steps:

1. Navigate to Community in the Jomablue Portal.
2. Create a Custom Page and add it to the Menu (e.g., “Agenda”, “Venue Map”).
3. On your Custom Page:
   

• • Add a Custom Integration Block
  • Paste the Microsite URL into the embed field
  • Set the block to Fullscreen Mode for a seamless, immersive view
    

Steps to Link Microsites from Registration Site

You can also link to microsites as external URLs from your Site or Registration Pages. This method opens the microsite in a new browser tab or window, depending on the user’s device. For step-by-step instructions, see:  Add an existing External Link to a Site or Registration Page

Notes:

• Name menu items clearly so attendees know what type of content to expect
• Limit embedded microsites per page to maintain performance
• Test on desktop and mobile views to ensure content scales properly