# Disabling Demo Mode

### Why demo mode exists

This template includes a **built-in demo mode** to provide a clean, safe environment for previewing the app without accidentally sending real data or triggering actions like emails or payment flows.

By default, several actions are **intentionally blocked or limited**, such as:

* Sending transactional emails
* Modifying or deleting core data
* Creating new records
* Accessing full settings

**These restrictions help ensure:**

* You don’t clutter the demo with fake or test data
* You can explore the design and UX freely without breaking anything
* Visitors testing the app aren’t shown irrelevant user content

***

### When to disable it

You should disable demo mode as soon as you are ready to:

* Use the template for your own business
* Onboard a real team or clients
* Test the application fully (emails, data, payments)
* Customize the logic and UI without demo limitations

***

### What needs to be removed or updated

#### 1. Delete the demo overlay

Go to the following pages in your Bubble editor:

* `backoffice`
* `backofficemobile`
* `index`

On each page:

* Search for the group named **`Group Focus Demo`**
* Delete it completely

This group just displays a warning text for demo mode.

<figure><img src="/files/nSeM8H6bJAdVHaurMy5y" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/EqTQFfd13M0gKPeKGmwi" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/HtNUDnfE3BjCv0Q5Qnui" alt=""><figcaption></figcaption></figure>

***

#### 2. Remove the "Admin access" shortcut

Go to the `login` page, and:

* Locate the group containing the **"Admin access"** button (used to simulate login during demo)
* Delete this group from the page

This will prevent unauthorized access via demo shortcuts.

<figure><img src="/files/Lhism1pq3ZZFWMjEdaP1" alt=""><figcaption></figcaption></figure>

***

#### 3. Set your account as administrator

Head to the **Data** tab in the Bubble editor:

* Open the `User` data type
* Locate the first user in the list (created for demo purposes)
* Change their **status** field to `admin`

You can also replace this user's **email address** with your own to take full control of the account.

<figure><img src="/files/a7nEJlw2GQeF9jDDrL5F" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/KgEsEJ1D2h4I47gOq978" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
💡 Once the email is updated, use the "Forgot password" feature on the login page to set your own password.
{% endhint %}

***

#### **4. Make e-mailing operational**

Go to your data, then to the first `Establishment` entry.

On the `sendEmails` data, select `yes`.

And voila, all emails will now be sent from your new bubble application !

<figure><img src="/files/r3fFpxQHPKU62zaAqspC" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/I6R3chhlzUaP4W4768ft" alt=""><figcaption></figcaption></figure>


---

# 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/disabling-demo-mode.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.