WordPress Drag and Drop Page Builders and Themes

One of the biggest reasons we recommend WordPress as the go-to content management system (CMS) for our clients, is that it’s easy to manage your own content.  We want to put as much power in the hands of our customers as possible to not only create and edit content, but also to control the layout and presentation of their website.  This is where drag and drop visual content editors can come in handy.

Of course WordPress comes with its own visual editor out of the box, but the capabilities to change the layout and insert enhanced content elements (say an image slider, video section, or tabbed sections) is limited, and there is none of the drag and drop interface that has made services such as Wix and Squarespace popular among the DIY crowd.  As with most things WordPress, the sky is the limit in terms of enhanced content elements when utilizing the virtually endless library of available WordPress plugins, but implementation often requires the use of a short code which, though a very simplified version, is as the name implies, ultimately ‘code’.  As developers, we’re in this business because we love to code, but we recognize that even the ‘short’ variety of code can be a 4-letter word for our clients.  Luckily, there are a number of excellent WordPress page builder frameworks that allow you to switch from the default WordPress editor to a flexible, powerful, and intuitive drag and drop style interface with just as many or more features as any of the non-WordPress based paid software platforms, while still allowing for the customizabilty, expandability, and portability that has made WordPress the CMS of choice for 60% of all websites, and 30% of all sites using a CMS (the closest competitor, Joomla, accounts for 6% and 3% respectively, for reference).

There are a myriad of options available for WordPress page builders, from stand alone plugins, to theme frameworks, and a detailed compare and contrast of each is beyond the scope of this particular post, but most have some common features including:

  • Drag and drop capability:  Being able to click and hold a modular content block and drag and drop it in place to change the order of things is really helpful and can save a lot of time and headache when working on a page with complex layout details.
  • Layout elements:  One of the most frustrating seemingly simple tasks for content editors is to layout content into columns of specific width ratios.  Using WordPress out of the box, this requires custom templating or code markup within the editor itself, both of which require working with your development team.  Page builders make this very easy, and automatically responsive to all devices, allowing you to choose an endless combination of column layouts and widths using a simple drag and drop content element picker.
  • Enhanced content elements:  Video boxes, flexible image galleries, tabbed content, accordion sections, headings, contact forms, widget areas, maps, social sharing buttons, and countless more, it couldn’t be easier to add whatever type of content you’d like with simple drag and drop fully configurable elements.
  • Templating:  On larger websites this can be a real game changer, and speed up content population significantly.  Once you establish a page layout that you’ll use multiple times, you can save this as a template, and simply load it on the next page, changing the specific content as needed.
  • Front end editor:  Though not common to all page builders, many offer the ability to edit your website pages from the front end, meaning you can view the page your are working on in real time, and quickly preview changes before saving.

With all the above amazing features, you may be wondering why you wouldn’t use a page builder for every website project?  Though every year since the first WordPress page builder, Visual Composer was released in 2011, more and more options have become available and as such the overall quality of the product offerings has improved, there are still some potential drawbacks to be aware of.

  • Over complication:  Though there is usually no coding required to work with page builders, there are a lot of options and settings, and this can often be overwhelming for a first time user, creating the potential to do more damage than good for novices working on their own content.  Depending on the user, oftentimes less is more in terms of tools to create and manage content, and the flexibility that page builders offer can sometimes result in inconsistent and sloppy visual presentation from page to page versus more traditional methods of managing layout universally through the site’s theme files and custom fields.
  • Page speed and SEO issues:  Page builders by their nature add extra code markup behind the scenes, and this can potentially slow down the loading time of the page, and also create less than ideal markup for SEO purposes.
  • Lack of flexibility:  Each page builder uses its own framework to manage content elements, and switching from one framework to another, or even back to the default WordPress editor, can be a tedious process.  In addition, though builders are getting better all the time, there is still no substitute for coding to attain the exact result you want.  Each content and media element from the page builder menus has a limited amount of customization available, again locking you into displaying your content a certain way, a restriction that coding is not subject to.
  • Conflicts:  Often page builders conflict with other plugins that are a better option for displaying a certain type of content.  For example, a page builder may have a built in ‘testimonials’ element that is not nearly as powerful and flexible as a stand alone testimonials plugin.  Due to the overlapping nomenclature, this can cause a potential conflict, rendering the element, plugin, or both unusable.  Even in the case where no such code conflict exists, good old fashioned confusion can come into play when the user is trying to figure out how best to include a testimonial, for example.
  • Cost:  Though there are some free plugins available, the most robust options come with an annual license fee in order to keep the plugin or theme updated.

