Cara Membuat Website Atau Blog Pada Tahun 2020 - Panduan Gratis Dan Mudah Untuk Membangun Website

39 Contoh ajakan untuk bertindak yang tidak dapat Anda hindari mengklik

Pikirkan semua waktu yang telah Anda daftarkan untuk hal-hal dalam hidup Anda. Pernahkah Anda mengunduh Evernote? Dropbox? Spotify? Mungkin Anda bahkan mengikuti kelas di Majelis Umum.

Setiap langganan ini kemungkinan merupakan hasil dari ajakan bertindak efektif (CTA).

Pikirkan tentang hal ini: jika Anda tidak tertarik pada salinan atau tata letak CTA, atau telah dipandu dengan sangat fasih melalui proses pendaftaran Anda, Anda mungkin akan menggunakan aplikasi dan situs web yang jauh lebih sedikit daripada sekarang.

Sangat penting untuk memandu pengunjung Anda melalui perjalanan pembelian menggunakan CTA strategis.

Apa arti CTA dalam pemasaran

Sebagai seorang pemasar, CTA relevan karena mereka mendorong audiens Anda untuk mengambil tindakan dalam kampanye pemasaran.

Pada akhirnya, tujuan dari setiap kampanye pemasaran adalah untuk membimbing audiens Anda dalam perjalanan pembeli sehingga mereka akhirnya melakukan pembelian.

Namun, setiap kampanye pemasaran mungkin memiliki tindakan yang berbeda untuk dilakukan audiens karena ada beberapa taktik yang dapat Anda gunakan untuk memandu audiens Anda dalam perjalanan mereka.

Berikut adalah beberapa contoh jenis CTA yang dapat Anda gunakan dalam pemasaran:

Daftar.

Dalam jenis CTA ini, audiens dapat diundang untuk mendaftar untuk uji coba gratis, kursus online, acara mendatang, atau bahkan produk perangkat lunak. Itu semua tergantung pada konteks CTA dalam iklan atau situs web.

Langganan.

CTA ini tidak mengikat seseorang untuk melakukan pembelian. Sebaliknya, itu mengundang mereka untuk menerima pembaruan perusahaan. "Berlangganan" CTA adalah hal umum di blog perusahaan, di mana perusahaan ingin mengembangkan pembaca.

Percobaan gratis.

Hampir semua situs web perusahaan memiliki tawaran uji coba gratis hari ini. Masing-masing dari mereka adalah CTA dari varietas ini, dan mereka memungkinkan orang untuk melakukan demo produk sebelum memutuskan apakah itu sepadan dengan biayanya.

Mulailah.

CTA ini dapat mendorong berbagai perilaku untuk bisnis, dari percobaan gratis hingga pengalaman realitas virtual.

Belajarlah lagi.

Terkadang yang Anda inginkan adalah memberi sedikit informasi kepada calon pelanggan Anda sehingga mereka siap membeli sesuatu. Untuk itulah CTA ini diperuntukkan.

Bergabunglah dengan kami.

Apakah Anda mengelola komunitas online? Apakah produk Anda berdasarkan kolaborasi antar pengguna? Anda mungkin mendapati diri Anda memposting CTA "bergabung dengan kami" di suatu tempat di situs web Anda.

Pelajari lebih lanjut tentang tujuan yang dapat dipenuhi CTA dalam posting blog ini.

Semua jenis CTA di atas memiliki tujuan yang ditentukan, tetapi harap dicatat bahwa bahasa yang mereka gunakan mungkin berbeda. Dan hari ini, pemasar di seluruh dunia telah mengambil beberapa giliran kreatif untuk seruan mereka untuk bertindak guna menghasilkan arahan yang diandalkan oleh bisnis mereka.

Untuk membantu Anda mengidentifikasi mana yang efektif dan apa yang tidak, kami telah mencantumkan 31 contoh CTA yang benar-benar keren. Contoh ajakan bertindak ini terbagi dalam tiga kategori:

  • CTA sederhana dan efektif
  • CTA dengan frasa ajakan bertindak yang sangat baik
  • CTA menyeimbangkan banyak tombol pada satu halaman

1. Evernote

CTA: Daftar

Pengunjung dapat segera memahami pesan itu saat mereka mencapai halaman ini. Desain di situs web Evernote membuatnya sangat mudah bagi pengguna untuk melihat manfaat cepat menggunakan aplikasi dan cara mendaftar untuk menggunakannya. Juga, warna hijau dari tombol CTA primer dan sekunder adalah hijau yang sama dengan judul dan logo Evernote, yang semuanya melompat dari halaman.

