Cara Menambahkan Tombol Tweet ke WordPress (3 Cara)
Diterbitkan: 2022-08-18Apakah Anda ingin menambahkan tombol tweet ke situs WordPress Anda?
Tombol klik-untuk-tweet memudahkan pengunjung situs web untuk membagikan konten Anda di Twitter. Dengan begitu, Anda dapat menjangkau audiens target Anda dengan konten yang dirancang untuk menghasilkan minat, prospek, dan pelanggan potensial.
Dalam tutorial ini, kami akan menunjukkan cara menambahkan tombol tweet ke situs web Anda langkah demi langkah.
Mengapa Menambahkan Tombol Tweet ke WordPress?
Dengan lebih dari 217 juta pengguna aktif harian yang dapat dimonetisasi , pemasaran Twitter adalah salah satu cara paling efektif untuk membawa audiens target Anda ke situs web Anda. Namun, ketika Anda membagikan konten Anda sendiri di Twitter, Anda hanya dapat menjangkau sejumlah pengguna terbatas.
Cara efektif untuk menjangkau orang-orang yang tidak mengikuti Anda di Twitter adalah dengan menambahkan tombol Tweet ke situs web Anda.
Saat pengguna mengunjungi situs web Anda, tombol tweet akan mendorong mereka untuk membagikan konten Anda di linimasa Twitter pribadi mereka. Akibatnya, pengikut mereka akan melihat konten Anda dan kemudian dapat menyukai, mengomentari, dan me-retweet ke pengikut mereka.
Karena tombol berbagi Twitter menyiarkan konten Anda ke audiens yang lebih luas, itu juga dapat membantu Anda menumbuhkan pengikut Twitter Anda. Plus, eksposur dapat membantu Anda membangun bukti sosial dan pengenalan merek, menghasilkan lebih banyak prospek dan penjualan.
Sekarang setelah Anda tahu mengapa tombol Twitter dapat menguntungkan bisnis Anda, mari kita lihat cara menambahkannya ke situs WordPress Anda.
Cara Menambahkan Tombol Tweet di WordPress
Ada beberapa cara untuk menambahkan kotak atau tombol klik-untuk-tweet ke situs web Anda; Namun, beberapa jauh lebih mudah daripada yang lain.
Dalam posting ini, kami akan menunjukkan cara menambahkan tombol klik-untuk-tweet dengan mudah menggunakan plugin WordPress terlebih dahulu. Kami kemudian akan menunjukkan cara menambahkan kode tombol Tweet Twitter secara manual.
- Tambahkan Tombol Tweet WordPress dengan SeedProd
- Tambahkan Tombol Tweet ke WordPress Secara Manual
- Bonus: Tampilkan Umpan Twitter dan Tombol Tweet dengan Smash Balloon
Tambahkan Tombol Tweet WordPress dengan SeedProd
Untuk metode pertama, kami akan menggunakan SeedProd, pembuat situs web WordPress terbaik, untuk menambahkan tombol Twitter ke situs web Anda. Muncul dengan editor drag-and-drop visual, memungkinkan Anda untuk membuat dan menyesuaikan area situs WordPress Anda tanpa kode.
Anda dapat menggunakan SeedProd untuk membuat:
- Tema WordPress khusus
- Halaman arahan dengan konversi tinggi
- Template WooCommerce
- Segera hadir dan halaman pemeliharaan
- Halaman masuk WordPress
- Dan banyak lagi
Plugin ini juga mencakup elemen dan blok konten yang kuat yang membantu menghasilkan prospek, kesadaran merek, dan pengalaman pengguna. Misalnya, blok yang akan kita gunakan dalam panduan ini adalah tombol Tweet Twitter.
Ikuti langkah-langkah di bawah ini untuk menambahkan tombol tweet di WordPress dengan SeedProd.
Langkah 1. Instal Plugin SeedProd
Pertama, klik di sini untuk memulai SeedProd dan mengunduh plugin ke komputer Anda. Anda kemudian dapat mengunggah file .zip plugin ke situs WordPress Anda.
Jika Anda belum pernah menginstal plugin sebelumnya, Anda dapat mengikuti panduan ini untuk menginstal dan mengaktifkan plugin WordPress.
Setelah SeedProd aktif di situs web Anda, buka halaman SeedProd »Pengaturan dari dasbor WordPress Anda dan masukkan kunci lisensi Anda.
Anda dapat menemukan kunci Anda di situs web SeedProd di bawah bagian “Unduhan” di dasbor akun Anda.
Setelah menempelkan kunci lisensi Anda, klik tombol Verifikasi Kunci .
Langkah 2. Buat Halaman Arahan atau Tema WordPress
Ada 2 cara untuk menambahkan tombol Tweet ke situs web Anda dengan SeedProd.
Anda dapat mengganti tema WordPress Anda saat ini dengan tema khusus yang dirancang dengan kit situs web SeedProd. Atau Anda dapat membuat halaman arahan dengan tema WordPress yang ada.
Untuk tutorial ini, kami akan menambahkan tombol tweet ke posting blog dengan menyesuaikan template posting tunggal dengan pembuat tema SeedProd. Lihat panduan ini untuk semua langkah dalam membuat tema WordPress kustom dengan SeedProd.
Jika Anda lebih suka menambahkan tombol tweet ke halaman arahan Anda, Anda dapat mengikuti panduan ini untuk membuat halaman arahan di WordPress.
Kedua tutorial akan menunjukkan kepada Anda cara memilih template dan menyiapkan tema atau halaman arahan Anda untuk disesuaikan. Saat Anda siap untuk menambahkan tombol tweet Anda, lompat ke langkah 3 panduan ini.
Langkah 3. Tambahkan Tombol Tweet ke WordPress
Setelah membuat tema atau halaman arahan dengan SeedProd, Anda dapat menyesuaikannya dengan mudah dengan pembuat drag-and-drop. Seperti disebutkan di atas, kita akan menambahkan tombol tweet ke halaman posting WordPress kita. Dengan begitu, pengguna dapat men-tweet tentang posting blog Anda setelah membacanya dan membagikannya kepada audiens mereka di media sosial.
Untuk melakukan ini, buka halaman SeedProd »Pembuat Tema dari admin WordPress Anda. Ini akan menunjukkan bagian individual dari tema Anda, seperti:
- tajuk
- catatan kaki
- Bilah samping
- Beranda
- halaman blog
- Postingan tunggal
- Halaman tunggal
Setiap bagian tema sangat mudah untuk diedit dan disesuaikan di editor visual SeedProd. Cukup arahkan kursor ke satu dan klik tautan Edit Desain .
Karena kami menambahkan tombol tweet ke postingan blog, kami akan mengedit template Single Post . Setelah mengklik link Edit Design, template Anda akan terbuka di editor drag-and-drop visual SeedProd.
Anda akan melihat blok dan bagian konten yang berbeda di sebelah kiri dan pratinjau langsung halaman Anda di sisi kanan.
Mengklik elemen apa pun pada pratinjau langsung Anda akan membuka pengaturannya di panel sebelah kiri. Ini memungkinkan Anda untuk mengubah konten dan menyesuaikan gaya dan tampilan elemen tersebut.
Ada 2 cara untuk menambahkan tombol Tweet menggunakan SeedProd:
- Blok Berbagi Sosial
- Blok tombol Tweet Twitter
Kami akan mendemonstrasikan kedua opsi sehingga Anda dapat memutuskan mana yang terbaik untuk situs web Anda, tetapi pertama-tama, mari tambahkan kolom baru untuk menampung tombol Twitter kami.
Untuk melakukannya, seret blok kolom dari panel sebelah kiri dan jatuhkan ke pratinjau Anda. Anda kemudian dapat memilih tata letak kolom untuk konten Anda.
Dalam contoh ini, kami memiliki tata letak 2 kolom dengan satu sisi lebih lebar dari yang lain.
Selanjutnya, seret blok judul dan tambahkan ke kolom pertama. Di panel pengaturan, Anda dapat mengubah judul untuk mengatakan sesuatu seperti "Bagikan ini".
Sekarang Anda siap untuk menambahkan tombol tweet Anda.
Blok Berbagi Sosial SeedProd
Pertama, kita akan menggunakan blok Berbagi Sosial SeedProd untuk menambahkan tombol berbagi untuk beberapa jaringan media sosial, termasuk Twitter. Temukan blok di bawah panel Blok lanjutan , dan letakkan di kolom kedua pada desain Anda.
SeedProd akan mengisinya terlebih dahulu dengan tombol tweet dan tombol berbagi Facebook. Mengklik blokir memungkinkan Anda menambahkan lebih banyak opsi berbagi sosial untuk Pinterest dan LinkedIn dan pengaturan untuk mengubah ukuran dan perataan tombol.
Di tab Pengaturan lanjutan, Anda dapat menyesuaikan gaya tombol dan spasi serta menampilkan atau menyembunyikannya di perangkat seluler dan desktop.
Blokir Tombol Tweet Twitter
Untuk menambahkan satu tombol Tweet, cukup temukan blok Tombol Tweet Twitter di panel Blok lanjutan, lalu seret dan lepas ke halaman Anda.
Di panel pengaturan tombol tweet, Anda dapat menyesuaikan beberapa pengaturan. Misalnya, Anda dapat menambahkan URL yang Anda ingin pengunjung bagikan, konten tweet, dan tagar.
Anda dapat menambahkan @ melalui sebutan dan akun Twitter terkait serta mengubah ukuran tombol, perataan, dan bahasa.
Bereksperimenlah dengan blok tombol berbagi dan tweet sosial SeedProd hingga Anda menemukan kombinasi yang sesuai dengan situs web Anda. Saat Anda puas dengan tampilan semuanya, klik tombol Simpan di sudut kanan atas.
Langkah 4. Publikasikan Tombol Tweet Anda di WordPress
Langkah selanjutnya adalah membuat tombol tweet Anda hidup di situs WordPress Anda. Untuk melakukannya, buka halaman SeedProd »Pembuat Tema dan putar sakelar Aktifkan Tema SeedProd ke posisi "Aktif".
Kerja bagus! Sekarang Anda dapat melihat pratinjau situs web Anda untuk melihat tampilan tombol Tweet Anda.
Berikut adalah contoh tombol tweet:
Dan berikut adalah contoh tombol bagikan:
Tambahkan Tombol Tweet ke WordPress Secara Manual
Untuk metode selanjutnya, kami akan menunjukkan cara menambahkan tombol tweet secara manual ke WordPress tanpa plugin WordPress. Anda dapat melakukan ini dengan menggunakan alat publikasi Twitter yang memungkinkan Anda untuk menyematkan tweet, garis waktu, atau tombol.
Metode ini tidak menawarkan banyak kontrol atas tombol tweet. Namun, ini adalah solusi yang bermanfaat bagi pengguna yang tidak ingin menambahkan lebih banyak plugin ke situs WordPress mereka.
Untuk memulai, buka situs web alat Penerbitan Twitter dan pilih jenis sematan Tombol Twitter .
Selanjutnya, sebuah jendela akan muncul meminta Anda untuk memilih jenis tombol:
- Tombol Bagikan: bagikan tautan di Twitter.
- Tombol Ikuti: memungkinkan pengguna untuk mengikuti profil Twitter Anda.
- Tombol sebutkan: mulai percakapan langsung dari situs web Anda.
- Tombol Hashtag : tweet tentang suatu topik menggunakan hashtag.
- Tombol pesan: biarkan pengunjung mengirimi Anda pesan secara pribadi di Twitter.
Mari kita pilih tombol Bagikan untuk panduan ini. Setelah mengklik jenis tombol Anda, Anda akan melihat halaman yang mirip dengan yang di bawah ini:
Klik tombol untuk menyalin kode sematan, lalu kembali ke situs WordPress Anda.
Kami akan menambahkan tombol tweet ini ke sidebar WordPress kami, jadi navigasikan ke Appearance »Widgets dari dashboard WordPress Anda. Kemudian temukan blok HTML Khusus dan tambahkan ke area bilah sisi utama Anda.
Di dalam blok, rekatkan kode embed tombol tweet yang Anda salin sebelumnya, dan klik tombol Perbarui .
Sekarang ketika Anda mengunjungi situs WordPress Anda, Anda akan melihat tombol tweet Anda di sidebar blog Anda.
Bonus: Tampilkan Umpan Twitter dan Tombol Tweet dengan Smash Balloon
Tahukah Anda bahwa Anda juga dapat menambahkan umpan Twitter yang indah ke situs WordPress Anda dengan plugin Umpan Twitter Smash Balloon?
Plugin Umpan Twitter Kustom adalah plugin umpan Twitter berperingkat teratas untuk WordPress. Anda dapat menggunakannya untuk menampilkan umpan Twitter yang menakjubkan di situs web Anda dalam beberapa klik.
Anda dapat menyesuaikan umpan Twitter langsung secara real-time dengan editor umpan visual dan memilih dari beberapa jenis umpan yang sesuai dengan kebutuhan bisnis Anda. Setiap umpan juga menyertakan tombol tweet, yang memungkinkan pengunjung situs web berbagi konten Twitter Anda dengan pengikut mereka.
Ikuti panduan langkah demi langkah Smash Balloon untuk menambahkan umpan Twitter ke WordPress.
Itu dia!
Kami harap Anda menikmati tutorial ini, dan ini membantu Anda belajar menambahkan tombol tweet ke WordPress dengan mudah. Anda mungkin juga menyukai panduan ini untuk membuat blog Anda terlihat seperti situs web.
Siap menambahkan tombol tweet ke situs web Anda?
Terima kasih sudah membaca. Ikuti kami di YouTube, Twitter, dan Facebook untuk konten bermanfaat lainnya guna mengembangkan bisnis Anda.