Learn how to use Clutch for building websites

Using Clutch

Feedback

Roadmap

Changelog

Join our Discord

Getting Started

Clutch is a visual builder for headless WordPress that gives professional creators complete design and functional freedom—all while delivering superior performance and security and reducing necessary plugins and services.

Introduction

Once you create a project you will be taken to the Project Editor.

Tour the Interface

This guide walks through the steps to connect your Clutch project to your WordPress backend using the Clutch plugin for WordPress.

Connect to WordPress

Builder Features

Layouts

This article provides details of how Pages can be created and managed in Clutch.

Pages

Sections are pre-built, reusable website components designed to streamline your workflow. This article explains how Sections can be inserted and managed in Clutch.

Sections

Classes

Class Manager

HTML Tags

Instance Styles

CSS states allow for dynamic styling without JavaScript and help create more interactive and responsive interfaces. They're essential for providing visual feedback and improving user experience. This article walks through how CSS states can be visually created/set in Clutch builder.

States

Tokens

Previewing

Media

Settings

History

Keyboard Shortcuts

This article provides details on how we can change CSS property values at various breakpoints for screen width-specific CSS

Responsive Breakpoints

Sharing a Project

Reusability

HTML lang Attribute

Links to install the libraries exist within the documentation of each library. The libraries currently installed in a project can be seen in project Settings.

Libraries

Components

Elements

Lightbox

Video Player

Lite Video

Google Maps

Data

A set of common actions to be used on forms. 

Actions

A library that provides queries, actions and controls to enable connections to GraphQL services.

GraphQL

Google Analytics

Use of publicly shared Google Sheets as a data query.

Public Google Sheet

A library that provides functions to perform REST queries and actions. 

REST

WordPress

Zapier

A library that lets you easily connect a form built inside Clutch to a Contact Form 7 form in WordPress.

Contact Form 7

The Functions library provides a set of functions that empower the dynamism.
The Functions are grouped in 4 categories. You can find functions and their documentation under each.

Functions

Conditions

Number

String

Array

Date & Time

Custom Coding

Clutch Plugin Development Guide

Links to useful courses, external packages and other neat stuff for Clutch users