# Customizing Button

## 1. Navigate to your project

On your left side panel, select one of your projects

<figure><img src="https://318042386-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxNObIMtbqqV5r1oc0cmU%2Fuploads%2FdzVEVFWq7tJQ1aMlqa2n%2Fimage.png?alt=media&#x26;token=5162d913-d14c-4542-a94e-c1676349e152" alt=""><figcaption><p>Selecting a project called "My awesome site"</p></figcaption></figure>

## 2. Head over to the “Content” tab

Then, now that you’re on the project’s page, go to the “Content” tab located under the project’s name.

<figure><img src="https://318042386-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxNObIMtbqqV5r1oc0cmU%2Fuploads%2FSUeCR1gfYBIeU6ElFVRC%2Fimage.png?alt=media&#x26;token=16ba4b7a-a5db-4407-8048-02e00743e3a9" alt=""><figcaption><p>"Content" tab</p></figcaption></figure>

## 3. Head over to the “Design” card

The first card you see will be the “Design” card where you can edit options for your button’s design such as the button’s background color, the button’s text color, as well as edit what you want the button to say.

<figure><img src="https://318042386-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxNObIMtbqqV5r1oc0cmU%2Fuploads%2FyxE1FQvmXSJlPANqsV8Z%2Fimage.png?alt=media&#x26;token=3f47e594-2ff0-435d-9019-81f80532ffc3" alt=""><figcaption><p>"Design" card</p></figcaption></figure>

## 4. Preview the button

After making changes to the button’s design, you can also have a preview on how the button looks in the “Preview” card, located underneath the “Design” card on desktop, and at the bottom on mobile.

<figure><img src="https://318042386-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxNObIMtbqqV5r1oc0cmU%2Fuploads%2FAuxBAZ2OK8c4OADlMZJt%2Fimage.png?alt=media&#x26;token=2fcdbd43-25ee-4828-bf28-74552204c170" alt=""><figcaption><p>"Preview" card to preview your button</p></figcaption></figure>

{% hint style="info" %}
Now that you have designed the button to your liking, the next step would be to choose where to place the button on your site
{% 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://docs.userhelp.co/getting-started/customizing-button.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.
