Cara Menambahkan Tombol Suka Facebook di WordPress (DIPERBARUI)

Apakah Anda ingin menambahkan tombol Suka Facebook di WordPress?

Tombol Suka Facebook di situs WordPress Anda dapat mempermudah dan memudahkan pengguna untuk menyukai dan membagikan konten Anda. Anda dapat meningkatkan keterlibatan dan mendapatkan lebih banyak pengikut.

Pada artikel ini, kami akan menunjukkan cara menambahkan tombol Suka Facebook di WordPress.

Bagaimana cara menambahkan tombol suka Facebook di WordPress

Mengapa Menambahkan Tombol Suka Facebook di WordPress?

Facebook adalah salah satu platform media sosial paling populer di dunia. Banyak bisnis menggunakan Facebook untuk terhubung dengan pelanggan mereka dan mempromosikan produk mereka.

Menambahkan tombol Suka Facebook ke Anda Situs web WordPress dapat membantu mendorong lebih banyak keterlibatan. Ini juga mendorong orang untuk membagikan konten Anda di profil Facebook mereka dan menarik pengguna baru ke situs Anda.

Anda dapat menggunakan tombol Suka Facebook untuk meningkatkan pengikut sosial dan membangun komunitas. Ini membantu meningkatkan kesadaran tentang produk dan layanan Anda dan meningkatkan konversi.

Yang mengatakan, mari kita lihat bagaimana Anda dapat menambahkan tombol Suka Facebook di WordPress menggunakan plugin atau menambahkan kode khusus.

Metode 1: Tambahkan Tombol Suka Facebook di WordPress Menggunakan Plugin

Dalam metode ini, kita akan menggunakan plugin WordPress untuk menambahkan tombol Suka Facebook. Cara ini sangat mudah dan direkomendasikan untuk pemula.

Hal pertama yang perlu Anda lakukan adalah menginstal dan mengaktifkan Suka & Bagikan BestWebSoft pengaya. Untuk detail lebih lanjut, lihat panduan langkah demi langkah kami di cara menginstal plugin WordPress.

Setelah aktivasi, Anda dapat pergi ke Suka & Bagikan » Pengaturan dari panel admin WordPress Anda.

Suka dan bagikan pengaturan plugin

Selanjutnya, Anda harus menambahkan ID Aplikasi Facebook dan Rahasia Aplikasi. Jika Anda tidak memiliki informasi ini, cukup ikuti langkah-langkah di bawah ini.

Cara Membuat ID Aplikasi Facebook dan Rahasia Aplikasi

Silakan dan klik tautan ‘buat yang baru’ di bawah bidang ID Aplikasi atau Rahasia Aplikasi di plugin Suka & Bagikan.

Ini akan membawa Anda ke situs web Meta for Developers. Kami menyarankan untuk membuka situs web di tab atau jendela lain karena Anda harus membuka halaman pengaturan Suka & Bagikan di Dasbor WordPress untuk memasukkan ID dan rahasia aplikasi.

Dari sini, Anda harus memilih jenis aplikasi. Silakan pilih ‘Bisnis’ sebagai jenis aplikasi dan klik tombol ‘Berikutnya’.

Pilih jenis aplikasi Anda

Selanjutnya, Anda harus memberikan informasi dasar tentang aplikasi Anda.

Anda dapat memasukkan nama tampilan untuk aplikasi Anda, dan pastikan nama yang benar alamat email muncul di bawah bidang ‘Email kontak aplikasi’. Facebook akan secara otomatis memilih alamat email akun yang saat ini Anda gunakan untuk masuk.

Ada juga pengaturan opsi untuk memilih akun bisnis. Anda dapat membiarkannya di ‘Tidak ada akun Pengelola Bisnis yang dipilih’ dan klik tombol ‘Buat aplikasi’.

Masukkan informasi dasar untuk aplikasi

Sebuah jendela popup sekarang akan muncul di mana Facebook akan meminta Anda untuk memasukkan kembali kata sandi Anda.

Ini untuk tujuan keamanan untuk menghentikan aktivitas jahat di akun Anda. Silakan masukkan kata sandi akun Facebook Anda dan klik tombol ‘Kirim’.

Masukkan kembali kata sandi Facebook Anda

Setelah itu, Anda akan melihat dasbor aplikasi Anda.

Dari sini, Anda dapat menuju ke Pengaturan » Dasar dari menu di sebelah kiri Anda.

Buka halaman pengaturan dasar

