# Buttons

## Creating and Adding a Button

To create and add a button to your content, you need to make sure you created a style for buttons in [Content Design System Manager](https://setka.gitbook.io/help-center/content-design-system-manager). If you already have styles for your buttons, you can add a button in Side Toolbar. 

### Creating Button Styles in [CDSM (Content Design System Manager)](https://setka.gitbook.io/help-center/content-design-system-manager)

For every button, you can choose:

* Its name (you can create several buttons inside your style).
* Text format for your text on the button.
* Border width and radius.
* Colors for text, border, and background for the different button states.
  * Default (before interaction with this button), on hover and click.

![Button Styles settings in Setka Content Design System Manager](https://1843290185-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLOEPbfEK4119w2ROYc%2F-MQJY-iR4AqO4sImgHzd%2F-MQJfobg6cY3-EpYeoHW%2FSetka-CDSM-Interface-Button-Style-Settings.png?alt=media\&token=ac135738-ebf8-41af-9cac-9afe3c90c8d2)

### Inserting a button in the post editor

You can add a button to a post from the Side Toolbar

![](https://1843290185-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLOEPbfEK4119w2ROYc%2F-MQJY-iR4AqO4sImgHzd%2F-MQJeKbmyrr_LyfJjv-h%2FSetka-Side-Toolbar-Add-Button-Selected.png?alt=media\&token=cfb931e0-4ac4-4e3e-af90-5eabeb565705)

In the Upper Contextual Menu, you can edit various settings for your buttons. Here is what you can do:

* Choose the button style.
* Change the button’s bottom indent.
* Choose where the button will lead to (URL or anchor).
* You can also set a telephone number instead of URL — enter tel:5555555555 in the URL field.
* Set an animation.
* Set the visibility for different types of devices.

![](https://1843290185-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLOEPbfEK4119w2ROYc%2F-MQJY-iR4AqO4sImgHzd%2F-MQJedE2_Vngz7AoYtTw%2FSetka-Upper-Toolbar-Button-Settings.png?alt=media\&token=ffb5a460-f6e1-4611-aff9-0589ba1b20e8)

{% embed url="<https://drive.google.com/file/d/1-lAA1g0knSlQvlj3t9c1nEIvZj7ZdUjS/view?usp=sharing>" %}
Video tutorial on how to add a CTA in Setka Editor&#x20;
{% endembed %}

{% hint style="info" %}
Please note that Buttons are available on premium plans. [Please see our pricing page](https://setka.io/pricing) for more details.&#x20;
{% endhint %}