Pattern Collect – Browse this curated gallery of patterns from around the web. Designing for the Unexpected – Thoughts on designing for situations and devices you didn’t anticipate. GradientArt – Give this feature-packed, web-based CSS gradient editor a try. The Current State of Homepage UX – 8 Common Pitfalls – A look at how well…
There’s still a debate going on in the web design community on whether video backgrounds in websites are good or bad. However, we’ve seen a rise in websites utilizing fullscreen video backgrounds in the past few months than ever before. But is it really an effective strategy? Does it help engage with an audience? Does…
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 websites100+ mix-and-match pre-built section templates60+ customizable elementsMuffin BuilderLive BuilderPlugins like WooCommerce, Slider Revolution, Contact Form 7, and morePremium supportBetheme 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.
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.
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:
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:
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:
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 minutesUpdates is where copies of the page get stored after you hit the “Update” buttonRevision allows you to save special versions of the pageBackup stores copies of the page just before you restore an older oneThis 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:
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:
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.
Related Articles10 Top WordPress Ecommerce Themes for 2021WebBy
It may be hard to imagine, but there was a time when it was rare to find high-quality photography on a typical website. Only the big-budget players had access to compelling images. And even then, they were likely borrowed from existing print materials. Those of us building websites for smaller organizations were often left with…
Eric doesn’t mince words, especially in the title, but also in the conclusion: In modern web design and development, displaying an image is a highly intentional act. Alternate descriptions allow us to explain the content of the image, and in doing so, communicate why it is worth including. Just because an image displays something fanciful doesn’t…
Have you ever started looking for a new shirt or gift and thought, “I could design something so much better than what I see here?” With a little planning and some good ideas, you can design and sell merchandise online featuring your artwork. It’s gotten easier over time with so many marketplaces available as well…
In recent years, Google and other similar companies have become increasingly concerned with the user experience (UX); that’s why the UX always pops up in algorithm updates. With 88 percent of online users turning away from websites after one bad experience, it goes to show that UX is vital. Google, being the pioneer, decided to…
If you want to create a mobile app with a great user experience, you should always start your project with a wireframe. In this post, we share a collection of modern mobile app wireframing templates to help you get started in your design process. When using a wireframe template, you won’t have to spend hours…