Pada halaman Pengaturan dasar, Anda akan melihat ‘ID Aplikasi’ dan ‘Rahasia Aplikasi’.

Anda sekarang dapat memasukkan informasi ini di pengaturan plugin Suka & Bagikan di dasbor WordPress Anda.

Salin ID dan rahasia aplikasi

Selesai Menyesuaikan Tombol Suka Facebook Anda

Pertama, salin ‘ID Aplikasi’ dan kembali ke tab atau jendela tempat Anda memiliki Suka & Bagikan » Pengaturan halaman dibuka. Cukup masukkan ‘ID Aplikasi’ di bidang masing-masing.

Sekarang ulangi langkah dengan menyalin data ‘Rahasia Aplikasi’ dari halaman Meta untuk Pengembang dan menempelkannya ke pengaturan plugin Suka & Bagikan.

Sesuaikan tombol suka Facebook Anda

Setelah Anda selesai melakukannya, Anda dapat memilih apakah akan menampilkan tombol Suka Facebook bersama dengan URL Profil dan Bagikan tombol.

Ada juga pengaturan untuk mengedit ukuran tombol Suka Facebook, posisinya sebelum atau sesudah konten, dan perataan.

Opsi penyesuaian lainnya

Jika Anda telah mengaktifkan tombol URL Profil, maka Anda dapat menggulir ke bawah ke bagian ‘Tombol URL Profil’ dan memasukkan nama pengguna atau ID Facebook Anda.

Setelah selesai, jangan lupa untuk menyimpan perubahan Anda.

Sekarang, plugin akan secara otomatis menambahkan tombol Suka Facebook ke situs web WordPress Anda dan memposisikannya berdasarkan pengaturan Anda.

Anda juga dapat menggunakan [fb_button] kode pendek untuk menambahkan tombol Suka Facebook di mana saja di situs Anda.

Itu saja! Anda sekarang dapat mengunjungi situs Anda dan melihat tombol Suka di setiap posting.

Pratinjau tombol suka Facebook

Metode 2: Tambahkan Tombol Suka Facebook Secara Manual di WordPress

Cara lain untuk menambahkan tombol Suka Facebook adalah dengan menggunakan kode khusus. Namun, metode ini mengharuskan Anda untuk menambahkan kode secara langsung di WordPress sehingga kami hanya merekomendasikannya untuk orang yang nyaman mengedit kode.

Dengan mengingat hal itu, kita akan menggunakan plugin WPCode gratis untuk melakukannya, yang memudahkan siapa saja untuk menambahkan kode ke blog WordPress.

Pertama, Anda perlu mengunjungi Halaman ‘Tombol Suka’ di situs web Meta for Developers dan gulir ke bawah ke bagian ‘Like Button Configurator’.

Dapatkan kode dari situs pengembang Facebook

Selanjutnya, Anda dapat memasukkan URL halaman Facebook Anda di kolom ‘URL to Like’. Ini akan menjadi halaman yang ingin Anda hubungkan dengan tombol Suka Facebook.

Setelah itu, cukup gunakan konfigurasi untuk memilih tata letak dan ukuran tombol Suka. Anda juga akan melihat pratinjau tombol Suka.

Setelah puas dengan pratinjau, klik tombol ‘Dapatkan Kode’.

Ini akan memunculkan popup yang menunjukkan dua potongan kode di bawah tab ‘JavaScript SDK’.

Salin kode SDK

Harap perhatikan bahwa jika Anda langsung menambahkan cuplikan kode ini ke Tema WordPress, mungkin merusak situs web Anda. Plus, cuplikan kode akan ditimpa saat Anda memperbarui tema.

Cara yang lebih mudah untuk menambahkan kode ke Anda adalah dengan menggunakan Kode WP pengaya. Ini memungkinkan Anda tempel cuplikan kode ke situs web Anda dan dengan mudah mengelola kode khusus tanpa harus mengedit file tema.

Pertama, Anda harus menginstal dan mengaktifkan Plugin gratis WPCode. Untuk lebih jelasnya, silakan lihat panduan kami di cara menginstal plugin WordPress.

Setelah aktivasi, Anda dapat menuju ke Cuplikan Kode » Header dan Footer dari dasbor WordPress Anda. Sekarang, Anda harus menyalin cuplikan kode pertama dan menambahkannya ke file header.php tema WordPress Anda tepat setelah menandai.

Cukup salin kode dan masukkan di bagian ‘Tubuh’. Jangan lupa klik tombol ‘Simpan Perubahan’.

