> ## Documentation Index
> Fetch the complete documentation index at: https://help.scribe-mail.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Blok tombol

> Tambahkan tombol ajakan bertindak yang dapat diklik ke tanda tangan email Anda, atur label dan tautan, serta beri gaya dengan tipe plain atau stroke, warna, dan sudut membulat.

Tombol adalah ajakan bertindak yang dapat diklik seperti "[Book a demo](/id/can-i-add-a-book-a-demo-call-to-action-for-my-sales-team-email-signatures)", "Visit our website", atau "Download our app." Tombol tampil menonjol secara visual dan mendorong klik ke tautan terpenting Anda.

<Frame>
  <img src="https://mintcdn.com/scribe/xbQhr3JjkYildsKM/images/signature-editor-canvas.png?fit=max&auto=format&n=xbQhr3JjkYildsKM&q=85&s=277601f9b630813e10eb6fef13e9435b" alt="Kanvas editor tanda tangan email" width="3456" height="1930" data-path="images/signature-editor-canvas.png" />
</Frame>

<Frame>
  <img src="https://mintcdn.com/scribe/Z_G2D9X-Tlrxu_Eh/images/button-block-settings-panel.png?fit=max&auto=format&n=Z_G2D9X-Tlrxu_Eh&q=85&s=d45982f5daaaf7a0e827914903149ab3" alt="Panel pengaturan blok tombol dengan opsi gaya dan ukuran" title="Panel pengaturan blok tombol dengan opsi gaya dan ukuran" className="mx-auto" style={{ width:"40%" }} width="688" height="1754" data-path="images/button-block-settings-panel.png" />
</Frame>

## Konten tombol

| Pengaturan | Fungsinya                          |
| ---------- | ---------------------------------- |
| **Text**   | Label yang ditampilkan pada tombol |
| **Link**   | URL yang dituju tombol saat diklik |

## Gaya

| Pengaturan        | Fungsinya                                                                          |
| ----------------- | ---------------------------------------------------------------------------------- |
| **Type**          | **Plain** (latar solid) atau **Stroke** (hanya garis tepi dengan latar transparan) |
| **Color**         | Warna latar tombol (untuk Plain) atau warna garis tepi (untuk Stroke)              |
| **Border radius** | Pembulatan sudut: `0` untuk sudut tajam, nilai lebih tinggi untuk sudut membulat   |
| **Color presets** | Pilih cepat dari preset warna gradien dan solid untuk penggayaan instan            |

<Tip>
  Gunakan **Type → Plain** dengan warna merek Anda untuk ajakan bertindak utama seperti "Book a demo." Gunakan **Type → Stroke** untuk tindakan sekunder yang perlu terlihat namun kurang menonjol.
</Tip>

## Penggayaan teks

Opsi font, ukuran, warna, opasitas, tinggi baris, dan pemformatan untuk teks label tombol.

## Ukuran

Atur **Width** dan **Height** tombol dalam piksel.

## Tata letak

Padding mengatur ruang di sekitar blok tombol.

## Artikel terkait

* [Tambahkan blok](/id/editor/add-blocks)
* [Ikon sosial](/id/editor/social-icons)
* [Blok lencana](/id/editor/badge-blocks)