Contoh tombol ajakan bertindak Evernote "title = 'evernote-cta.png" width = "600" style = "width: 600px; margin: 0px automatic;" srcset = "https://blog.hubspot.com /hs-fs/hubfs/evernote-cta.png?width=300&name=evernote-cta.png 300w, https: //blog.hubspot. com / hs-fs / hubfs / evernote-cta.png? width = 600 & name = evernote-cta.png 600w, https://blog.hubspot.com/hs-fs/hubfs/evernote-cta.png?width=900&name = evernote-cta.png 900w, https: //blog.hubspot. com / hs-fs / hubfs / evernote-cta.png? width = 1200 & name = evernote-cta.png 1200w, https://blog.hubspot.com /hs-fs/hubfs/evernote-cta.png?width=1500&name = evernote-cta.png 1500w, https://blog.hubspot.com/hs-fs/hubfs/evernote-cta.png?width=1800&name= evernote-cta.png 1800w "ukuran =" (lebar maksimum: 600px) 100vw, 600px "></p>
<h3><span class=2. Dropbox

CTA: Daftar gratis

Berkat desain sederhana dan ruang negatif ini, tombol ajakan bertindak "biru untuk mendaftar" menonjol dari semua hal lain di halaman. Karena CTA dan logo Dropbox berwarna sama, mudah bagi pengunjung untuk menafsirkan CTA ini sebagai "Daftarkan di Dropbox". Itu adalah panggilan efektif untuk bertindak.

Contoh tombol ajakan bertindak Dropbox "title = 'dropbox-cta-1.png" width = "600" style = "width: 600px; margin: automatic 0px;" srcset = "https: //blog.hubspot .com / hs-fs / hubfs / dropbox-cta-1.png? width = 300 & name = dropbox-cta-1.png 300w, https: // blog.hubspot.com/hs-fs/hubfs/dropbox-cta- 1.png? Lebar = 600 & nama = dropbox-cta-1.png 600w, https://blog.hubspot.com/hs-fs/hubfs/dropbox -cta-1.png? Lebar = 900 & name = dropbox-cta -1.png 900w, https://blog.hubspot.com/hs-fs/hubfs/dropbox-cta-1.png?width=1200&name=dropbox- cta-1.png 1200w, https: //blog.hubspot .com / hs-fs / hubfs / dropbox-cta-1.png? width = 1500 & name = dropbox-cta-1.png 1500w, https: // blog. hubspot.com/hs-fs/hubfs/dropbox-cta- 1.png? Lebar = 1800 & name = dropbox-cta-1.png 1800w "ukuran =" (lebar maksimum: 600px) 100vw, 600px "></p>
<h3><span class=3. OfficeVibe

CTA: berlangganan

Inilah seruan untuk bertindak yang menarik perhatian saya dari OfficeVibe. Saat Anda menggulir posting blog, spanduk meluncur ke bawah dari bagian bawah halaman dengan ajakan bertindak untuk berlangganan blog Anda. Bagian yang terbaik? Salinan pada slide mengatakan kepada saya bahwa saya akan mendapatkan saran tentang bagaimana menjadi manajer yang lebih baik, dan pos yang dia tunjukkan adalah posting tentang bagaimana menjadi manajer yang lebih baik. Dengan kata lain, tawaran itu adalah sesuatu yang sudah membuat saya tertarik.

Contoh tombol ajakan bertindak Netflix "title = 'netflix-cta.png" width = "600" style = "width: 600px; margin: 0px automatic;" srcset = "https://blog.hubspot.com /hs-fs/hubfs/netflix-cta.png?width=300&name=netflix-cta.png 300w, https: //blog.hubspot. com / hs-fs / hubfs / netflix-cta.png? width = 600 & name = netflix-cta.png 600w, https://blog.hubspot.com/hs-fs/hubfs/netflix-cta.png?width=900&name = netflix-cta.png 900w, https: //blog.hubspot. com / hs-fs / hubfs / netflix-cta.png? width = 1200 & name = netflix-cta.png 1200w, https://blog.hubspot.com /hs-fs/hubfs/netflix-cta.png?width=1500&name = netflix-cta.png 1500w, https://blog.hubspot.com/hs-fs/hubfs/netflix-cta.png?width=1800&name= netflix-cta.png 1800w "ukuran =" (lebar maksimum: 600px) 100vw, 600px "></p>
<h3><span class=5. Kotak