Tambahkan kode pertama ke bagian header

Selanjutnya, Anda perlu menyalin potongan kode kedua dan menempelkannya ke situs WordPress Anda untuk menampilkan tombol Suka.

Untuk memulai, Anda dapat pergi ke Cuplikan Kode » + Tambahkan Cuplikan dari panel admin WordPress Anda atau klik tombol ‘Tambah Baru’.

Klik 'Tambahkan Cuplikan Baru' di WPCode

Pada layar berikutnya, WPCode akan memungkinkan Anda memilih cuplikan dari pustaka yang dibuat sebelumnya atau menambahkan kode khusus baru.

Silakan dan pilih opsi ‘Tambahkan Kode Kustom Anda (Cuplikan Baru)’ dan klik tombol ‘Gunakan cuplikan’.

Tambahkan kode khusus di WPCode

Setelah itu, Anda dapat memberi nama untuk kode khusus Anda dan memasukkan potongan kode kedua di bawah bagian ‘Pratinjau Kode’.

Pastikan untuk mengklik menu tarik-turun ‘Jenis Kode’ dan pilih ‘Cuplikan HTML’ sebagai jenis kode.

Masukkan kode kedua dan pilih jenis kode

Selanjutnya, Anda dapat menggulir ke bawah ke bagian ‘Insersi’ dan memilih di mana Anda ingin tombol Suka Facebook muncul. Misalnya, Anda ingin itu muncul sebelum konten.

Cukup klik menu tarik-turun ‘Lokasi’ dan pilih Sisipkan Sebelum Konten opsi di bawah Halaman, Posting, Jenis Posting Kustom.

Pilih lokasi tombol suka

Setelah selesai, Anda dapat mengklik tombol ‘Simpan Cuplikan’.

Anda juga harus mengklik sakelar dan mengalihkannya dari Tidak Aktif ke Aktif.

Simpan dan aktifkan cuplikan kode WPCode

Itu saja, tombol Suka Facebook akan muncul di situs web Anda setelah memasukkan kode.

Apa itu Open Graph Metadata & Bagaimana Cara Menambahkannya ke WordPress?

Open Graph adalah metadata yang membantu Facebook mengumpulkan informasi tentang a halaman atau posting di situs WordPress Anda. Data ini mencakup gambar mini, judul posting/halaman, deskripsi, dan penulis.

Facebook cukup pintar dalam menarik kolom judul dan deskripsi. Namun, jika postingan Anda memiliki lebih dari satu gambar, terkadang gambar tersebut menampilkan thumbnail yang salah saat dibagikan.

Jika Anda sudah menggunakan Semua dalam Satu SEO (AIOSEO) plugin, maka ini dapat dengan mudah diperbaiki dengan mengunjungi Semua dalam Satu SEO » Jejaring Sosial dan mengklik tab Facebook.

Selanjutnya, klik tombol ‘Unggah atau Pilih Gambar’ untuk menetapkan gambar default posting Facebook jika artikel Anda tidak memiliki gambar grafik terbuka.

Unggah gambar Facebook default

Selain itu, Anda juga dapat mengonfigurasi gambar grafik terbuka untuk setiap posting atau halaman individual.

Saat Anda mengedit posting, cukup gulir ke bawah ke bagian Pengaturan AIOSEO di Editor Konten. Selanjutnya, alihkan ke tab ‘Sosial’ dan lihat pratinjau thumbnail Anda.

Sekarang gulir ke bawah ke opsi ‘Sumber Gambar’, dan Anda kemudian dapat memilih gambar grafik terbuka untuk posting Anda.

Misalnya, Anda dapat memilih gambar unggulan, gambar terlampir, gambar pertama dalam konten, atau mengunggah gambar khusus untuk digunakan sebagai gambar mini grafik terbuka.

Sumber gambar untuk grafik terbuka

Untuk detail lebih lanjut dan cara alternatif untuk menambahkan metadata grafik terbuka, lihat panduan kami di cara menambahkan metadata Facebook Open Graph di WordPress.

Kami harap artikel ini membantu Anda mempelajari cara menambahkan tombol Suka Facebook di WordPress. Anda mungkin juga ingin melihat daftar kami cara mendaftarkan nama domain dan plugin media sosial terbaik untuk WordPress.

Jika Anda menyukai artikel ini, silakan berlangganan kami Saluran Youtube untuk tutorial video WordPress. Anda juga dapat menemukan kami di Twitter dan Facebook.

.

Sumber Artikel

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *