Dua Cara Membuat Tombol CTA di Blogger

Ada dua cara untuk membuat tombol CTA di Blogger:

Metode 1: Menggunakan HTML dan CSS

Metode ini memungkinkan Anda untuk membuat tombol CTA yang sesuai dengan desain blog Anda.

1. Buka postingan blog Anda di editor HTML.
2. Tambahkan kode HTML berikut di tempat yang Anda inginkan tombol CTA muncul:

HTML

<a href="https://example.com/" class="cta-button">
  <span class="cta-button-text">Beli Sekarang</span>
</a>

3. Ganti https://example.com/ dengan URL tujuan tombol CTA Anda.
4. Ganti Beli Sekarang dengan teks yang ingin Anda tampilkan di tombol CTA Anda.
5. Tambahkan kode CSS berikut untuk menyesuaikan tampilan tombol CTA Anda:

CSS

.cta-button {
  background-color: #000000;
  color: #ffffff;
  font-size: 16px;
  padding: 10px 20px;
  border-radius: 5px;
  text-decoration: none;
  cursor: pointer;
}

.cta-button:hover {
  background-color: #ffffff;
  color: #000000;
}

Metode 2: Menggunakan plugin

Metode ini lebih mudah dan cepat, tetapi Anda tidak memiliki kontrol penuh atas desain tombol CTA Anda.

1. Instal plugin Insert Buttons di blog Anda.
2. Buka postingan blog Anda dan klik Insert Buttons di menu bar.
3. Pilih tombol CTA yang ingin Anda gunakan.
4. Atur pengaturan tombol CTA sesuai keinginan Anda.
5. Klik Insert.

Tombol CTA akan muncul di tempat yang Anda pilih di postingan blog Anda.

Berikut adalah beberapa tips untuk membuat tombol CTA yang efektif:

• Pastikan tombol CTA Anda jelas dan mudah dipahami. Orang harus tahu apa yang harus mereka lakukan setelah mengklik tombol CTA Anda.
• Gunakan bahasa yang kuat dan persuasif. Tombol CTA Anda harus mendorong orang untuk bertindak.
• Spesifikasikan manfaat yang akan didapatkan orang jika mengklik tombol CTA Anda. Apa yang akan mereka dapatkan?
• Gunakan gambar atau video yang menarik. Gambar atau video dapat membantu menarik perhatian orang dan membuat tombol CTA Anda lebih menonjol.

Semoga membantu!