CTA: Mulai

Untuk mencapai desain CTA yang efektif, Anda perlu mempertimbangkan lebih dari sekadar tombol itu sendiri. Penting juga untuk mempertimbangkan elemen-elemen akun seperti warna latar belakang, gambar di sekitarnya dan teks di sekitarnya.

Sadar akan komponen desain tambahan ini, orang-orang di Square menggunakan satu gambar untuk menunjukkan kesederhanaan dalam menggunakan produk mereka, di mana ajakan "Mulai" mengambang untuk bertindak menunggu klik Anda. Jika Anda melihat lebih dekat, warna kartu kredit pada gambar dan warna tombol CTA cocok, membantu pemirsa menghubungkan titik-titik dari apa yang diharapkan jika / ketika mereka mengklik.

Orang-orang Prezi juga memiliki desain minimalis di situs web mereka. Selain dinosaurus hijau dan kopi cokelat gelap, satu-satunya warna lain yang menyertai desain dominan hitam dan putih adalah biru cerah, biru sama dengan logo utamanya. Biru cerah itu ditempatkan secara strategis di laman beranda: CTA utama "Cobalah di Prezi" dan CTA sekunder "Persiapan," yang membawa pengguna ke halaman penetapan harga yang sama.

Contoh tombol ajakan bertindak Prezi "title = 'prezi-cta.png" width = "600" style = "width: 600px; margin: automatic 0px;" srcset = "https://blog.hubspot.com /hs-fs/hubfs/prezi-cta.png?width=300&name=prezi-cta.png 300w, https: //blog.hubspot. com / hs-fs / hubfs / prezi-cta.png? width = 600 & name = prezi-cta.png 600w, https://blog.hubspot.com/hs-fs/hubfs/prezi-cta.png?width=900&name = prezi-cta.png 900w, https: //blog.hubspot. com / hs-fs / hubfs / prezi-cta.png? width = 1200 & name = prezi-cta.png 1200w, https://blog.hubspot.com /hs-fs/hubfs/prezi-cta.png?width=1500&name = prezi-cta.png 1500w, https://blog.hubspot.com/hs-fs/hubfs/prezi-cta.png?width=1800&name= prezi-cta.png 1800w "ukuran =" (lebar maksimum: 600px) 100vw, 600px "></p>
<h3><span class=7. Paket lengkap

CTA: pekerjaan kami

Contoh tombol ajakan bertindak EPIC "title = 'epic-cta.png" width = "600" style = "width: 600px; margin: 0px automatic;" srcset = "https://blog.hubspot.com /hs-fs/hubfs/epic-cta.png?width=300&name=epic-cta.png 300w, https: //blog.hubspot. com / hs-fs / hubfs / epic-cta.png? width = 600 & name = epic-cta.png 600w, https://blog.hubspot.com/hs-fs/hubfs/epic-cta.png?width=900&name = epic-cta.png 900w, https: //blog.hubspot. com / hs-fs / hubfs / epic-cta.png? width = 1200 & name = epic-cta.png 1200w, https://blog.hubspot.com /hs-fs/hubfs/epic-cta.png?width=1500&name = epic-cta.png 1500w, https://blog.hubspot.com/hs-fs/hubfs/epic-cta.png?width=1800&name= epic-cta.png 1800w "ukuran =" (lebar maksimum: 600px) 100vw, 600px "></p>
<h3><span class=10. Aquaspresso

CTA: Kirimkan saya penawaran khusus sekarang!

Tujuan ajakan bertindak adalah mengarahkan pengunjung situs Anda ke tindakan yang diinginkan, dan CTA terbaik melakukannya dengan cara yang bermanfaat bagi pengunjung Anda. Orang-orang di perusahaan kopi Aquaspresso benar-benar menemukan keseimbangan di sini dengan popup CTA di halaman blog utama mereka.

Di sini, tindakan yang diinginkan adalah agar pembaca blog Anda meninjau apa yang sebenarnya mereka jual (dan mudah-mudahan membeli dari mereka). Ada banyak cara mereka bisa melakukan ini, termasuk memposting CTA mendesak orang untuk "Lihatlah produk-produk kami yang paling populer!" atau sesuatu yang sangat langsung. Tapi kami menyukai apa yang telah mereka lakukan: CTA Anda menawarkan pembaca blog sesuatu yang jauh lebih berguna dan halus: tawaran "khusus hari ini" dengan imbalan alamat email pembaca.

