A powerful and easy to use page builder, using the Advanced Custom Fields Flexible Content module.

owenr88

PLEASE NOTE: The following plugins or add-ons are required for this to work:
<ul>
<li><a href="http://www.advancedcustomfields.com/" rel="nofollow ugc">Advanced Custom Fields</a> is ESSENTIAL</li>
<li>The Advanced Custom Fields <a href="http://www.advancedcustomfields.com/add-ons/flexible-content-field/" rel="nofollow ugc">Flexible Content add-on field</a> is essential</li>
<li><a href="https://wordpress.org/plugins/simple-contact-forms/" rel="ugc">Simple Contact Forms</a> is required for the Simple Contact Forms page builder section to work</li>
</ul>
The ACF Page Builder uses the Advanced Custom Fields Flexible Content field to create a bunch of completely customisable page elements. This plugin works best when used with <a href="http://getbootstrap.com/" rel="nofollow ugc">Bootstrap</a>, but it isn’t essential. These elements include:
<ul>
<li>Banner images</li>
<li>Buttons</li>
<li>Bootstrap Content Grids</li>
<li>Image Gallery (with text and caption)</li>
<li>Raw HTML and JavaScript</li>
<li><a href="https://wordpress.org/plugins/simple-contact-forms/" rel="ugc">Simple Contact Forms</a></li>
<li>WYSIWYG Content</li>
</ul>
Each element can be configured – see the screenshots for configuration options. Default options are background colours, wrapper classes and if the element needs to be contained (Bootstrap only!) Please <a href="https://twitter.com/biglemontweets" rel="nofollow ugc">get in touch</a> or <a href="https://github.com/owenr88/acf-page-builder" rel="nofollow ugc">submit pull requests</a> for any more page sections.
The ACF Page Builder was created and is managed by <a href="http://www.biglemoncreative.co.uk" rel="nofollow ugc">Big Lemon Creative</a>.
<h4>Configuration</h4>
To configure which post types or page templates the page builder is displayed on, use the following filter in your functions.php file:
<pre><code>function support_acfpb( $support = array() ) {

 $support['post_type'] = array(
 'page',
 'post'
 );

 $support['page_template'] = array(
 'page-templates/page-sectioned.php'
 );

 return $support;

}
add_filter('acfpb_set_locations', 'support_acfpb', 10, 1);
</code></pre>
<h4>Usage</h4>
We designed the functions to match the ACF syntax of <code>get_field()</code> and <code>the_field()</code>. Use the functions below to get or directly echo the sections on the front end. The ID is optional.
<pre><code>the_sections( $id );
</code></pre>
OR
<pre><code>echo get_sections( $id );
</code></pre>

Alternatives to Advanced Custom Fields Page Builder

Top alternatives