Despite these potential drawbacks, a page builder framework can be an excellent choice if any of the following circumstances apply to you or your organization:

  • You are very comfortable working in WordPress, and want to have as much control as possible over the visual layout and presentation of your content without having to lean on your development team.
  • You are on a tight budget, and need to manage your own content, but need more flexibility than the default editor provides.
  • You are comfortable working within the constraints of the page builder to add elements to the page, and don’t want or need to be bothered with more focused and usually more powerful plugins to do the job.

If the above applies to you and you’re intrigued by the possibilities that a page builder offers, don’t hesitate to contact us to discuss options.  Here is a partial list of some of the most popular page builders currently on the market:

Work With Us

We've been building websites for over twenty years, and have learned a thing or two about how to make web projects go smoothly.

What Our Clients Say

Watermelon Web Works, LLC place picture
4.7
Based on 19 reviews
powered by Google
OMS Anita profile picture
OMS Anita
22:20 29 Nov 24
Watermelon Web Works has been incredible to work with. They are patient, understanding, and quick to answer any questions (or emergencies) you might have. After switching over to them to help re-vamp our online retail store, we hired them to build our wholesale website as well. I can't recommend them enough - Thank you team!
Garrett Lister profile picture
Garrett Lister
19:55 10 Jul 24
Jared and the watermelon team were great - they quickly interpreted our website needs and designed a wonderful site. The project management site worked great to keep track of project.
N B profile picture
N B
21:23 14 Nov 23
My previous web developer who I was very happy with retired and I was pretty sad about it because it seems now days it is hard to hire a web developer close by with a good set of skills who is interested in helping small business at reasonable prices. Then I found Watermelon and I have been very happy. They are responsive, are able to solve problems, and work at reasonable prices.
Dark Star Magick profile picture
Dark Star Magick
18:05 03 May 23
We hired Watermelon to help us with our website. They were very thorough and took the time to explain in layman's terms what they were doing and how we could improve SEO and site functionality. We will definitely be back for future website needs!
Astoria Column profile picture
Astoria Column
18:42 24 Apr 23
Great work and amazing service! We're a non-profit, and our priorities are always focused on maintaining the Astoria Column. We had a website built by someone else a few years ago, but without regular updating and maintenance, sections of our site were no longer functional. Joanna and the rest of the team came in and had everything working within a week and it's been smooth sailing since then!
Ben Harris profile picture
Ben Harris
19:25 26 Aug 19
Watermelon has been a fantastic web development partner. Through every phase of our project they have always been 100% responsive to our requests and have always provided highly knowledgeable, creative, prompt, and personable team members to work with. As a financial institution we’re always concerned about the security and maintenance or our website and Watermelon has always provided the appropriate resources in order to meet and/or exceed our compliance and security requirements. We would surely refer them to any business associates looking for a qualified WordPress web designer in the future. – Denali Federal Credit Union
Mohr IP Law Attorneys profile picture
Mohr IP Law Attorneys
00:33 11 Apr 19
Watermelon Web Works did a great job creating a custom shopping cart page for our firm. Gavynn in particular was especially helpful and responsive. We appreciated the upfront costs and the technical competency of Watermelon Web Works and would not hesitate to work with the people there again.
Kim Markle profile picture
Kim Markle
23:36 08 Feb 19
Our company has been working with the Watermelon team for more than 10 years to help build and grow our website and customer portal. They are not only extremely talented and responsive, but are continuously looking for ways for us to enhance our current website. They are consistent, provide excellent customer service and really know what they are doing. Highly recommend!
Rick Brodner profile picture
Rick Brodner
23:23 12 May 17
I cannot say enough good things about Watermelon. They are terrific communicators, highly competent coders, and really, really nice people. They were instrumental in helping us to assemble a very usable, easily maintainable website for our organization. They' have demonstrated great flexibility in accommodating our evolving needs. They have been highly responsive to any technical issues, typically resolving them in less than 4 hours. Watermelon Web Works will make your organization better, and your CFO/Treasurer will be happy when they see the bill - what more can you ask for?
CLOSE