Menambahkan bahwa spesial hanya untuk hari ini adalah contoh yang bagus dari taktik psikologis yang disebut kelangkaan, yang membuat kita memberikan nilai lebih pada hal-hal yang kita anggap langka. Khawatir bahwa spesial hari ini lebih baik daripada besok bisa membuat orang ingin menyelesaikannya dan mengklaim penawaran mereka selagi mereka bisa.

Tidak ada yang mau salah. Itu sebabnya tombol ajakan bertindak seperti slider QuickSprout CTA di blog Anda sangat dapat diklik. Ia bertanya kepada pembaca, "Apakah Anda melakukan SEO yang salah?" Yah, apakah ini aku? Yang harus saya lakukan adalah memasukkan URL saya untuk mencari tahu, sepertinya cukup mudah. Ini adalah bahasa seperti itu yang benar-benar dapat menarik pengunjung untuk mengklik.

Juga, memiliki slide CTA di posting pertengahan blog adalah taktik yang bagus untuk melibatkan pembaca sebelum mereka meninggalkan halaman. Secara tradisional, banyak blog memiliki CTA di bagian bawah setiap posting blog, tetapi penelitian menunjukkan bahwa sebagian besar pembaca hanya mendapatkan 60% dari jalan melalui artikel. (Klik di sini untuk informasi tentang cara menambahkan CTA yang dapat digeser ke posting blog Anda.)

Contoh tombol ajakan bertindak oleh QuickSprout "title = 'quicksprout-slide-in-CTA.png" width = "387" style = "width: 387px; margin: 0px auto;" srcset = "https: // blog .hubspot.com / hs-fs / hubfs / quicksprout-slide-in-CTA.png? width = 194 & name = quicksprout-slide-in-CTA.png 194w, https://blog.hubspot.com/hs-fs/ hubfs / quicksprout-slide-in-CTA.png? width = 387 & name = quicksprout-slide-in-CTA.png 387w, https://blog.hubspot.com / hs-fs / hubfs / quicksprout-slide-in-CTA .png? width = 581 & name = quicksprout-slide-in-CTA.png 581w, https://blog.hubspot.com/hs-fs/hubfs/quicksprout- slide-in-CTA.png? width = 774 & name = quicksprout-slide-in-CTA.png 774w, https://blog.hubspot.com/hs-fs/hubfs/quicksprout-slide-in-CTA.png?width = 968 & name = quicksprout-slide-in-CTA .png 968w, https://blog.hubspot.com/hs-fs/hubfs/quicksprout-slide-in-CTA.png?width=1161&name=quicksprout-slide-in- CTA.png 1161w "ukuran =" (lebar maksimum: 387px) 100vw, 387px "></p>
<h3><span class=12. Grey Goose

CTA: temukan koktail sesuai dengan keinginan Anda

Inilah ajakan bertindak yang menyenangkan dan unik yang dapat membuat orang mengklik. Sementara pengunjung situs mungkin diharapkan diarahkan ke halaman produk atau siaran pers dari halaman rumah, CTA untuk "Menemukan koktail yang disesuaikan dengan keinginan Anda" adalah pertanyaan yang sangat mengejutkan. Orang-orang suka kustomisasi, dan CTA ini terasa seperti permainan keren. Ikon tombol putar di sebelah salinan mengisyaratkan bahwa pengunjung akan dibawa ke video sehingga mereka memiliki gagasan yang lebih baik tentang apa yang diharapkan ketika mereka mengklik.

Perbedaan kata-katanya mungkin tampak halus, tetapi pikirkan tentang seberapa pribadi "Bukti Klaim Gratis" itu. Juga, kata "klaim" menunjukkan bahwa itu mungkin tidak tersedia lama, memberikan pengguna perasaan urgensi untuk mendapatkan percobaan gratis selagi mereka bisa.

Tombol ajakan bertindak, yang berwarna hijau cerah dan menonjol dengan latar belakang biru tua, berkata, "Lanjutkan." Kesederhanaan istilah ini memberi harapan bahwa proses pendaftaran pendek dan informal. Bagi saya, CTA ini terasa lebih seperti saya memainkan permainan yang menyenangkan daripada mengisi formulir yang membosankan atau melakukan sesuatu yang bisa membuat saya gugup. Dan itu semua karena penyalinan.

