How the Muffin Live Builder Helps You Build Better Sites

[ad_1]

This sponsored article was created by our content partner, BAW Media. Thank you for supporting the partners who make SitePoint possible.

Page builders have revolutionized the way we create websites today. But with so many options available for WordPress, it can take some time to find the best one for your web design projects and workflows.

With BeTheme’s new and improved page builder, your search may be over. 

The Muffin Live Builder tool gives web designers a more intuitive and faster way of building high-quality websites for clients. See for yourself:

It has all the live editing features you’ll likely recognize from other page builders. However, this live builder has a number of standout features that will transform the way you work. 

Below, we’ll look at 5 of them.

Muffin Features That’ll Change the Way You Build Websites

At first glance, the Muffin Live Builder and its features may look like other WordPress page builders you’ve tried. But here’s how they differ:

1. It’s part of a fully-loaded website builder platform

One of the more frustrating parts about finding a WordPress page builder plugin you like is that you can’t get to the good features without upgrading. And if your client is already paying for a premium theme, they might be hesitant to splurge on an additional design and editing tool. There’s also the added complexity of having a theme and separate page builder to edit with.

With Betheme, however, there’s no need to buy and install a premium page builder or other plugins. It’s all included. 

A Betheme license includes: 

  • 600+ pre-built professional-grade websites
  • 100+ mix-and-match pre-built section templates
  • 60+ customizable elements
  • Muffin Builder
  • Live Builder
  • Plugins like WooCommerce, Slider Revolution, Contact Form 7, and more
  • Premium support
Yv7YOplRT3my4MK0uM2r4yTocD2AP7r1xAnNPejJugD 4b4wjWqWUgAgfxo8R17rE8CW1fyGeMtjqPsLQpT OwKUbQZKu9DZ StCvgsHLV nHd7sjanslv8BDI4Z8Cv b9bWls5

Betheme is the all-in-one solution for building high-quality WordPress websites. 

2. Pre-built sections you can use on any website

Betheme’s pre-built websites do a great job handling the majority of the design and content decisions you’ll have to make. 

ZXNfHu53TrCxaNwLRLBs 1yu uiwR0VemOwAdcNIzAHUbJ2BZSz7ypD0Z5AQSVjqOT1EvDnOYQV50k7L yh1j0BJ 3 5aDiYvciiWq5DA2 Br7RdgOklsTPHMUCwQh1BWBbhqBFS

Website structure. Page layouts. Image and text placement. After installation, it’s all there. 

However, every client has different needs. 

So, let’s say you’re building an online surf shop for one of your clients. Out of the box, Be Surfing is exactly what your client is looking for. However, the one thing it doesn’t have is a carousel on the homepage to promote recent blog posts.

HHkWR9Y5 PnbNSQUWqsN6eMakyi8GzbK8 nWfNv8QU9VWxYC 7ZvTvID0u6ACbJvROFseJLYZzXy4

When adding a new section in the Live Builder (in this case the carousel section for recent posts), you get a choice between creating it yourself or using a pre-built section: 

BfxIsmqd3NunT92VqjRtyc4oyMOO8ILDcKxUE27ImliVQVk14tVZQfgEO73soV7URmfIqM83d0OJzRoBESSYo4CuufsNwYFCTqQ69tzAh6Zp wfwUdvbV9dY0HoYZjzw 1aN8oqV

Pre-designed sections aren’t new to page builders. But with the Live Builder, you don’t have to spend time searching for a section that matches your pre-built site nor do you have to waste time stripping out existing designs or content.

There are over 100 pre-built sections you can choose from and they’re easy to find too, as they’re organized under categories like “List & Menus”, “Call to action”, and “Contact”. 

Because they more closely resemble wireframes than fully designed sections, you can easily repurpose these section templates for any type of website you build.

3. Well-organized toolbars make customizing sites a breeze

Even though most page builders come with a visual editor, the editing toolbars aren’t always that intuitive. Designers often have to comb through different tabs and menus to try and find the settings they need to configure. 

With Muffin’s live builder, you won’t need to do that. After you add a new element or select the existing one you want to edit, a custom toolbar appears on the left: 

psowXSY1NUJ0NhTvpZ1NKBTuUSngK2Gsn9oZz4gvJGaR

All of the available settings for that element live right there in the toolbar. There’s no need to go digging around to figure out where the typography settings are or where you can make advanced CSS edits. It’s all in one place. 

