• HOME
  • PRICING
  • AI CHATBOTS
    • FEATURES
    • WEB SEARCH CHATBOT
    • WEBSITE FORMS CHATBOT
    • SALES LEAD CHATBOT
    • SUPPORT TICKET CHATBOT
    • PROJECT TASKS CHATBOT
    • SHOP SUGGESTION CHATBOT
    • QUOTE REQUEST CHATBOT
    • CLIENT ONBOARDING CHATBOT
  • AI WEBSITES
    • GET A QUOTE
    • AI WEBSITES
    • AI SALES AGENTS
    • AI SUPPORT AGENTS
  • BUILT BY YOU
    • PLAY BEFORE YOU PAY
  • BUILT FOR YOU
    • GET A QUOTE
    • AI WEBSITES
    • AI CHATBOTS
    • AI VOICEBOTS
    • AI SALES AGENTS
    • AI SUPPORT AGENTS
  • BUILT WITH YOU
  • THEMES
  • WEB SCHOOL
    • 90 MINUTE CHALLENGE
      • OVERVIEW
      • PICK YOUR THEME
      • COLOURS
      • FONTS
      • HEADER
      • LOGOS
      • ELEMENTS
      • EFFECTS
      • LAYOUTS
      • PAGE EDITOR
      • IMAGES
      • AI IMAGES
      • AI COPY ASSISTANT
      • VIDEOS
      • DYNAMIC WIDGETS
      • ECOMMERCE
      • FORM BUILDER
      • MENUS AND NAVIGATION
      • CHATBOTS & VOICEBOTS
    • 5 DAY CHALLENGE
      • DAY 1 - STYLES
      • DAY 2 - MENUS
      • DAY 3 - DESIGN
      • DAY 4 - CONTENT
      • DAY 5 - GO LIVE
    • HELP KNOWLEDGE BASE
      • PAGE EDITOR
      • NAVIGATION
      • FILES | IMAGES | VIDEOS
      • TAGS
      • WIDGETS
      • STYLES
      • AI AGENTS
      • FORMS
      • INTEGRATIONS
      • GLOBAL SETTINGS
  • STORIES
    • EUROLUCE Ecommerce Website
    • DIRTYFEET Website Design
    • KODA LIGHTING Ecommerce Website
    • IMS STRATUS Website Development
    • BUNCHEUR Website Development
    • MARCH DANCE Website Design
    • ARTEFACT Website Design
    • BELMADAR Website Design
    • TAPSnTINS Ecommerce Website
    • BACCHUS Website Design
    • BADLANDS BREWERY Ecommerce Website
    • HORIZON Website Design
    • QUANTUM CHARTERS Website Design
    • BANKSTOWN SPORTS Website Design
    • SHREYMAYA | Minimum Viable Product
    • OPTUS Website Development
  • FAQ
  • CONTACT
PRIVACY / TERMS / WEBSITES WITH MOBLE
  • AGENCY PARTNERS
  • RECENT WORK
  • WEB SCHOOL
BUILT BY YOU
BUILT FOR YOU
MOBLE
BUILT BY YOU
BUILT BY YOU
BUILT FOR YOU
BUILT WITH YOU

PICK YOUR AI THEME TO GET STARTED

Choose an Award Winning AI Website theme, then just pay $9 hosting to unlock the full AI tools and customise everything.
BUILT BY YOU | GET STARTED

Build: a $50-$50k AI Website

Free: Theme, 5,000 Layouts, and Course

Includes: AI Chatbots, Voicebots and AI Automations

Become: the AI Manager and Web Designer

Earn: life changing passive income with an AI Agency
AI Websites | 90 Minute Challenge - Action Section Overview

$0.00

90 Minute Action Section Overview

PHOTO GALLERY, MASONRY & MIX WIDGETS


DAY 4 | BONUS EPISODE 3 | WEB SCHOOL REVISITED

Paul Davenport |  7 min read |  5 min video

Web School Series 4 Episode 3

NEW VIDEO IN PRODUCTION. STAY TUNED VIA YOUR INBOX OR SIGN UP NOW

Now that you are familiar with Grid Widgets, all the other Widgets should be fairly intuitive enough to have a play and experiment. In this Episode, we provide a few pointers to help you on your way. If you are reading this for this first time, you might require Episode 1 and Episode 2 as a prerequisite.


PHOTO GALLERIES

Photo galleries have long been essential aspects of websites, used to display a collection of images within a gallery module.

On MOBLE any type of Widget can be made into a Photo Gallery, therefore, there are many configuration combinations available to find the right style for your content. Simply select 'Image' from the 'Content Types' to set up a Photo Gallery. When a user clicks on an image, in any Widget, it will automatically open up in a Lightbox, whereas if you choose 'Pages' from the 'Content Types', clicking will open up a page.

Before you set up your Widget, always make sure you have Tagged your images in the Files area. Once you have Tagged your images you can select your Tags in the Widget.

MOBLE CMS Widget Image Content Type

Select 'Image' from the Content Types, then select your Tags.

Zola

$0.00

MOBLE OFFICEWeb School Photos
Workshop

$0.00

MOBLE OFFICE
Logo

$0.00

MOBLE OFFICE
Event Night

$0.00

MOBLE OFFICE
Web School

$0.00

MOBLE OFFICE
Cooperage

$0.00

MOBLE OFFICE

