> For the complete documentation index, see [llms.txt](https://docs.overflowcms.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.overflowcms.com/getting-started/quickstart.md).

# Quickstart

## Quickstart

End to end: a new account to a rendering list on a real Webflow page.

{% stepper %}
{% step %}

#### Create an account and workspace

Sign up at the dashboard. A personal workspace is created for you automatically — there's no separate "create workspace" step to get started.

![Workspaces list after signing up](https://overflowcms.com/images/docs-screenshots/workspaces.png)
{% endstep %}

{% step %}

#### Choose a plan

A new workspace can't create sites until it's on a paid plan. From the workspace's **Billing** page, pick Starter or Pro — this opens Stripe Checkout for a monthly subscription. See Plans & Billing for what each tier includes.

![Billing page with plan cards](https://overflowcms.com/images/docs-screenshots/billing.png)
{% endstep %}

{% step %}

#### Create a site

From **Sites**, create a site (this provisions a dedicated database for it). One site generally maps to one Webflow project.

![Sites list inside a workspace](https://overflowcms.com/images/docs-screenshots/workspace-sites.png)
{% endstep %}

{% step %}

#### Create a collection

Inside the site, define a collection's fields — a "Blog" preset is offered as a starting point (title, excerpt, cover image, published date, rich-text body), or build your own from the 9 available field types. Mark fields **indexed** if you want to filter or sort by them.

![Creating a collection from the Blog preset](https://overflowcms.com/images/docs-screenshots/site-collections.png)
{% endstep %}

{% step %}

#### Add and publish an item

Fill in the item form and hit **Create & publish**. Published items are immediately servable from the public JSON API — drafts stay invisible until you publish them.

![Collection content grid with a published item and the new-item form](https://overflowcms.com/images/docs-screenshots/collection-content.png)
{% endstep %}

{% step %}

#### Wire up Webflow

Open the collection's **Integrate** tab. It gives you three things, generated specifically for this collection: the embed script tag (with your site's public token baked in), a ready-to-paste list block tailored to your fields, and a field → attribute reference table.

1. Paste the `<script>` tag into Webflow's Site Settings → Custom Code → Head Code (or a single page's head).
2. Paste the list block as an Embed element wherever the list should render, then restyle it freely in the Designer — everything inside `[data-oc-item]` is your template, cloned once per item.
3. Publish the Webflow site. Content appears automatically; new items and edits go live within seconds of publishing here, no Webflow republish required.

![The Integrate tab, with the script tag, JSON endpoint, and copy-paste snippet](https://overflowcms.com/images/docs-screenshots/collection-integrate.png)
{% endstep %}
{% endstepper %}

Next: Core Concepts for the full data model, or Embed Script Basics for the attribute contract in detail.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.overflowcms.com/getting-started/quickstart.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.