Seperti contoh Aquaspresso dalam n. 10, ini adalah penggunaan klasik dari taktik psikologis yang disebut kelangkaan, yang membuat kita memberikan nilai lebih pada hal-hal yang kita anggap langka. Membatasi waktu seseorang harus mengisi formulir membuat orang ingin menyelesaikannya dan mengklaim penawaran mereka selagi mereka bisa.

Penasaran, apa yang terjadi ketika waktu habis? Saya juga. Meriah, tidak ada yang terjadi. CTA popup tetap pada halaman ketika timer mencapai nol.

CTA bisa tampak sangat agresif dan menguntungkan (ya, itu kata …) jika Anda menggunakan bahasa yang salah. Saya suka pendekatan pendidikan IMPACT, di mana mereka menantang pengunjung untuk mempelajari apa yang dilakukan perusahaan sebelum menekan mereka untuk mengambil tindakan lebih lanjut. Ajakan bertindak ini sangat menarik bagi saya karena mereka bahkan tidak menggunakan kata kerja tindakan, tetapi masih berhasil menarik orang untuk mengklik.

Ketika Anda mengklik tombol CTA biru di bawah, Brooks mengarahkan Anda ke halaman dengan kode sederhana tempat Anda dapat mengirim pesan teks ke perusahaan. Kode ini meminta Brooks untuk secara otomatis memberi tahu pengunjung ketika sepatu yang mereka inginkan tersedia lagi.

Juga, setelah Anda mengklik CTA itu, situs web menjadi semacam permainan untuk memilih petualangan Anda sendiri, yang merupakan jalur ajakan bertindak menyenangkan bagi pengguna dan mendorong mereka untuk menghabiskan lebih banyak waktu di situs. .

Humboldt County Adventure CTA. "Judul = 'humboldt-select-adventure-cta.png" width = "600" style = "lebar: 600px; margin: otomatis 0px;" srcset = "https: // blog. hubspot.com/hs-fs/hubfs/humboldt-choose-adventure-cta.png?width=300&name=humboldt-choose-adventure-cta.png 300w, https://blog.hubspot.com/hs-fs/hubfs /humboldt-choose-adventure-cta.png?width=600&name=humboldt-choose-adventure-cta.png 600w, https://blog.hubspot.com / hs-fs / hubfs / humboldt-Choose-adventure-cta. png? width = 900 & name = humboldt-choose-adventure-cta.png 900w, https://blog.hubspot.com/hs-fs/hubfs/humboldt- pilih-adventure-cta.png? width = 1200 & name = humboldt -choose-adventure-cta.png 1200w, https://blog.hubspot.com/hs-fs/hubfs/humboldt-choose-adventure-cta.png?width = 1500 & name = humboldt-pilih-petualangan-cta. png 1500w, https://blog.hubspot.com/hs-fs/hubfs/humboldt-choose-adventure-cta.png?width=1800&name=humboldt-choose-adventure- cta.png 1800w "ukuran =" (lebar maksimum : 600px) 100vw, 600px "></p>
<h3><span class=20. Uber

CTA: Mendaftar untuk mengemudi | Mulai berkuda dengan Uber

Uber mencari dua jenis orang yang berbeda untuk mendaftar di situs webnya: pialang dan driver. Kedua orang mencari hal-hal yang sangat berbeda namun situs web mengikat mereka dengan sangat baik dengan video yang diputar di latar belakang yang menunjukkan driver dan driver Uber bersenang-senang di tempat-tempat di seluruh dunia.

Saya juga suka salinan CTA pengemudi di atas – tidak jauh lebih mudah daripada "Menghasilkan uang dengan mengendarai mobil Anda." Sekarang Anda berbicara bahasa orang-orang.

No es solo el titular lo que revela esto; También es el color de sus botones CTA. El CTA "Go Premium" es de color verde lima, lo que hace que salga de la página, mientras que el CTA "Play Free" es completamente blanco y se combina con el resto de la copia en la página. Este contraste garantiza que los visitantes se sientan atraídos por la CTA premium.

