{"id":2940,"date":"2023-06-16T09:03:29","date_gmt":"2023-06-16T02:03:29","guid":{"rendered":"https:\/\/bikin.website\/blog\/?p=2940"},"modified":"2023-06-16T10:14:00","modified_gmt":"2023-06-16T03:14:00","slug":"cara-membuat-button-di-wordpress","status":"publish","type":"post","link":"https:\/\/bikin.website\/blog\/cara-membuat-button-di-wordpress\/","title":{"rendered":"Cara Membuat Button di WordPress yang Mudah, Tanpa Coding!"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Membuat <a href=\"https:\/\/sproutsocial.com\/glossary\/call-to-action-cta\/#:~:text=Call%20to%20action%20links%20and,signing%20up%20for%20a%20service.\">CTA<\/a> (<\/span><i><span style=\"font-weight: 400;\">call-to-action<\/span><\/i><span style=\"font-weight: 400;\">) <\/span><i><span style=\"font-weight: 400;\">button<\/span><\/i><span style=\"font-weight: 400;\"> di konten memang bisa jadi cara ampuh nih untuk meningkatkan konversi website.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Dengan CTA <\/span><i><span style=\"font-weight: 400;\">button<\/span><\/i><span style=\"font-weight: 400;\">, Anda bisa meminta pengunjung untuk <\/span><i><span style=\"font-weight: 400;\">download<\/span><\/i><span style=\"font-weight: 400;\">, membeli, mengunjungi <\/span><i><span style=\"font-weight: 400;\">homepage<\/span><\/i><span style=\"font-weight: 400;\"> website dan sebagainya.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Tapi, masalahnya, <\/span><b><i>mau bikin tapi nggak ngerti coding, gimana ya?<\/i><\/b> <i><span style=\"font-weight: 400;\">Eits<\/span><\/i><span style=\"font-weight: 400;\">, siapa bilang harus paham <\/span><i><span style=\"font-weight: 400;\">coding<\/span><\/i><span style=\"font-weight: 400;\">?\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Di WordPress, Anda bisa membuat <\/span><i><span style=\"font-weight: 400;\">button<\/span><\/i><span style=\"font-weight: 400;\"> tanpa <\/span><i><span style=\"font-weight: 400;\">coding <\/span><\/i><span style=\"font-weight: 400;\">sama sekali, kok. Ada dua cara membuat <\/span><i><span style=\"font-weight: 400;\">button<\/span><\/i><span style=\"font-weight: 400;\"> di WordPress nih yang bisa Anda lakukan.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Tapi, ini tergantung jenis WordPress <\/span><i><span style=\"font-weight: 400;\">editor<\/span><\/i><span style=\"font-weight: 400;\"> mana yang Anda gunakan, ya. Jika Anda menggunakan <\/span><i><span style=\"font-weight: 400;\">classic editor<\/span><\/i><span style=\"font-weight: 400;\">, jelas caranya akan berbeda dengan <\/span><i><span style=\"font-weight: 400;\">block editor<\/span><\/i><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Nah, dalam artikel ini, kami akan membantu Anda untuk membuat <\/span><i><span style=\"font-weight: 400;\">button<\/span><\/i><span style=\"font-weight: 400;\"> di WordPress, baik dengan menggunakan <\/span><i><span style=\"font-weight: 400;\">block editor<\/span><\/i><span style=\"font-weight: 400;\"> maupun <\/span><i><span style=\"font-weight: 400;\">classic<\/span><\/i> <i><span style=\"font-weight: 400;\">editor<\/span><\/i><span style=\"font-weight: 400;\">. Kalau begitu, simak penjelasannya hingga tuntas, ya!<\/span><\/p>\n<h2><b>Cara Membuat Button di WordPress Block Editor (Gutenberg)<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Salah satu yang membuat WordPress <\/span><i><span style=\"font-weight: 400;\">block editor<\/span><\/i><span style=\"font-weight: 400;\"> menarik adalah Anda bisa menemukan berbagai fitur di dalamnya, lho.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Tidak hanya fitur untuk konten seperti Paragraph, Heading, List, Quote dan sebagainya. Tapi, WordPress <\/span><i><span style=\"font-weight: 400;\">block editor<\/span><\/i><span style=\"font-weight: 400;\"> juga memungkinkan Anda untuk mendesain tiap halaman, lho.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Termasuk menambahkan CTA <\/span><i><span style=\"font-weight: 400;\">button <\/span><\/i><span style=\"font-weight: 400;\">di dalamnya. Jadi, Anda tidak perlu lagi deh <\/span><i><span style=\"font-weight: 400;\">install<\/span><\/i><span style=\"font-weight: 400;\"> plugin ataupun <\/span><i><span style=\"font-weight: 400;\">coding<\/span><\/i><span style=\"font-weight: 400;\"> untuk membuat <\/span><i><span style=\"font-weight: 400;\">button<\/span><\/i><span style=\"font-weight: 400;\"> di WordPress.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Nah, untuk caranya, Anda bisa ikuti langkah-langkah yang kami bagikan berikut ini, ya!<\/span><\/p>\n<blockquote><p><strong>Baca juga:\u00a0<a href=\"https:\/\/bikin.website\/blog\/mengenal-dashboard-wordpress\/\">Berbagai Macam Menu di Dashboard WordPress<\/a><\/strong><\/p><\/blockquote>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Login <\/b><span style=\"font-weight: 400;\">ke akun administrator WordPress Anda.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Pilih menu <\/span><b>Posts > Add New <\/b><span style=\"font-weight: 400;\">pada <\/span><i><span style=\"font-weight: 400;\">menu bar<\/span><\/i><span style=\"font-weight: 400;\">. Atau bisa juga pilih menu <\/span><b>Posts > All Posts > konten<\/b><span style=\"font-weight: 400;\">. <img decoding=\"async\" class=\"aligncenter size-full wp-image-2944\" src=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/cara-membuat-button-di-wordpress.png\" alt=\"cara membuat button di wordpress\" width=\"852\" height=\"443\" srcset=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/cara-membuat-button-di-wordpress.png 852w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/cara-membuat-button-di-wordpress-300x156.png 300w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/cara-membuat-button-di-wordpress-768x399.png 768w\" sizes=\"(max-width: 852px) 100vw, 852px\" \/><\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Pilih <\/span><b><i>block<\/i><\/b><span style=\"font-weight: 400;\"> yang Anda inginkan di mana <\/span><i><span style=\"font-weight: 400;\">button<\/span><\/i><span style=\"font-weight: 400;\"> akan diletakkan dalam konten. <img decoding=\"async\" class=\"aligncenter size-large wp-image-2945\" src=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/membuat-button-di-wordpress-1024x405.png\" alt=\"cara membuat button di wordpress gutenberg\" width=\"1024\" height=\"405\" srcset=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/membuat-button-di-wordpress-1024x405.png 1024w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/membuat-button-di-wordpress-300x119.png 300w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/membuat-button-di-wordpress-768x304.png 768w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/membuat-button-di-wordpress.png 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Klik <\/span><b><i>icon plus<\/i><\/b><span style=\"font-weight: 400;\"> di bagian kanan atas atau di tiap <\/span><i><span style=\"font-weight: 400;\">block<\/span><\/i><span style=\"font-weight: 400;\"> dalam konten.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Cari <\/span><b><i>button<\/i><\/b> <span style=\"font-weight: 400;\">dalam <\/span><i><span style=\"font-weight: 400;\">search bar<\/span><\/i><span style=\"font-weight: 400;\">, lalu klik <\/span><b>Buttons<\/b><span style=\"font-weight: 400;\">. <img decoding=\"async\" class=\"aligncenter size-large wp-image-2946\" src=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/cari-button-1024x427.png\" alt=\"cari elemen button\" width=\"1024\" height=\"427\" srcset=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/cari-button-1024x427.png 1024w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/cari-button-300x125.png 300w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/cari-button-768x320.png 768w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/cari-button.png 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Akan muncul <\/span><i><span style=\"font-weight: 400;\">button<\/span><\/i><span style=\"font-weight: 400;\"> di <\/span><i><span style=\"font-weight: 400;\">block<\/span><\/i><span style=\"font-weight: 400;\"> yang Anda pilih. Masukkan <\/span><b>teks CTA<\/b><span style=\"font-weight: 400;\"> yang Anda inginkan, misalnya <\/span><b>Hubungi Kami Di Sini<\/b><span style=\"font-weight: 400;\">. <img decoding=\"async\" class=\"aligncenter size-large wp-image-2947\" src=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/masukkan-teks-button-1024x411.png\" alt=\"masukkan teks button\" width=\"1024\" height=\"411\" srcset=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/masukkan-teks-button-1024x411.png 1024w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/masukkan-teks-button-300x120.png 300w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/masukkan-teks-button-768x308.png 768w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/masukkan-teks-button.png 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Klik <\/span><b><i>icon<\/i><\/b><b> rantai<\/b><span style=\"font-weight: 400;\"> di bagian atas. Lalu, masukkan <\/span><b><i>link<\/i><\/b> <span style=\"font-weight: 400;\">yang Anda inginkan. <img decoding=\"async\" class=\"aligncenter size-large wp-image-2948\" src=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/masukkan-link-button-1024x436.png\" alt=\"masukkan link button\" width=\"1024\" height=\"436\" srcset=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/masukkan-link-button-1024x436.png 1024w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/masukkan-link-button-300x128.png 300w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/masukkan-link-button-768x327.png 768w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/masukkan-link-button.png 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Jika sudah, atur <\/span><b><i>alignment <\/i><\/b><span style=\"font-weight: 400;\">untuk <\/span><i><span style=\"font-weight: 400;\">button<\/span><\/i><span style=\"font-weight: 400;\"> dan teks sesuai keinginan Anda. Atur juga <\/span><b><i>style<\/i><\/b> <i><span style=\"font-weight: 400;\">button<\/span><\/i><span style=\"font-weight: 400;\"> pada <\/span><i><span style=\"font-weight: 400;\">tab <\/span><\/i><span style=\"font-weight: 400;\">Settings di sebelah kanan. <img decoding=\"async\" class=\"aligncenter size-large wp-image-2949\" src=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/atur-alignment-tombol-1024x457.png\" alt=\"atur alignment dan style button\" width=\"1024\" height=\"457\" srcset=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/atur-alignment-tombol-1024x457.png 1024w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/atur-alignment-tombol-300x134.png 300w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/atur-alignment-tombol-768x343.png 768w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/atur-alignment-tombol.png 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Jika semua sudah sesuai, klik <\/span><b>Update<\/b><span style=\"font-weight: 400;\"> untuk menyimpan perubahan. <img decoding=\"async\" class=\"aligncenter size-large wp-image-2950\" src=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/klik-update-atau-publish-1024x350.png\" alt=\"klik update\" width=\"1024\" height=\"350\" srcset=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/klik-update-atau-publish-1024x350.png 1024w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/klik-update-atau-publish-300x103.png 300w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/klik-update-atau-publish-768x263.png 768w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/klik-update-atau-publish.png 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">Saat membuat <\/span><i><span style=\"font-weight: 400;\">button<\/span><\/i><span style=\"font-weight: 400;\"> di WordPress <\/span><i><span style=\"font-weight: 400;\">block editor<\/span><\/i><span style=\"font-weight: 400;\"> ini, pastikan Anda sudah menyesuaikan warna, ukuran teks, <\/span><i><span style=\"font-weight: 400;\">button<\/span><\/i><span style=\"font-weight: 400;\"> dan posisinya, ya.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Jangan sampai pengunjung tidak melihat <\/span><i><span style=\"font-weight: 400;\">button<\/span><\/i><span style=\"font-weight: 400;\"> dalam konten Anda. Yang ada, Anda tidak akan mendapatkan konversi karena tidak ada klik sama sekali.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Nah, setelah membuat <\/span><i><span style=\"font-weight: 400;\">button<\/span><\/i><span style=\"font-weight: 400;\">, jangan lupa pula untuk mengetes hasilnya, ya. Anda bisa coba akses kontennya dan klik <\/span><i><span style=\"font-weight: 400;\">button<\/span><\/i><span style=\"font-weight: 400;\"> yang sudah Anda buat.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Kalau Anda langsung diarahkan ke <\/span><i><span style=\"font-weight: 400;\">link<\/span><\/i><span style=\"font-weight: 400;\"> dalam <\/span><i><span style=\"font-weight: 400;\">button<\/span><\/i><span style=\"font-weight: 400;\"> tersebut, berarti Anda sudah sukses nih untuk membuatnya sendiri.<\/span><\/p>\n<h2><b>Cara Membuat Button di WordPress Classic Editor <\/b><span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Berbeda dengan <\/span><i><span style=\"font-weight: 400;\">block editor<\/span><\/i><span style=\"font-weight: 400;\"> yang memiliki fitur <\/span><i><span style=\"font-weight: 400;\">default<\/span><\/i><span style=\"font-weight: 400;\"> untuk membuat <\/span><i><span style=\"font-weight: 400;\">button<\/span><\/i><span style=\"font-weight: 400;\">, di WordPress <\/span><i><span style=\"font-weight: 400;\">classic editor<\/span><\/i><span style=\"font-weight: 400;\"> Anda harus membuatnya secara manual.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Namun, untuk Anda para pengguna setia <\/span><i><span style=\"font-weight: 400;\">classic editor<\/span><\/i><span style=\"font-weight: 400;\">, tidak perlu khawatir soal <\/span><i><span style=\"font-weight: 400;\">coding<\/span><\/i><span style=\"font-weight: 400;\">, ya. Karena ada banyak plugin <\/span><i><span style=\"font-weight: 400;\">button<\/span><\/i><span style=\"font-weight: 400;\"> yang bisa Anda <\/span><i><span style=\"font-weight: 400;\">install<\/span><\/i><span style=\"font-weight: 400;\"> di WordPress, kok.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Seperti Forget About Shortcode Buttons, Call Now Button dan MaxButtons. Masing-masing plugin ini pun memiliki fungsi <\/span><i><span style=\"font-weight: 400;\">button<\/span><\/i><span style=\"font-weight: 400;\"> yang berbeda-beda, lho.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Jadi, Anda bisa pilih dan sesuaikan saja ya dengan kebutuhan <\/span><i><span style=\"font-weight: 400;\">button<\/span><\/i><span style=\"font-weight: 400;\"> Anda. Tapi, untuk tutorial kali ini, kami akan membagikan cara membuat <\/span><i><span style=\"font-weight: 400;\">button<\/span><\/i><span style=\"font-weight: 400;\"> di WordPress dengan plugin <a href=\"https:\/\/wordpress.org\/plugins\/maxbuttons\/\">MaxButtons<\/a>.<\/span><\/p>\n<blockquote><p><strong>Baca juga:\u00a0<a href=\"https:\/\/bikin.website\/blog\/cara-meningkatkan-ux-website\/\">Begini Cara Meningkatkan UX Website Anda, Dijamin Ampuh!<\/a><\/strong><\/p><\/blockquote>\n<h3>Langkah 1 \u2013 Install Plugin MaxButton dan Buat New Button<\/h3>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Login <\/b><span style=\"font-weight: 400;\">ke akun administrator WordPress Anda.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Pilih menu <\/span><b>Plugins > Add New<\/b><span style=\"font-weight: 400;\"> pada <\/span><i><span style=\"font-weight: 400;\">menu bar<\/span><\/i><span style=\"font-weight: 400;\"> di sebelah kiri. <img decoding=\"async\" class=\"aligncenter size-full wp-image-2951\" src=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/install-plugin-maxbutton.png\" alt=\"install plugin maxbutton\" width=\"902\" height=\"408\" srcset=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/install-plugin-maxbutton.png 902w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/install-plugin-maxbutton-300x136.png 300w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/install-plugin-maxbutton-768x347.png 768w\" sizes=\"(max-width: 902px) 100vw, 902px\" \/><\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Cari <\/span><b>MaxButtons<\/b><span style=\"font-weight: 400;\"> pada <\/span><i><span style=\"font-weight: 400;\">search bar<\/span><\/i><span style=\"font-weight: 400;\">. Lalu, klik <\/span><b>Install Now > Activate<\/b><span style=\"font-weight: 400;\"> pada WordPress Button Plugin MaxButtons. <img decoding=\"async\" class=\"aligncenter size-large wp-image-2952\" src=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/cari-dan-install-plugin-maxbutton-1024x427.png\" alt=\"install plugin maxbutton\" width=\"1024\" height=\"427\" srcset=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/cari-dan-install-plugin-maxbutton-1024x427.png 1024w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/cari-dan-install-plugin-maxbutton-300x125.png 300w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/cari-dan-install-plugin-maxbutton-768x320.png 768w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/cari-dan-install-plugin-maxbutton.png 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Jika sudah ter-<\/span><i><span style=\"font-weight: 400;\">install<\/span><\/i><span style=\"font-weight: 400;\">, pilih menu <\/span><b>MaxButtons > Add New <\/b><span style=\"font-weight: 400;\">pada <\/span><i><span style=\"font-weight: 400;\">menu bar<\/span><\/i><span style=\"font-weight: 400;\"> di sebelah kiri. <img decoding=\"async\" class=\"aligncenter size-full wp-image-2953\" src=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/buat-button-baru-di-wordpress.png\" alt=\"cara membuat button di wordpress\" width=\"953\" height=\"401\" srcset=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/buat-button-baru-di-wordpress.png 953w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/buat-button-baru-di-wordpress-300x126.png 300w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/buat-button-baru-di-wordpress-768x323.png 768w\" sizes=\"(max-width: 953px) 100vw, 953px\" \/><\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Di bagian <\/span><b>Button Name<\/b><span style=\"font-weight: 400;\">, masukkan nama <\/span><i><span style=\"font-weight: 400;\">button<\/span><\/i><span style=\"font-weight: 400;\"> yang Anda inginkan. Misalnya <\/span><i><span style=\"font-weight: 400;\">homepage<\/span><\/i><span style=\"font-weight: 400;\"> untuk <\/span><i><span style=\"font-weight: 400;\">button<\/span><\/i><span style=\"font-weight: 400;\"> yang mengarah ke halaman utama. <img decoding=\"async\" class=\"aligncenter size-large wp-image-2954\" src=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/nama-button-1024x429.png\" alt=\"cara membuat button di wordpress\" width=\"1024\" height=\"429\" srcset=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/nama-button-1024x429.png 1024w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/nama-button-300x126.png 300w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/nama-button-768x322.png 768w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/nama-button.png 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Di bagian <\/span><b>URL<\/b><span style=\"font-weight: 400;\">, masukkan <\/span><i><span style=\"font-weight: 400;\">link<\/span><\/i><span style=\"font-weight: 400;\"> halaman yang diinginkan. Lalu, atur jenis <\/span><i><span style=\"font-weight: 400;\">link<\/span><\/i><span style=\"font-weight: 400;\"> tersebut di bagian bawah. <img decoding=\"async\" class=\"aligncenter size-large wp-image-2955\" src=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/url-button-1024x433.png\" alt=\"cara membuat button di wordpress\" width=\"1024\" height=\"433\" srcset=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/url-button-1024x433.png 1024w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/url-button-300x127.png 300w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/url-button-768x325.png 768w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/url-button.png 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Di bagian <\/span><b>Button Tooltip<\/b><span style=\"font-weight: 400;\">, masukkan <\/span><i><span style=\"font-weight: 400;\">hover text<\/span><\/i><span style=\"font-weight: 400;\"> dari <\/span><i><span style=\"font-weight: 400;\">button<\/span><\/i><span style=\"font-weight: 400;\"> Anda. Ini bisa disamakan dengan teks CTA-nya, ya. <img decoding=\"async\" class=\"aligncenter size-large wp-image-2956\" src=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/masukkan-text-1024x479.png\" alt=\"masukkan teks\" width=\"1024\" height=\"479\" srcset=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/masukkan-text-1024x479.png 1024w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/masukkan-text-300x140.png 300w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/masukkan-text-768x359.png 768w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/masukkan-text.png 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Di bagian <\/span><b>Text<\/b><span style=\"font-weight: 400;\">, masukkan teks CTA <\/span><i><span style=\"font-weight: 400;\">button<\/span><\/i><span style=\"font-weight: 400;\"> yang Anda inginkan.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Atur <\/span><b><i>style<\/i><\/b> <span style=\"font-weight: 400;\">untuk teks dan <\/span><i><span style=\"font-weight: 400;\">button<\/span><\/i><span style=\"font-weight: 400;\"> di bagian bawah sesuai keinginan. Anda bisa lihat tampilannya di bagian <\/span><b>Preview <\/b><span style=\"font-weight: 400;\">di sebelah kanan, ya. <img decoding=\"async\" class=\"aligncenter size-large wp-image-2957\" src=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/atur-style-button-1024x481.png\" alt=\"atur style button\" width=\"1024\" height=\"481\" srcset=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/atur-style-button-1024x481.png 1024w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/atur-style-button-300x141.png 300w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/atur-style-button-768x360.png 768w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/atur-style-button.png 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Jika sudah, klik <\/span><b>Save<\/b><span style=\"font-weight: 400;\"> di bagian bawah. <img decoding=\"async\" class=\"aligncenter size-full wp-image-2958\" src=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/save-button.png\" alt=\"save button\" width=\"978\" height=\"307\" srcset=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/save-button.png 978w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/save-button-300x94.png 300w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/save-button-768x241.png 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/span><\/li>\n<\/ol>\n<h3>Langkah 2 \u2013 Pasang Button di Konten<\/h3>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Pilih menu <\/span><b>Posts > Add New<\/b><span style=\"font-weight: 400;\"> pada <\/span><i><span style=\"font-weight: 400;\">menu bar<\/span><\/i><span style=\"font-weight: 400;\">. Atau pilih menu <\/span><b>Posts > All Posts > konten<\/b><span style=\"font-weight: 400;\">. <img decoding=\"async\" class=\"aligncenter size-large wp-image-2959\" src=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/pilih-menu-posts-1024x358.png\" alt=\"pilih menu posts\" width=\"1024\" height=\"358\" srcset=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/pilih-menu-posts-1024x358.png 1024w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/pilih-menu-posts-300x105.png 300w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/pilih-menu-posts-768x269.png 768w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/pilih-menu-posts.png 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Klik <\/span><b>bagian konten<\/b><span style=\"font-weight: 400;\"> yang ingin ditambahkan <\/span><i><span style=\"font-weight: 400;\">button<\/span><\/i><span style=\"font-weight: 400;\">, misalnya setelah paragraf terakhir. <img decoding=\"async\" class=\"aligncenter size-large wp-image-2960\" src=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/pilih-lokasi-button-1024x419.png\" alt=\"pilih lokasi button\" width=\"1024\" height=\"419\" srcset=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/pilih-lokasi-button-1024x419.png 1024w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/pilih-lokasi-button-300x123.png 300w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/pilih-lokasi-button-768x314.png 768w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/pilih-lokasi-button.png 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Klik <\/span><b>Add Button<\/b><span style=\"font-weight: 400;\"> di bagian atas <\/span><i><span style=\"font-weight: 400;\">classic editor<\/span><\/i><span style=\"font-weight: 400;\">. Lalu, pilih <\/span><b><i>button<\/i><\/b> <span style=\"font-weight: 400;\">yang ingin digunakan dan klik <\/span><b>Use this Button<\/b><span style=\"font-weight: 400;\">. <img decoding=\"async\" class=\"aligncenter size-large wp-image-2961\" src=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/pilih-button-1024x436.png\" alt=\"pilih button\" width=\"1024\" height=\"436\" srcset=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/pilih-button-1024x436.png 1024w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/pilih-button-300x128.png 300w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/pilih-button-768x327.png 768w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/pilih-button.png 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Akan muncul <\/span><i><span style=\"font-weight: 400;\">button shortcode<\/span><\/i><span style=\"font-weight: 400;\"> yang sudah Anda buat sebelumnya. Klik <\/span><b>Publish <\/b><span style=\"font-weight: 400;\">atau <\/span><b>Update<\/b><span style=\"font-weight: 400;\"> untuk menyimpan. <img decoding=\"async\" class=\"aligncenter size-large wp-image-2962\" src=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/update-button-1024x415.png\" alt=\"update halaman\" width=\"1024\" height=\"415\" srcset=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/update-button-1024x415.png 1024w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/update-button-300x121.png 300w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/update-button-768x311.png 768w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/update-button.png 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">Jika Anda menggunakan plugin ini, Anda memang tidak bisa melihat langsung tampilan <\/span><i><span style=\"font-weight: 400;\">button<\/span><\/i><span style=\"font-weight: 400;\">-nya di konten. Nah, untuk melihat hasilnya, Anda bisa nih langsung cek dan tes <\/span><i><span style=\"font-weight: 400;\">button<\/span><\/i><span style=\"font-weight: 400;\"> di konten tersebut.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Pastikan semua <\/span><i><span style=\"font-weight: 400;\">setting<\/span><\/i><span style=\"font-weight: 400;\">-an yang Anda lakukan sebelumnya berhasil, ya. Seperti <\/span><i><span style=\"font-weight: 400;\">open in new window<\/span><\/i><span style=\"font-weight: 400;\">, <\/span><i><span style=\"font-weight: 400;\">hover text<\/span><\/i><span style=\"font-weight: 400;\"> dan sebagainya.\u00a0<\/span><\/p>\n<h2><b>Gunakan Pula Tools Lain untuk Memaksimalkan CTA Button di WordPress <\/b><span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Seperti yang Anda lihat nih, <\/span><i><span style=\"font-weight: 400;\">link<\/span><\/i><span style=\"font-weight: 400;\"> yang Anda masukkan ke <\/span><i><span style=\"font-weight: 400;\">button<\/span><\/i><span style=\"font-weight: 400;\"> adalah URL biasa. Yang mana, sulit untuk dilacak berapa jumlah klik yang ada.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Tidak hanya melihat jumlah klik, Anda juga tidak bisa melihat nih dari konten mana para <\/span><i><span style=\"font-weight: 400;\">viewers<\/span><\/i><span style=\"font-weight: 400;\"> ini masuk ke halaman website Anda.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Nah, supaya lebih mudah untuk di-<\/span><i><span style=\"font-weight: 400;\">tracking<\/span><\/i><span style=\"font-weight: 400;\">, Anda bisa <\/span><i><span style=\"font-weight: 400;\">upgrade<\/span><\/i><span style=\"font-weight: 400;\"> plugin MaxButtons ke versi pro di mana tersedia fitur Link Manager.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Di fitur ini, Anda bisa men-<\/span><i><span style=\"font-weight: 400;\">tracking<\/span><\/i><span style=\"font-weight: 400;\"> setiap <\/span><i><span style=\"font-weight: 400;\">link<\/span><\/i><span style=\"font-weight: 400;\"> yang Anda masukkan ke dalam <\/span><i><span style=\"font-weight: 400;\">button<\/span><\/i><span style=\"font-weight: 400;\">, seperti jumlah klik, dari atau menuju ke halaman mana saja dan sebagainya.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Selain <\/span><i><span style=\"font-weight: 400;\">upgrade<\/span><\/i><span style=\"font-weight: 400;\">, Anda bisa juga nih menggunakan <\/span><i><span style=\"font-weight: 400;\">tools<\/span><\/i> <a href=\"https:\/\/ga-dev-tools.google\/campaign-url-builder\/\"><i><span style=\"font-weight: 400;\">campaign <\/span><\/i><span style=\"font-weight: 400;\">URL <\/span><i><span style=\"font-weight: 400;\">builder<\/span><\/i><\/a><span style=\"font-weight: 400;\"> dari Google untuk membuat UTM.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Jika menggunakan UTM, Anda bisa men-<\/span><i><span style=\"font-weight: 400;\">tracking<\/span><\/i><span style=\"font-weight: 400;\"> dengan mudah dari mana saja sih para <\/span><i><span style=\"font-weight: 400;\">viewers<\/span><\/i><span style=\"font-weight: 400;\"> ini datang ke halaman website.<\/span><\/p>\n<blockquote><p><strong>Baca juga:\u00a0<a href=\"https:\/\/bikin.website\/blog\/cara-optimasi-landing-page\/\">6 Cara Optimasi Landing Page untuk Tingkatkan Penjualan!<\/a><\/strong><\/p><\/blockquote>\n<h2><b>Yuk, Buat Button Anda Sekarang di WordPress! <\/b><span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Membuat CTA<\/span><i><span style=\"font-weight: 400;\"> button<\/span><\/i><span style=\"font-weight: 400;\"> dalam setiap konten maupun halaman website memang penting nih untuk meningkatkan konversi.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Tidak hanya itu, Anda pun juga bisa meningkatkan <\/span><i><span style=\"font-weight: 400;\">traffic<\/span><\/i><span style=\"font-weight: 400;\"> halaman website Anda dengan mengarahkan para pengunjung menggunakan CTA <\/span><i><span style=\"font-weight: 400;\">button<\/span><\/i><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Cara membuat <\/span><i><span style=\"font-weight: 400;\">button<\/span><\/i><span style=\"font-weight: 400;\"> di WordPress ini pun sangat mudah, tidak perlu <\/span><i><span style=\"font-weight: 400;\">coding<\/span><\/i><span style=\"font-weight: 400;\"> sama sekali. Anda bisa gunakan fitur <\/span><i><span style=\"font-weight: 400;\">default<\/span><\/i><span style=\"font-weight: 400;\"> di WordPress <\/span><i><span style=\"font-weight: 400;\">block editor<\/span><\/i><span style=\"font-weight: 400;\"> maupun plugin untuk <\/span><i><span style=\"font-weight: 400;\">classic editor<\/span><\/i><span style=\"font-weight: 400;\">, tinggal pilih sesuai kebutuhan Anda.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Selain membuat <\/span><i><span style=\"font-weight: 400;\">button<\/span><\/i><span style=\"font-weight: 400;\">, Anda juga harus memastikan desain website tetap <\/span><i><span style=\"font-weight: 400;\">user <\/span><\/i><span style=\"font-weight: 400;\">dan <\/span><i><span style=\"font-weight: 400;\">mobile friendly<\/span><\/i><span style=\"font-weight: 400;\"> lho untuk meningkatkan <\/span><i><span style=\"font-weight: 400;\">traffic<\/span><\/i><span style=\"font-weight: 400;\"> dan konversi.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Jangan sampai Anda kehilangan pengunjung hanya karena fitur yang tidak bekerja atau website yang tidak <\/span><i><span style=\"font-weight: 400;\">mobile-friendly<\/span><\/i><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Jika website Anda belum <\/span><i><span style=\"font-weight: 400;\">user-friendly<\/span><\/i><span style=\"font-weight: 400;\">, tidak perlu khawatir. Tim Bikin.Website siap kok membantu masalah website Anda.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Anda bisa konsultasikan lebih dulu nih dengan tim kami untuk membuat maupun <\/span><i><span style=\"font-weight: 400;\">redesign<\/span><\/i><span style=\"font-weight: 400;\"> website supaya jadi lebih <\/span><i><span style=\"font-weight: 400;\">user<\/span><\/i><span style=\"font-weight: 400;\"> dan <\/span><i><span style=\"font-weight: 400;\">mobile friendly<\/span><\/i><span style=\"font-weight: 400;\">. Tenang saja, konsultasinya gratis, kok!<\/span><\/p>\n<p style=\"text-align: center;\"><a class=\"wp-block-button__link has-white-color has-text-color has-background\" style=\"background-color: #181585;\" href=\"https:\/\/bikin.website?utm_source=website&utm_medium=blog&utm_campaign=website-blog-bikinwebsite-cara+membuat+button+di+wordpress\" target=\"_blank\" rel=\"nofollow noopener\">Konsultasikan Saja Dulu<\/a><\/p>\n<p><span style=\"font-weight: 400;\">Kalau begitu, sampai di sini dulu ya konten dari tim Bikin.Website. Semoga Anda bisa membuat CTA<\/span><i><span style=\"font-weight: 400;\"> button<\/span><\/i><span style=\"font-weight: 400;\"> sendiri yang menarik!<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Jangan lupa <\/span><i><span style=\"font-weight: 400;\">drop<\/span><\/i><span style=\"font-weight: 400;\"> pendapat atau pertanyaan Anda di kolom komentar untuk berbagi <\/span><i><span style=\"font-weight: 400;\">insight<\/span><\/i><span style=\"font-weight: 400;\">, ya!\u00a0<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Membuat CTA (call-to-action) button di konten memang bisa jadi cara ampuh nih untuk meningkatkan konversi website. Dengan CTA button, Anda bisa meminta pengunjung untuk download, membeli, mengunjungi homepage website dan sebagainya. Tapi, masalahnya, mau bikin tapi nggak ngerti coding, gimana ya? Eits, siapa bilang harus paham coding?\u00a0 Di WordPress, Anda bisa membuat button tanpa coding [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":2942,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[981,3,982,835],"tags":[1039,1040,392],"class_list":["post-2940","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-optimasi-website","category-tips","category-wawasan","category-website","tag-cara-membuat-button-di-wordpress","tag-cta-button","tag-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Cara Membuat Button di WordPress yang Mudah, Tanpa Coding!<\/title>\n<meta name=\"description\" content=\"Mau tingkatkan konversi lewat CTA button di konten, tapi bingung caranya? Yuk, pelajari cara membuat button di WordPress di sini!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bikin.website\/blog\/cara-membuat-button-di-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cara Membuat Button di WordPress yang Mudah, Tanpa Coding!\" \/>\n<meta property=\"og:description\" content=\"Mau tingkatkan konversi lewat CTA button di konten, tapi bingung caranya? Yuk, pelajari cara membuat button di WordPress di sini!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bikin.website\/blog\/cara-membuat-button-di-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Bikin.Website\" \/>\n<meta property=\"article:published_time\" content=\"2023-06-16T02:03:29+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-16T03:14:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/cara-membuat-button-di-wordpress.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1333\" \/>\n\t<meta property=\"og:image:height\" content=\"992\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Severina Ratih\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Severina Ratih\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/cara-membuat-button-di-wordpress\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/cara-membuat-button-di-wordpress\\\/\"},\"author\":{\"name\":\"Severina Ratih\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#\\\/schema\\\/person\\\/aa838f6f33fc51efa6b5c41f140ef040\"},\"headline\":\"Cara Membuat Button di WordPress yang Mudah, Tanpa Coding!\",\"datePublished\":\"2023-06-16T02:03:29+00:00\",\"dateModified\":\"2023-06-16T03:14:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/cara-membuat-button-di-wordpress\\\/\"},\"wordCount\":1142,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/cara-membuat-button-di-wordpress\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/cara-membuat-button-di-wordpress.jpg\",\"keywords\":[\"cara membuat button di WordPress\",\"CTA button\",\"wordpress\"],\"articleSection\":[\"Optimasi Website\",\"Tips\",\"Wawasan\",\"website\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/bikin.website\\\/blog\\\/cara-membuat-button-di-wordpress\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/cara-membuat-button-di-wordpress\\\/\",\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/cara-membuat-button-di-wordpress\\\/\",\"name\":\"Cara Membuat Button di WordPress yang Mudah, Tanpa Coding!\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/cara-membuat-button-di-wordpress\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/cara-membuat-button-di-wordpress\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/cara-membuat-button-di-wordpress.jpg\",\"datePublished\":\"2023-06-16T02:03:29+00:00\",\"dateModified\":\"2023-06-16T03:14:00+00:00\",\"description\":\"Mau tingkatkan konversi lewat CTA button di konten, tapi bingung caranya? Yuk, pelajari cara membuat button di WordPress di sini!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/cara-membuat-button-di-wordpress\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/bikin.website\\\/blog\\\/cara-membuat-button-di-wordpress\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/cara-membuat-button-di-wordpress\\\/#primaryimage\",\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/cara-membuat-button-di-wordpress.jpg\",\"contentUrl\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/cara-membuat-button-di-wordpress.jpg\",\"width\":1333,\"height\":992,\"caption\":\"cara membuat button di wordpress\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/cara-membuat-button-di-wordpress\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/bikin.website\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cara Membuat Button di WordPress yang Mudah, Tanpa Coding!\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/\",\"name\":\"Bikin.Website\",\"description\":\"Tips Bikin Website dan Bisnis Online\",\"publisher\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/bikin.website\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#organization\",\"name\":\"Bikin.Website\",\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/logo-blue.png\",\"contentUrl\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/logo-blue.png\",\"width\":3342,\"height\":409,\"caption\":\"Bikin.Website\"},\"image\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#\\\/schema\\\/person\\\/aa838f6f33fc51efa6b5c41f140ef040\",\"name\":\"Severina Ratih\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9411c8b4eb3fe830f4c8f9a82aa3fad4efc9579f53fddb86a462773e9d63796b?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9411c8b4eb3fe830f4c8f9a82aa3fad4efc9579f53fddb86a462773e9d63796b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9411c8b4eb3fe830f4c8f9a82aa3fad4efc9579f53fddb86a462773e9d63796b?s=96&d=mm&r=g\",\"caption\":\"Severina Ratih\"},\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/author\\\/severina\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cara Membuat Button di WordPress yang Mudah, Tanpa Coding!","description":"Mau tingkatkan konversi lewat CTA button di konten, tapi bingung caranya? Yuk, pelajari cara membuat button di WordPress di sini!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/bikin.website\/blog\/cara-membuat-button-di-wordpress\/","og_locale":"en_US","og_type":"article","og_title":"Cara Membuat Button di WordPress yang Mudah, Tanpa Coding!","og_description":"Mau tingkatkan konversi lewat CTA button di konten, tapi bingung caranya? Yuk, pelajari cara membuat button di WordPress di sini!","og_url":"https:\/\/bikin.website\/blog\/cara-membuat-button-di-wordpress\/","og_site_name":"Bikin.Website","article_published_time":"2023-06-16T02:03:29+00:00","article_modified_time":"2023-06-16T03:14:00+00:00","og_image":[{"width":1333,"height":992,"url":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/cara-membuat-button-di-wordpress.jpg","type":"image\/jpeg"}],"author":"Severina Ratih","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Severina Ratih","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/bikin.website\/blog\/cara-membuat-button-di-wordpress\/#article","isPartOf":{"@id":"https:\/\/bikin.website\/blog\/cara-membuat-button-di-wordpress\/"},"author":{"name":"Severina Ratih","@id":"https:\/\/bikin.website\/blog\/#\/schema\/person\/aa838f6f33fc51efa6b5c41f140ef040"},"headline":"Cara Membuat Button di WordPress yang Mudah, Tanpa Coding!","datePublished":"2023-06-16T02:03:29+00:00","dateModified":"2023-06-16T03:14:00+00:00","mainEntityOfPage":{"@id":"https:\/\/bikin.website\/blog\/cara-membuat-button-di-wordpress\/"},"wordCount":1142,"commentCount":0,"publisher":{"@id":"https:\/\/bikin.website\/blog\/#organization"},"image":{"@id":"https:\/\/bikin.website\/blog\/cara-membuat-button-di-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/cara-membuat-button-di-wordpress.jpg","keywords":["cara membuat button di WordPress","CTA button","wordpress"],"articleSection":["Optimasi Website","Tips","Wawasan","website"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/bikin.website\/blog\/cara-membuat-button-di-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/bikin.website\/blog\/cara-membuat-button-di-wordpress\/","url":"https:\/\/bikin.website\/blog\/cara-membuat-button-di-wordpress\/","name":"Cara Membuat Button di WordPress yang Mudah, Tanpa Coding!","isPartOf":{"@id":"https:\/\/bikin.website\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/bikin.website\/blog\/cara-membuat-button-di-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/bikin.website\/blog\/cara-membuat-button-di-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/cara-membuat-button-di-wordpress.jpg","datePublished":"2023-06-16T02:03:29+00:00","dateModified":"2023-06-16T03:14:00+00:00","description":"Mau tingkatkan konversi lewat CTA button di konten, tapi bingung caranya? Yuk, pelajari cara membuat button di WordPress di sini!","breadcrumb":{"@id":"https:\/\/bikin.website\/blog\/cara-membuat-button-di-wordpress\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bikin.website\/blog\/cara-membuat-button-di-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bikin.website\/blog\/cara-membuat-button-di-wordpress\/#primaryimage","url":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/cara-membuat-button-di-wordpress.jpg","contentUrl":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/cara-membuat-button-di-wordpress.jpg","width":1333,"height":992,"caption":"cara membuat button di wordpress"},{"@type":"BreadcrumbList","@id":"https:\/\/bikin.website\/blog\/cara-membuat-button-di-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bikin.website\/blog\/"},{"@type":"ListItem","position":2,"name":"Cara Membuat Button di WordPress yang Mudah, Tanpa Coding!"}]},{"@type":"WebSite","@id":"https:\/\/bikin.website\/blog\/#website","url":"https:\/\/bikin.website\/blog\/","name":"Bikin.Website","description":"Tips Bikin Website dan Bisnis Online","publisher":{"@id":"https:\/\/bikin.website\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bikin.website\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/bikin.website\/blog\/#organization","name":"Bikin.Website","url":"https:\/\/bikin.website\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bikin.website\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2019\/10\/logo-blue.png","contentUrl":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2019\/10\/logo-blue.png","width":3342,"height":409,"caption":"Bikin.Website"},"image":{"@id":"https:\/\/bikin.website\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/bikin.website\/blog\/#\/schema\/person\/aa838f6f33fc51efa6b5c41f140ef040","name":"Severina Ratih","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/9411c8b4eb3fe830f4c8f9a82aa3fad4efc9579f53fddb86a462773e9d63796b?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/9411c8b4eb3fe830f4c8f9a82aa3fad4efc9579f53fddb86a462773e9d63796b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9411c8b4eb3fe830f4c8f9a82aa3fad4efc9579f53fddb86a462773e9d63796b?s=96&d=mm&r=g","caption":"Severina Ratih"},"url":"https:\/\/bikin.website\/blog\/author\/severina\/"}]}},"_links":{"self":[{"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/posts\/2940","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/comments?post=2940"}],"version-history":[{"count":3,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/posts\/2940\/revisions"}],"predecessor-version":[{"id":2963,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/posts\/2940\/revisions\/2963"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/media\/2942"}],"wp:attachment":[{"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/media?parent=2940"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/categories?post=2940"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/tags?post=2940"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}