---
description: >-
  Everything you need to know about getting started with step builder,
  block-by-block.
---

# Step builder

The step builder is a simple drag-and-drop builder that will allow you to build out your pricing model

It's easy to add, remove, edit and change the order of your step blocks at the click of a button.

<figure><img src="https://1110149073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fu89vYHjuY9Vj4vhZX5IZ%2Fuploads%2FRSWlkErhS9AUM1Rkd1pK%2FDrag%20and%20Drop.gif?alt=media&#x26;token=9bf50512-df31-4a29-b5f0-381798d92a81" alt="" width="375"><figcaption><p>Click to Drag-and-Drop your steps</p></figcaption></figure>

<figure><img src="https://1110149073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fu89vYHjuY9Vj4vhZX5IZ%2Fuploads%2FkxFd38C0j6YGw6mUrrnL%2FAdd%20New%20Step.gif?alt=media&#x26;token=fcde3d31-faca-48ce-bf4d-e2092fc49885" alt="" width="375"><figcaption><p>Click the '+' symbol to add a new step</p></figcaption></figure>



<figure><img src="https://1110149073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fu89vYHjuY9Vj4vhZX5IZ%2Fuploads%2FqJ5eHDOk7s9o4UAvWI56%2FDelete%20Step.gif?alt=media&#x26;token=95a73493-3586-49e2-b1ba-a15dc4b5b50c" alt="" width="375"><figcaption><p>Click the 'x' on a step to delete it</p></figcaption></figure>

## Using the step builder:

### [understanding-step-types](step-builder/understanding-step-types "mention")

### [ordering-step-blocks](step-builder/ordering-step-blocks "mention")

### [placeholder-mode](step-builder/placeholder-mode "mention")

### [up-downloading-models](step-builder/up-downloading-models "mention")

### [sharing-your-model](step-builder/sharing-your-model "mention")

### [running-tests](step-builder/running-tests "mention")