Ugmonk tiene una gran salida CTA, que ofrece dos opciones para los usuarios como una súplica final antes de que abandonen el sitio. Primero, ofrecen un descuento del 15% en sus productos, seguido de dos opciones: "Sí, por favor: envíeme el cupón" y "No, gracias: no estoy interesado". Es muy útil que cada CTA aclare lo que realmente significan "Sí" y "No", y también me gusta que no hayan usado un lenguaje de culpabilidad como "No, gracias: odio la naturaleza" como he visto en otros sitios web. Finalmente, observe que el botón "Sí, por favor" es mucho más brillante y atractivo en color que la otra opción.

Botones de llamada a la acción de Ugmonk23) Pinterest

CTA: Continuar con Facebook | Daftar

Quiere registrarse para Pinterest? Tienes un par de opciones: regístrate a través de Facebook o por correo electrónico. Jika Anda punya Facebook cuenta, Pinterest quiere que hagas eso primero. ¿Cómo puedo saber? Estéticamente, lo sé porque el azul Facebook El CTA es lo primero y es mucho más prominente, colorido y reconocible debido al logotipo y color de la marca. Lógicamente, lo sé porque si inicias sesión a través de Facebook, Pinterest puede tirar Facebook's API data and get more information about you than if you log in through your email address.

Although this homepage is optimized to bring in new members, you'll notice a very subtle CTA for folks with Pinterest accounts to log in on the top right.

Pinterest    signup call to action button24. Madewell

CTA: Take me there | Apa berikutnya?

Madewell (owned by J.Crew) has always had standout website design, taking what could be a typical ecommerce website to the next level. Their use of CTAs on their homepage is no exception.

When you first arrive on the page, you're greeted with the headline "I'm Looking For …" followed by a category, like "Clothes That'll Travel Anywhere." Below this copy are two options: "Yes, Take Me There" or "Hmm… What's Next?" The user can choose between the two CTAs to either browse clothes that are good for travel, or be taken to the next type of clothing, where they can play again.

This gamification is a great way to make your site more interesting for users who come across it without having a specific idea of where they want to look.

Instagram signup call to action buttons26. Barkbox

CTA: Get Started | Give a Gift

The two CTAs on Barkbox's homepage show that the team there knows their customers: While many people visiting their site are signing up for themselves, there are a lot of people out there who want to give Barkbox as a gift. To give those people an easy path to purchase, there are two, equally sized CTAs on the page: "Get Started" and "Give a Gift."

As an added bonus, there's an adorable, pop-up call-to-action on the right-hand side of the screen prompting users to leave a message if they'd like. Click into it, and a small dialogue box pops up that reads, "Woof! I'm afraid our pack is not online. Please leave us a message and we'll bark at you as soon as pawsible." Talk about delightful copy.

Barkbox call to action buttons27. t.c. pharma

CTA: Find out more | View products

Turns out Red Bull isn't its own parent company: It's owned by Thailand-based t.c. pharma, a company that makes popular energy drinks, electrolyte beverages, and functional drinks and snacks.

Its homepage features two call-to-action buttons of equal size: "Find out more" and "View products" — but it's clear by the bright yellow color of the first button that they'd rather direct folks to "Find out more."

t.c. pharma product info call to action buttons28. General Assembly

CTA: View Full-Time Courses | Langganan

As you scroll through the General Assembly website, you'll see CTAs for various courses you may or may not want to sign up for. I'd like to point your attention to the CTA that slides in from the bottom of the page as you're scrolling, though, which suggests that you subscribe to email updates.

Although this feels like a secondary CTA due to its location and manner, I actually think they try to sneak this in to become more of a primary CTA because it's so much more colorful and noticeable than the CTAs for individual classes. When you create your own CTAs, try using bolder colors — even ones that clash with your regular stylings — to see if it's effective at getting people's attention. (Click here for a tutorial on how to add slide-in CTAs to your webpages.)

General Assembly subscribe call to action button29. charity: water

CTA: Give by Credit Card | Give by PayPal

Charity: water's main goal is to get people to donate money for clean water — but they can't assume that everyone wants to pay the same way.

The CTAs featured on their homepage take a really unique approach to offering up different payment methods by pre-filling $60 into a single line form and including two equally important CTAs to pay via credit card or PayPal. Notice how both CTAs are the same size and design — this is because charity: water likely doesn't care you donate, as long as you're donating.

charity: water donation call to action button30. Hipmunk

CTA: Flights | Hotels | Cars | Paquetes

When you land on the Hipmunk site, your main option is to search flights. But notice there are four tabs you can flip through: flights, hotels, cars, and packages.

