> For the complete documentation index, see [llms.txt](https://setka.gitbook.io/help-center/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://setka.gitbook.io/help-center/setka-post-editor/buttons.md).

# 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](/help-center/content-design-system-manager.md). 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)](/help-center/content-design-system-manager.md)

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](/files/-MQJfobg6cY3-EpYeoHW)

### Inserting a button in the post editor

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

![](/files/-MQJeKbmyrr_LyfJjv-h)

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.

![](/files/-MQJedE2_Vngz7AoYtTw)

{% 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 %}