Most WordPress page builders work within the post editing screen. Users have to guess what their page will look like or open a preview in a separate tab.
With Beaver Builder's easy-to-use frontend editor, you don't have to go back and forth between the preview and the live site. To use the frontend editor, go to the WordPress page editor and choose the Beaver Builder tab.
beaver builder tab
This will take you to the front-end of your WordPress site. You can then start building and customizing your pages on the front-end in real-time.
The page builder interface shows you a live preview of your page with tools on the right. You can simply click anywhere on your page and start customizing that section. You can also add more rows, content blocks, widgets, and advanced elements like toggles, accordions, tabs, etc.
Beaver Builder comes with a live visual editor that allows you to edit your page in a WYSIWYG environment. This makes it an incredibly easy-to-use page builder plugin for WordPress.
Beaver Builder also supports shortcodes and widgets. That means you can use Beaver Builder on your pages alongside your favorite WordPress plugins
.
3. Position your content with great precision
Positioning images and text in your default WordPress page editor is a pain. With Beaver Builder's frontend drag-and-drop page editor, you can easily position your content with great precision. Once you're done editing, you can save changes directly from the frontend or revert to the last published state.
4. Take full control of your content
Beaver Builder allows you to switch themes without losing your content. If you decide to stop using Beaver Builder, your content is ported back right into the WordPress editor.
5. Available as a plugin and as a theme
Beaver Builder is available as a plugin and as a theme. The theme is a perfect balance new zealand business email list between configuration and functionality. You can customize the theme just like you edit your pages.
The Beaver Builder theme allows you to make live edits via the WordPress Customizer. All theme settings can be found in the Customizer. This way, you can preview any of your theme settings changes live.
The theme also comes with a wide variety of presets. With the push of a button, the presets automatically update the theme settings to create dozens of different styles.
Beaver Builder is friendly to both beginners and developers
Beginners who need help getting started will find Beaver Builder tremendously useful.
Developers working on client sites will enjoy its developer-friendly features like Editor Mode, which prevents clients from breaking your design. Developers can also integrate custom widgets, shortcodes , or use Beaver Builder's custom module template.
Each layout you create can be saved as a template and reused. You can also save and reuse rows and modules. You can even move your layouts from one WordPress site to another using WordPress's default import/export tools.
Powerful ready-to-use modules in Beaver Builder
Modules act as blocks that you can add to your pages. Beaver Builder comes with all the essential modules you'll need to build any type of website.
Text Editor – Adds a visual text editor similar to the WordPress post editor.
Video: Add videos from your media library, YouTube, Vimeo, etc.
Accordion - Add an interactive accordion menu. Ideal for FAQ or Q&A pages.
Button- Add nice buttons with links
Calls to Action: Add specific calls to action.
Call to Action: Similar to a call to action, but with a different design.
Contact Form - Quickly add a contact form.
Content Slider - Add beautiful sliders with images and text
Tabs - Add content to tabs
Number Counter – Add animated circles, numbers and bars.
Custom HTML - Add custom HTML and shortcodes from WordPress plugins
Font Icons – Use FontAwesome, Foundation and Dashicons
Map - Add Google Maps
Post Carousel - Add beautiful post carousel to your posts, pages or custom post types
Pricing TableAdd nice pricing tables.
Social ButtonsAllow users to easily share your content on social networks
Testimonials - Create a beautiful testimonial slider with various styling options
WooCommerce - Add products by simply dragging and dropping to create an online store
We believe this list of modules contains the most commonly used elements on modern websites.