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

# Customizing Button

## 1. Navigate to your project

On your left side panel, select one of your projects

<figure><img src="/files/FfNY1fKpryhXjk4hGHsv" 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="/files/N3EZ6LIa87GmdASnObjH" 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="/files/JU6D8j22KT6xz51hGAkr" 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="/files/gOf1yShp03L5vwHI9rix" 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 %}