The page builder for developers
Build fully customizable and easy to use Wordpress websites – with Layotter, the drag-and-drop page builder for developers!
As a professional Wordpress developer, you've probably got your own theme boilerplate, a favorite grid system, project structure, … you name it. So why should your page builder dictate its own HTML or CSS structure? Why should it come with a ton of predesigned modules that won't fit your client's design anyway? We believe it shouldn't. So Layotter doesn't.
If you like ACF, you'll love Layotter
Layotter is based on Advanced Custom Fields (ACF), a popular Wordpress plugin that lets you create complex forms without writing any code. Thanks to ACF, building a simple Layotter element takes as little as 15 lines of code:
class Text_Element extends Layotter_Element {
protected function attributes() {
$this->title = 'Text';
$this->description = 'A very simple text element.';
$this->icon = 'font'; // pick an icon from Font Awesome
$this->field_group = 'group_abc1337'; // your ACF field group
}
protected function frontend_view($fields) {
echo $fields['content']; // what visitors will see
}
protected function backend_view($fields) {
echo $fields['content']; // what editors will see
}
}
Layotter::register_element('text', 'Text_Element');
Read the installation instructions to get started, or learn how to create an element type.
Some more features you'll enjoy
- Super clean, object oriented API
- Full HTML and CSS customization
- Settings filters for programmatic configuration
- Integrates so nicely, your clients will think it's a part of Wordpress
- Works with the Pro and free versions of ACF
- Open source and free to include even in commercial themes
Layotter 2 is in the making
The upcoming version is scheduled for release in May 2019 and features a much better integration with ACF that makes Layotter more stable and creates the foundation for new features that have been waiting in the pipeline for a while.