Cara Menambahkan Tombol Tweet ke WordPress (3 Cara)

Diterbitkan: 2022-08-18

Apakah 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

    Pembuat situs web WordPress 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.

    masukkan kunci lisensi Anda

    Anda dapat menemukan kunci Anda di situs web SeedProd di bawah bagian “Unduhan” di dasbor akun Anda.

    Temukan kunci lisensi SeedProd 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
    Bagian tema SeedProd

    Setiap bagian tema sangat mudah untuk diedit dan disesuaikan di editor visual SeedProd. Cukup arahkan kursor ke satu dan klik tautan Edit Desain .

    edit template posting tunggal WordPress

    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.

    Pengaturan blok SeedProd

    Ada 2 cara untuk menambahkan tombol Tweet menggunakan SeedProd:

    1. Blok Berbagi Sosial
    2. 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.

    blok kolom seedprod

    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".

    Blok judul SeedProd

    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.

    Blok berbagi sosial SeedProd

    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.

    pengaturan blok berbagi sosial seedprod

    Di tab Pengaturan lanjutan, Anda dapat menyesuaikan gaya tombol dan spasi serta menampilkan atau menyembunyikannya di perangkat seluler dan desktop.

    pengaturan lanjutan blok berbagi sosial

    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.

    Tombol tweet twitter SeedProd

    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.

    pengaturan tombol tweet seedprod

    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.

    Simpan perubahan pada tombol tweet Anda

    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".

    aktifkan tema seedprod

    Kerja bagus! Sekarang Anda dapat melihat pratinjau situs web Anda untuk melihat tampilan tombol Tweet Anda.

    Berikut adalah contoh tombol tweet:

    Contoh tombol tweet Twitter

    Dan berikut adalah contoh tombol bagikan:

    tombol bagikan Twitter

    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 .

    alat publikasi 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.
    tombol tweet 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:

    salin kode semat tombol tweet

    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 .

    tambahkan tombol tweet ke sidebar WordPress

    Sekarang ketika Anda mengunjungi situs WordPress Anda, Anda akan melihat tombol tweet Anda di sidebar blog Anda.

    contoh penyematan tombol tweet

    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?

    smash balon beranda plugin umpan twitter

    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?

    Mulailah dengan SeedProd Hari Ini

    Terima kasih sudah membaca. Ikuti kami di YouTube, Twitter, dan Facebook untuk konten bermanfaat lainnya guna mengembangkan bisnis Anda.