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 you wish to reuse across your website pages. You can save Layouts as aRow, or an entire Page. Layouts and they conveniently live in the 'MY SITE' Layouts tab for easy access and reuse, on any page as and when you need them.

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

LAUNCH


14 DAY FREE TRIAL

MINI


12 PAGES

PLUS


50 PAGES

PRO


500 PAGES

CUSTOM


UNLIMITED PAGES