# Setup

Before using this template with real data or deploying it in production, a few essential configuration steps are required. This section will guide you through all the necessary adjustments to move from the demo environment to a fully functional, production-ready app.

We’ll walk you through:

<table data-view="cards"><thead><tr><th></th><th></th><th data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Disabling Demo Mode</strong></td><td>Remove placeholder content, test protections, and unlock the full set of features (email sending, user actions, etc.).</td><td><a href="/pages/3m85PrOoZ9fJiVJxR2X2">/pages/3m85PrOoZ9fJiVJxR2X2</a></td></tr><tr><td><strong>Plugin Configuration</strong></td><td>Set up all external services (Stripe, email, etc.) used by the template, including how and where to insert your keys.</td><td><a href="/pages/7pAHmjX2LS3nYF8sQf7S">/pages/7pAHmjX2LS3nYF8sQf7S</a></td></tr><tr><td><strong>User Access &#x26; Roles</strong></td><td>Understand how user accounts work, how to add new team members, and how access rights are managed.</td><td><a href="/pages/RBw7HaJLvNq3UWz0ZtPd">/pages/RBw7HaJLvNq3UWz0ZtPd</a></td></tr><tr><td><strong>Code &#x26; Embedded Logic</strong></td><td>Discover all embedded custom code (JavaScript actions, condition triggers), why it exists, and how to safely modify or extend it.</td><td><a href="/pages/MVmXOiv5k0CrMFvFxcS1">/pages/MVmXOiv5k0CrMFvFxcS1</a></td></tr><tr><td><strong>Customize Brand Colors</strong></td><td>Find out how to take design into your own hands and apply your establishment's graphic charter.</td><td><a href="/pages/wFuPJHmJb3AddoqSCkCc">/pages/wFuPJHmJb3AddoqSCkCc</a></td></tr></tbody></table>

{% hint style="info" %}
💡 If you’re just exploring the demo version, you can skip this section for now — but you won’t be able to send emails, process payments, or manage users until setup is complete.
{% endhint %}

{% hint style="danger" %}
To get to know this template properly, we recommend that you read all the workflows that have been created to familiarize yourself with them.\
It's important for you to understand the complete logic before making any changes.
{% endhint %}


---

# Agent Instructions: 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:

```
GET https://bookit-2.gitbook.io/bookit-template-bubble/getting-started/quickstart.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.