It’s not just the editing toolbar that’s well-designed and organized. The admin toolbar is always available from the left side of the screen as well as the bottom of the editing toolbar:

IscBHAUPtZMgXvaDzI0XKOesMRH7zJ90ezF6zzjLnpYDSKDpEZk8tGXcEwg2skDfc Uf2KsaNddsKs3vpFqoJh aeBGBIy2ttO6WEykvxRor7h Xw VgZrAdDknBEKv5hAjo39k

The most commonly used admin actions live there: Save, Undo, Revisions, Responsive Mode, Return to WordPress, and so on.

The Live Builder is so easy to get around that you won’t waste any time searching for what you need or digging through layer after layer to take the desired action.

4. Autosave and backup tools are useful for version control

The Live Builder comes with a variety of “Save” tools beyond the standard Publish and Update. 

If you go to Revisions in the admin toolbar, you’ll find four different save features: 

  • Autosave makes a copy of the page every five minutes
  • Updates is where copies of the page get stored after you hit the “Update” button
  • Revision allows you to save special versions of the page
  • Backup stores copies of the page just before you restore an older one
X8Sum FR06OmjNdxjuO9vipCg jZ1UTKAzbIaD9e24za95idhwbAYy KhpzRsIQHX3iHxY4CndUbSH0C3oBsSlxAa0KcgmH3DdPhbg BWIQSvgeTKYt6uboW5D6G8ydLI7fGyY

This feature makes it so easy to capture copies of a page in progress. And, if you prefer, you can let the Live Builder manage those backups automatically for you.

That said, the Live Builder also gives you the power to create a clear history of all the major updates you make to a page (under “Revision”). This way, if you or your client ever change your minds about a recent update, a one-click restore will automatically take you back to the preferred version.

5. Lightweight editor for fast editing

It’s always frustrating when you open up WordPress, go to the page you’re working on, and then have to wait a minute or two for the page builder to load. 

It might not seem like a big deal, but multiply that by the number of pages you’re designing or editing, as well as the number of revisions you do to each, and that wait time adds up. 

The Muffin Live Builder is super lightweight, so you can avoid this frustration altogether.

The GIF you see here captures how quickly the Muffin page builder loads in real-time. For your reference, the clip is just 12 seconds long: 

juXxy7SaqDm9BLy O3FdGCvTJW6fZ3izMyyQMfRtBrF219 MAhvD94HsDZbwhScuND6PEzo4fkeh2Kk2IGLJlkBknHUbI8wGoJIc54u0zZT14AcniOC3LAdzmXhbuGCwYXiFMiCi

According to Betheme developers, the Live Builder is now 60% faster than it was before. And when compared to other popular WordPress page builder plugins, there are no issues with the page builder getting “stuck” when you try to open it. 

It’s not just the speed of your page builder that should be concerned with either. 

Core Web Vitals is a useful tool for checking your website’s loading speeds (among other ranking factors). We compared how the Be Mechanic website was built with Elementor compared to the same website built with the Muffin Builder. 

Here’s what we found on the Elementor-built site: 

AMWwEGdZi4QNBVYKlMdBlcOEKhEPtI1mNTgnr6TXA M6P7sYUGBR D2P oM wwWkpEBCCpbINrY3VfRR1WgBtjW9rjs7RluuoCfruDVnMgyw9GEetmqcIY48s7w9bV0pRXsB8SEo

The largest contentful paint took 6.116 seconds to load. 

Compare that with the Muffin Builder-built site, which only took 1.232: 

Google knows that all it takes is three seconds before visitors start leaving a site in droves. So, having a lightweight page builder that speeds up your work and creates a speedier experience for your visitors is absolutely crucial.

Will You Be Building with the New Muffin Live Builder?

Between the intuitive design, convenient features, and fast loading, the Muffin visual page builder is a web designer’s best friend. Heck, it’s something your clients will love to use once they’re inside WordPress, too. And don’t forget about everything you get with it. The Muffin Live Builder is part of a powerful WordPress toolkit. With 600+ pre-built sites, 100+ pre-built sections, 60+ elements, and bundled premium plugins, you won’t need to look much further than Betheme to build the websites of your clients’ dreams.

[ad_2]

Source link

About Author


After years of Technical Work, I feel like an expert when it comes to Develop wordpress website. Check out How to Create a Wordpress Website in 5 Mins, and Earn Money Online Follow me on Facebook for all the latest updates.