Here we see the Widget as set up above. This Photo Gallery is using a Grid. When you click on an Image a Lightbox will pop up.

As standard the Lightbox pop-up will display the following:

  • Image: The image is scaled proportionally to fit within the screen, un-cropped.
  • Title: The image Title displays below the popup image. It is named via the 'Title' field when the image is uploaded. It can be renamed in the 'Files' area.


The following image attributes, can also be displayed in the Lightbox, and these are managed in the Files area via the file 'Settings' tab next to each image or file:

  • Summary
  • Destination URL

Logo

$0.00

MOBLE OFFICE
Workshop

$0.00

MOBLE OFFICE
Event Night

$0.00

MOBLE OFFICE
Web School

$0.00

MOBLE OFFICE
Zola

$0.00

MOBLE OFFICEWeb School Photos
Cooperage

$0.00

MOBLE OFFICE

The same Photo Gallery with the Widget Type now flipped from Grid to Slider

Logo

$0.00

MOBLE OFFICE
Workshop

$0.00

MOBLE OFFICE
Event Night

$0.00

MOBLE OFFICE
Web School

$0.00

MOBLE OFFICE
Zola

$0.00

MOBLE OFFICEWeb School Photos
Cooperage

$0.00

MOBLE OFFICE

The same Photo Gallery with the Widget Type flipped to Multi-Slider.


MASONRY WIDGET

USED FOR: NEWS | BLOGS | SERVICES | PRODUCTS | CATEGORIES | EVENTS | TOPICS


A Masonry Widget behaves in the same way as Grid Widgets, with one key distinction: the Widget Icons in a Masonry Widget do not have a fixed height. As such, the height of the Masonry Widget is determined by the dimensions of the Widget Icon and the Widget Summary Text.

The Widget View settings, therefore, offer even more flexibility for your masonry widget. As follows:

  • Masonry in Grid View: restricted by the height of the Widget Icon
  • Masonry in Card View: restricted by the height of the Widget Icon and the length of the Widget Summary to a cap of 140 characters.
  • Masonry in List View: restricted by the height of the Widget Icon and the length of the Widget Summary to a cap of 140 characters.



MIX WIDGET

USED FOR: NEWS | BLOGS | SERVICES | PRODUCTS | CATEGORIES | EVENTS | TOPICS


Mix Widget is a special variation of Grid Widget and behaves in the same way with the same configuration options.

As seen in the example below, a series of Tags Filters are automatically applied at the top of your Mix Widget. When the user clicks one of the Tags, the Widget will automatically filter to only display items that have that Tag. During the filtering transition, you can see the Mix effect in motion, which offers a pleasing visual enhancement to your web page.

The Tag filters are automatically displayed for you based on the accumulation of all the Tags, for each item in the Widget.



DAY 2 BONUS

All Series Next EpisodeDAY 2
  • S4 E1 Understanding Dynamic Widgets
  • S4 E2 Grids, the most popular Widgets on MOBLE
  • S4 E3 Photo Gallery, Masonry & Mix Widgets
  • S4 E4 Widgets Special. Video Widgets & Page Sliders
  • S4 E5 How to Add a Blog on MOBLE CMS
  • S4 E6 Assign granular Tags like a Website Pro
  • S4 E7 How to Upload Images and Files
  • S4 E8 Optimising Image Sizes and the Compression Engine
  • S4 E9 The best free stock image websites

EASY HOSTING & TOKEN PLANS THAT WORK FOR EVERYONE

MINI
PLUS
PRO
ELITE
$9
$49
$79
$299
12 KBPs
50 KBPs
500 KBPs
Unlimited KBPs
Unlimited

Every feature on every plan.  That includes, MOBLE Web Builder, CMS, AI Chatbot Builder, and SPIBoard with Sales CRM, Support Tickets, Project Task Boards all from just $9 per month.



No plan switching required. Pricing is automatically calculated each month by the number of KB Pages and billed on the 1st of the month. Simple Pricing. Build and scale at your own pace.



No per user, per team, or per contact, pricing.
Just contact us if going over 100,000 contacts in your CRM.



0% platform fees on online shop sales. Stripe charges apply.

What's a KB Page? A Knowledge Base page used by your AI. Scrape KBPs from website pages, or upload from CSV, API, or in the UI. Upload or generate as many Images as you like. PDF's only become a KB Page when you generate 'PDF-to-Text' to extract text to your Knowledge Base.

VIEW ALL PRICING

Play before you Pay?

Brand an AI Website and Chatbot Theme in under 3 minutes, anyone can do it!!
BUILT BY YOU: LET'S BEGIN

GETTING AROUND 

RESOURSES

01: Built By You


02: Built For You


03: Built With You


04: Themes


05: Help Knowldge Base


06: FAQ's


07: Pricing


08: Stories

SUPPORT

   Web School


  Knowledge Base


AI SALES LINE 

  +61 483 919 993


AI SUPPORT LINE 

  +61 483 929 995


NEED HELP? LET'S TALK 

GET A QUOTE

A Web Builder for Design. A CMS for Business. We serve all businesses from SME's to Enterprise. Talk with us for AI development, custom website design, website development, ecommerce websites, directories, intranets and social networks.

BUILT FOR YOU: QUOTE


PRIVACY | WEBSITE TERMS | PLATFORM TERMS | © 2025 MOBLE PTY LTD