When you click into one of these options, the form changes so you can fill out more information. To be 100% sure you know what you're searching for, Hipmunk placed a bright orange CTA at the far right-hand side of the form. On this CTA, you'll see a recognizable icon of a plane next to the word "Search," so you know for sure that you're searching for flights, not hotels. When you're on the hotels tab, that icon changes to a hotel icon. Same goes with cars and packages.

Hipmunk flights and hotel bookings CTA form31. MakeMyPersona

CTA: Grab the template! | No thanks

Here's another example of a great pop-up with multiple calls-to-action — except in this case, you'll notice the size, color, and design of the users' two options are very different from one another. In this case, the folks at MakeMyPersona are making the "Grab the template!" CTA much more attractive and clickable than the "No, I'm OK for now, thanks" CTA — which doesn't even look like a clickable button.

I also like how the "no" option uses polite language. I find brands that don't guilt-trip users who don't want to take action to be much, much more lovable.

MakeMyPersona template download call to action button32. TeuxDeux

CTA: Get Started for Free | Try for Free

Another example of simplistic design, TeuxDeux's main website features one phrase and two CTA buttons.

Itu.

Using the company's colors, the background is just a splash of red and some black.

The CTA buttons stand out against the color and emphasize that you can try the product for free.

I like these CTAs because they show that the company understands its audience. Whenever I'm researching to-do list apps, I always want to try it before I buy it. It's something that people are very particular about and want to test-drive. TeuxDeux's CTAs shows that they understand this about their audience.

33. Betabrand

CTA: Get involved

Betabrand is a clothing company that sells yoga/dress pants for women. Usually, clothing brands tend to use similar CTAs such as "Shop Now."

However, Betabrand's homepage CTA is unique in that it involves the audience. Here, users can vote and impact the design of new products.

This is a fun way to get the audience involved and do something different.

Betabrand homepage CTA.

34. Fabletics

CTA: Limited Edition

This Fabletics CTA uses several marketing tactics: scarcity and a holiday.

On the homepage, the brand announces a limited edition collection that's tied to a holiday (Mother's Day).

Additionally, the CTA uses a bright color so the CTA stands out on the simple homepage.

Fabletics limited edition CTA.

35. Ashley Stewart

CTA: Shop the Lookbook

Ashley Stewart is a clothing brand catered to plus-sized women. In this CTA, the company uses a fun design to entice website visitors. The entire collage of images looks like a behind-the-scenes camera roll, which is interesting to look at.

Additionally, the CTA copy is straight to the point, which is helpful for visitors who are looking to browse.

Ashley Stewart CTA example.

36. Amazon Music

CTA: 3 months free

This is a great example of several of the elements we've talked about in one CTA.

Amazon uses two strategically placed CTAs, colorful, yet simple design, and offers the product for free.

With this CTA, Amazon is promoting one of its own products and services on its homepage instead of other products listed for sale on the site.

The only message they want to get across? That you can try their product, Amazon Music, for free for three whole months. This CTA accomplishes that goal with a simple design.

Amazon Music CTA example.

37. Barnes and Noble

CTA: Shop Now

Barnes and Noble uses a simple CTA to entice visitors to shop a limited collection during the Mother's Day holiday.

I like this CTA because the landing page design is so cohesive with the branding of the overall company.

Additionally, the graphics and the fonts are all interesting and match the brand's messaging.

Barnes and Noble CTA.

38. Slack

CTA: Learn More | Hubungi kami

Slack uses beautiful, simple design on its homepage to entice visitors to click on one of the two CTA buttons.

I like this example because Slack has two CTA buttons for two different audiences. If you're just getting started in your research, you can click "Learn More." However, if you're a repeat visitor and know that you want to talk to a sales person, you can click "Contact Us."

This is a great example of serving two audiences with your CTAs on your homepage.

Slack home page CTA.

39. Nintendo

CTA: Compare Features

On Nintendo's website, the company is focused on answering any questions a visitor might have.

In fact, one of the main CTAs is "Compare Features." With this CTA, Nintendo answers one of their most popular questions because they understand that many visitors are still doing their research before purchasing a product.

Nintendo CTA example.

Ini dia. By now, we hope you can see just how important little CTA tweaks can be.

Full Disclosure: We don't have data to know if these are all scientifically successful, but these examples all follow our best practices. If you decide to recreate these CTAs on your site, please remember to test to see if they work for your audience.

Table of Contents