# How to Customize SaaSCado?

## Styling

1. Template is styled on Bubble side. In this way, you can easily change the color and font according to your brand from "Style variables" tab by clicking on "Styles" tab.

<figure><img src="/files/9M4ROivIoP43lP6uW7y1" alt=""><figcaption></figcaption></figure>

2. If you are going to use the template by copying it, delete the components, pages and option sets that you will not use.

## Stripe

If you are going to use the Stripe integration without copying SaaSCado, you need to copy the "Subscription Type" option set and download the Stripe plugin.

1. Enter the price-id of the products you created on the Stripe side into the "Subscription Types (OS)" option set. With this option set, you can easily manage the Pricing Card on the "Settings" page.

<figure><img src="/files/74YxIRHIfkmT1GRKAOMG" alt=""><figcaption></figcaption></figure>

2. Go to the "Plugins" tab and click on the Stripe plugin. Paste the "Secret Key" and "Publishable Key" you received from Stripe into the relevant fields.\
   For more information, visit [Stripe documentation.](https://docs.stripe.com/)

## How to Set Up Your Chatbot?

After copying SaaSCado, the chatbot and embed modules will not work in your application because they work according to SaaSCado's domain. To make your chatbot work in the application you copied, [click here](broken://pages/mgIMDpJQrhl2Spwalrsy) and follow the steps.

{% hint style="warning" %}
Make sure that the domain of the chatbot you created is the domain of your Bubble app. Otherwise, your models will not work.
{% endhint %}

## Embedding an AI Model in Your Application

After copying SaaSCado's "Generate" page to your application, you will see that the embed modules do not work. If you want to make it work, [click here](broken://pages/nvPOAaRCSL9MVojPcGBb) and follow the steps.

{% hint style="warning" %}
Make sure that the domain of the embed you created is the domain of your Bubble app. Otherwise, your models will not work.
{% endhint %}

If you have any further questions, please contact us.


---

# 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://docs.aicado.ai/templates/saascado/how-to-customize-saascado.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.