WHAT ARE LAYOUTS & COMPONENTS?


S01 | E04 | HOW TO MAKE A WEBSITE, LIKE A PRO

Paul Davenport |  9 min read

What are Layouts?

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

Design Layouts are perhaps the most exciting feature of MOBLE. Designers can create a set of custom Site Layouts for their clients to drag and drop in any combination on any page.

Layouts offer immense content manage flexibility while always respecting the design that was originally created by your design team.

In addition, to the custom made Site Layouts, there are thousands of base layouts that you can choose from to support your design process and inspiration.


TYPES OF LAYOUTS


BASE LAYOUTS:
These are MOBLE's out-of-the-box 'Base' Layouts that come with all MOBLE website. They can be dragged on to any page to get you started from scratch extremely quickly. We frequently update and evolve the Base Layouts to stay on trend with contemporary styles and technological advancements.

MY SITE LAYOUTS:
These are your personalised websites Layouts that have been made specifically for your brand. You can reuse across your website pages by dragging them into any location. You can save Layouts as a Row, or an entire Page. These Layouts conveniently live in the 'MY SITE'  tab.

MY TEAMS LAYOUTS:
Website Designers and Website Design Agencies can apply to be a Partner.

Partners can create their own branded website designs and promote them on moble.com to receive a 40% share of monthly plan, for the lifetime of the client. This offers an incredible passive income stream for design partners. Partners don't have to promote all their designs on moble.com, they may protect design IP and create agency specific website templates to be used for rapid design for their own agency clients. Teams work together to tweak and improve their Layouts before adding them to their Team Sites. When clients log in to the their websites, you can give them access to your designs, so that your agency is branded within the MOBLE Visual Editor. When a client drags your Team Layouts on to their page, the design Layouts will instantly swap from your branding to inherit your clients branding.

If you would like to know more about layouts, you jump ahead to Series 3 and continue reading via the following Episode: https://www.moble.com/understanding-the-layouts-drawer


DESIGN MODE & BUSINESS MODE


MOBLE is a Web Builder for Design and a CMS for Business. This means that if you're a designer you can build anything from scratch using the Website Builder, without requiring code. Then, once you've completed your design, you can hand it over to your business team.

If you are a Business, you can update anything with an easy to use, drag and drop, point and click CMS, to always remain current, and use your website as a powerful business tool. The MOBLE Visual Editor can be flipped from Design Mode (the Web Builder), to Business Mode (the CMS), meaning that designers can create layouts, and be sure that their designs are preserved and always remain consistent and on brand. Businesses can simply add content to these Layouts, without ever having to worry making design decisions or straying off brand.


SWAPPING CONTENT COMPONENTS


One of the most frequent ways that Businesses change Layouts is to swap the Content Components.

Content Components Components include:

  • Text
  • Image
  • Button
  • Form
  • Map
  • Widget
  • Menu
  • Video
  • Map
  • Code


Any Layouts that includes, say a Video, can quickly be swapped to include a Form. This offers outstanding flexibility to create pages exactly to your business needs.

  • Simply click the '+' icon on any Frame to add a Content Component
  • Components can also be dragged and dropped between any location on any page.
  • We dive more into Content Components in Series 3 Episode 9

WHAT NEXT?

Next we get to know some essential MOBLE terminology, we learn about Sections and get you to update your Footer.

S1: EPISODE 5

FREE


PLAY BEFORE
YOU PAY

MINI


12
PAGES

PLUS


50
PAGES

PRO


500
PAGES

CUSTOM


UNLIMITED
PAGES

Play before
you Pay?

Design a website in under 3 minutes!

GETTING AROUND

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 custom website design and website development, ecommerce websites, directories, intranets and social networks.