Layotter Documentation

Show menu

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

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.