Bagaimana Cara Menyematkan Papan dan Kartu Trello di WordPress?

Diterbitkan: 2020-07-14

Apakah Anda memiliki proyek besar berbasis tim untuk dikelola, dan Anda ingin menggunakan Trello secara maksimal? Apakah Anda berencana untuk mengintegrasikan papan Trello Anda langsung ke situs web Anda? Jika demikian, Anda telah datang ke tempat yang tepat! Dalam panduan ini, kami akan menunjukkan kepada Anda 3 metode berbeda untuk menyematkan papan dan kartu Trello di WordPress .

Mengapa menyematkan papan dan kartu Trello di WordPress?

Trello adalah salah satu alat manajemen proyek visual paling populer di luar sana. Hampir setiap proyek kolaboratif atau tim proyek menyukai Trello karena desainnya dan kemampuannya untuk dengan mudah mengatur tugas jangka pendek dan harian. Cukup buat papan Anda, tambahkan kartu Anda, dan atur daftar tugas yang Anda rencanakan. Selain itu, Anda juga dapat menikmati fitur tambahan saat menyiapkan papan tugas, seperti pemicu berbasis aturan untuk tugas Anda, perintah kalender, kartu khusus, tombol papan, dan banyak lagi. Dan tentu saja, Anda juga dapat menyematkan papan Trello di situs Anda.

Jadi apa kelebihan yang dimiliki oleh penyematan Trello di WordPress? Meskipun aplikasi seluler dan penampil browser web untuk Trello cukup memadai, ada beberapa keuntungan untuk mengintegrasikan Trello dengan situs web Anda. Pertama, ada produktivitas . Dengan tim Anda dapat mengakses papan Trello Anda dengan cepat, mereka dapat bekerja lebih baik. Anda dapat memberi beberapa tim akses ke papan publik tertentu tanpa harus khawatir mereka akan membingungkan papan yang berbeda atau repot mencarinya. Tempelkan mereka ke kartu dan papan yang relevan dengan mereka, dan Anda akan membuat hidup mereka lebih mudah.

Selain itu, Anda dapat menampilkan kartu pada halaman dan postingan untuk memberikan informasi kepada sesama pengelola situs atau pelanggan lain. Mengelola proyek skala besar yang dijalankan di situs web Anda? Cukup sematkan papan dan kartu Trello Anda dan biarkan tim Anda bekerja sama satu sama lain dengan jauh lebih efisien, dan semuanya tanpa perlu mengundang banyak pengguna langsung ke papan Trello Anda.

Bagaimana cara menyematkan papan dan kartu Trello di WordPress?

Dalam panduan ini, kami akan menunjukkan kepada Anda 3 metode untuk menyematkan papan dan kartu Trello di WordPress :

Dengan skrip sematan
Menggunakan iFrame
Dengan plugin

Mari kita lihat lebih dekat satu per satu.

1. Hubungkan Trello dan WordPress dengan skrip sematan

Trello memungkinkan Anda menyematkan sedikit cuplikan papan dan kartu Anda menggunakan kode javascript . Namun, kode javascript ini memiliki keterbatasan. Pertama, tidak menampilkan banyak informasi, juga tidak mudah disesuaikan. Selain itu, sematan tidak dapat berinteraksi, dan klik pada sematan membawa Anda langsung ke papan.

Meski begitu, ada sejumlah keuntungan menggunakan skrip ini dibandingkan metode lain. Pertama, Anda dapat menyematkan papan pribadi Anda dan memberikan tautan langsung ke papan tersebut dengan hanya sedikit informasi untuk mengidentifikasinya. Juga, snapshot kecil bekerja sangat baik untuk kartu.

A) Ambil tautan Papan/Kartu Trello Anda

Salah satu cara untuk menyematkan ini di situs web Anda adalah dengan menambahkan kode ke halaman/postingan Anda. Pertama, Anda harus mendapatkan URL Trello Board/Card Anda. Untuk mendapatkan URL papan Trello Anda, buka, dan di bilah sisi kanan Anda, Anda akan dapat melihat tombol Lainnya di sebelah 3 titik di kanan atas. Klik, buka Tautan ke papan ini dan Anda akan mendapatkan tautan/URL papan Trello Anda.

sematkan papan dan kartu trello di wordpress - tautan trello

Atau, jika Anda ingin mendapatkan tautan ke kartu Trello pribadi Anda, cukup buka kartunya terlebih dahulu. Kemudian, klik Bagikan di bagian bawah kartu dan Anda akan melihat tautan di bawah Tautan ke bagian kartu ini .

Untuk menambahkan kode ke halaman dan posting WordPress Anda, Anda dapat menggunakan plugin Embed code gratis. Alat ini pada dasarnya memungkinkan Anda untuk menambahkan skrip ke footer atau header halaman/posting Anda. Ini adalah salah satu cara termudah untuk menyematkan papan dan kartu Trello di situs WordPress Anda, tetapi Anda juga tidak terbatas pada ini. Anda juga dapat menggunakan plugin seperti Widget Teks yang Disempurnakan dan langsung menempatkan skrip Anda di widget yang disesuaikan.

Jadi sekarang, mari kita lanjutkan dan instal plugin Embed Code . Untuk melakukannya, buka Sidebar Dashboard Anda, klik Plugins > Add new . Kemudian, gunakan bilah pencarian di paling kanan untuk mencari Kode Sematan . Klik Instal dan setelah tombol berubah menjadi Aktifkan, tekan lagi. Sekarang, plugin telah diaktifkan dan siap digunakan.

B) Menanamkan kartu dengan skrip Sematkan

Sekarang, yang harus Anda lakukan adalah menempelkan skrip berikut ke halaman/postingan Anda.

 <blockquote class="trello-card">
<a href="{url to card}">Kartu Trello</a>
</blockquote>
<script src="https://p.trellocdn.com/embed.min.js"></script>

Cukup ubah {url to card} untuk tautan kartu Trello Anda . Untuk melakukannya, cukup ikuti langkah-langkah yang dijelaskan di atas. Misalnya, untuk menyematkan kartu Trello kami, skrip kami adalah:

 <blockquote class="trello-card">
<a href="https://trello.com/c/z****LZj/8-166-2020-07-02">Kartu Trello</a>
</blockquote>
<script src="https://p.trellocdn.com/embed.min.js"></script>

Untuk menyematkan kartu dan papan Trello Anda, Anda dapat menggunakan plugin kode semat. Setelah Anda menginstal plugin, di bawah editor posting/halaman, Anda akan melihat bagian editor meta berlabel “ Embed code .” Anda akan melihat kotak kode Head dan Footer code . Jadi, Anda dapat menempatkan skrip Anda ke salah satu dari dua bidang tersebut. Untuk demo kami, kami akan menggunakan kotak kode Footer.

Cukup rekatkan Script yang disesuaikan dan setelah Anda menyimpan / mempublikasikan halaman atau posting Anda, Kartu Trello akan disematkan.

C) Menanamkan papan dengan skrip Sematkan

Proses untuk menyematkan papan ke halaman/posting WordPress Anda identik dengan proses untuk kartu. Anda hanya perlu menggunakan kode yang berbeda untuk Papan sebagai gantinya:

 <blockquote class="trello-board-compact">
<a href="{url to board}">Papan Trello</a>
</blockquote>
<script src="https://p.trellocdn.com/embed.min.js"></script>

Cukup rekatkan tautan Trello Board Anda ke {url to board} . Ini akan terlihat seperti ini:

 <blockquote class="trello-board-compact">
<a href="https://trello.com/b/g***h3Ec">Papan Trello</a>
</blockquote>
<script src="https://p.trellocdn.com/embed.min.js"></script>

Lalu, buka halaman atau postingan yang ingin Anda tambahkan papan Trello dan tempelkan kode ke bagian kode header atau footer. Simpan perubahan, dan hanya itu! Anda telah menyematkan papan Trello di situs Anda.

KIAT PRO

Menyematkan papan dan kartu Trello menggunakan skrip adalah pilihan yang baik untuk beberapa orang, tetapi tidak memiliki beberapa fitur yang mungkin Anda perlukan. Pertama, ini bukan sematan interaktif, dan yang Anda lihat hanyalah Trello Board/Card dasar dengan detail minimal. Mengklik sematan akan membawa Anda ke papan Trello yang sebenarnya, jadi hanya berguna untuk menambahkan tautan instan ke papan/Kartu Trello Anda dengan detail minimal yang ditampilkan.

2) Integrasikan Trello dengan WordPress menggunakan iFrame

Mempertimbangkan keterbatasan metode skrip sematan, menggunakan iFrame bisa menjadi pilihan yang jauh lebih baik. Terutama ketika Anda ingin menampilkan papan/kartu Trello di situs web Anda.

Anda dapat menyematkan papan/kartu Trello menggunakan tautan iFrame selama papan Anda bersifat publik. Anda dapat mengubah visibilitas papan Anda menggunakan pengaturan Visibilitas di sebelah judul Papan Anda di bilah alat atas. Cukup ubah dari Pribadi atau Tim ke Publik, dan setelah Anda menyetujui permintaan tersebut, papan Anda akan siap untuk ditautkan ke iFrame.

Sekarang, untuk menemukan tautan untuk papan Trello Anda, buka bilah sisi kanan dan klik tombol Lainnya di sebelah 3 titik. Lalu, buka Tautan ke papan ini dan Anda akan mendapatkan URL papan tersebut.

sematkan papan dan kartu trello di wordpress - tautan trello

Atau, untuk mendapatkan tautan ke kartu individual, buka kartu, klik Bagikan dan Anda akan melihat tautan di bawah Tautkan ke kartu ini .

Menggunakan iFrames dengan tautan Trello

Setelah Anda mendapatkan tautan Anda, tambahkan .HTML di akhir tautan dan simpan. Misalnya, untuk tautan papan kami, kami akan menambahkan .HTML di bagian akhir:

 https://trello.com/b/g****Ec.html

Kemudian, yang perlu Anda lakukan adalah menggunakan tautan iFrame berikut di dalam blok HTML di WordPress.

 <iframe src="https://trello.com/b/g******c.html">

Cukup ubah tautan di dalam atribut src ke tautan papan/kartu Trello Anda dengan .HTML di bagian akhir, dan setelah Anda menyimpan posting/halaman Anda, penyematan akan ditampilkan di situs Anda.

Untuk ini, Anda harus menggunakan blok HTML menggunakan editor Visual dan kemudian menempelkan tautan iFrame Anda. Untuk jendela Trello iFrame yang lebih jelas, kami akan menambahkan beberapa atribut lagi ke tautan.

Setelah selesai, embed Anda akan terlihat seperti ini.

sematkan papan dan kartu trello di wordpress - pratinjau iframe

KIAT PRO

Menanamkan papan dan kartu Trello menggunakan iFrame adalah pilihan yang bagus. Ini ramah pengguna dan ini adalah sematan interaktif yang menunjukkan informasi kartu atau papan tanpa mengarahkan Anda ke papan Trello yang sebenarnya.

3) Sematkan Trello Boards and Cards di WordPress menggunakan plugin

sematkan papan dan kartu trello di wordpress - judul plugin

Salah satu opsi termudah dan ramah pemula untuk menyematkan papan dan kartu Trello di situs web WordPress Anda adalah dengan menggunakan WooTrello . Ini bukan opsi tampilan dan lebih banyak kait WooCommerce Checkout yang dapat Anda integrasikan dengan Trello. Plugin ini memungkinkan Anda mengintegrasikan halaman Terima Kasih WooCommerce Anda dengan papan Trello Anda. Dengan cara ini, Anda dapat membuat papan Trello secara otomatis setiap kali pelanggan Anda melakukan pemesanan baru. Jadi, Anda dapat merampingkan tugas dan detail Anda menggunakan tugas pesanan yang dibuat secara otomatis, lengkap dengan detail Penagihan, Tanggal, dan detail pesanan tambahan lainnya.

Tentu saja, plugin ini hadir dengan beberapa keunggulan seperti antarmuka yang jernih dan integrasi yang mudah menggunakan WooCommerce dan kait checkout. Selain itu, Anda juga dapat mengaktifkan otentikasi satu klik untuk tampilan Trello Anda. WooTrello dirancang untuk mendukung WooCommerce dan membantu Anda menjalankan toko Anda dengan lancar. Jadi, jika Anda menjalankan bisnis, Anda dapat mengizinkan plugin untuk membuat tugas Trello baru setelah setiap pesanan baru atau pembaruan pesanan.

Memasang plugin WooTrello

Untuk memulai dengan metode ketiga kami untuk mengintegrasikan papan Trello dengan WordPress, Anda perlu menginstal plugin. Untuk melakukannya, buka Dasbor Admin WordPress Anda, dan buka Plugin > Add New . Kemudian, gunakan bilah pencarian di paling kanan untuk mencari WooTrello . Selanjutnya, klik Instal dan kemudian aktifkan.

sematkan papan dan kartu trello di wordpress - pemasangan plugin

Menggunakan plugin WooTrello

Setelah Anda menginstal dan mengaktifkan plugin, itu akan secara otomatis membawa Anda ke layar pengaturannya. Atau, Anda dapat membuka plugin dengan mengklik WooTrello di sidebar Admin .

Kemudian, plugin mungkin meminta Anda izin untuk memberi Anda pemberitahuan pembaruan fitur dan memilih layanan pelacakan diagnostik mereka. Jika Anda ingin membagikan data penggunaan non-sensitif Anda, klik Izinkan dan lanjutkan . Atau, Anda dapat menekan Lewati .

Meraih token Akses Trello Anda

Untuk integrasi, Anda perlu menyinkronkan papan Trello Anda dengan instalasi WordPress Anda menggunakan Trello API. Klik tautan Kode Akses Trello di paling kanan di atas bidang kode Akses Trello .

Anda akan masuk ke akun Trello Anda dan WooTrello akan meminta izin kepada Anda untuk mengakses informasi akun Anda.

sematkan papan dan kartu trello di wordpress - plugin memungkinkan

Setujui dengan mengklik Allow , dan Anda akan melihat token untuk akses Trello.

Salin kode ini dan buka jendela/tab tempat Anda membuka halaman Plugin. Kemudian, rekatkan token ini ke bidang kode Akses Trello di sini dan klik Simpan kode Akses.

Mengintegrasikan papan Trello Anda dan halaman Checkout Anda menggunakan WooTrello

Untuk mengaktifkan integrasi papan Trello Anda, centang kotak Aktifkan/Nonaktifkan . Kemudian, gunakan opsi papan Trello drop-down untuk memilih salah satu papan Trello Anda dan kemudian gunakan daftar Select Trello untuk memilih salah satunya.

Selanjutnya, tambahkan tanda centang ke semua detail pesanan yang Anda tampilkan di kartu Trello Anda. Setelah Anda melakukannya, klik Simpan pengaturan urutan halaman Checkout Baru.

Kemudian, integrasi halaman checkout WooTrello dan WooCommerce harus selesai. Sekarang, setiap kali pelanggan menyelesaikan pesanan di toko online Anda, plugin akan secara otomatis membuat tugas Trello sesuai dengan pengaturan yang Anda simpan.

sematkan papan dan kartu trello di wordpress - demo plugin

Bonus: Sematkan papan Trello melalui HTML

Anda juga dapat menampilkan papan Trello di situs Anda menggunakan sedikit HTML. Ini bukan metode terbaik karena non-interaktif tetapi cukup mudah diterapkan.

Untuk menambahkan papan Trello ke situs WordPress Anda, cukup salin dan tempel kode HTML berikut ke situs Anda:

<blockquote class="trello-board-compact"> <a href="{url to board}">Trello Board</a> </blockquote> <script src="https://p.trellocdn.com/embed.min.js"></script>

Sekarang, setiap kali halaman yang Anda masukkan memuat kode, skrip akan menemukan kartu dan menggantinya dengan versi yang disematkan. Untuk informasi lebih lanjut tentang ini, Anda dapat melihat halaman ini.

Bagaimana cara memaksimalkan papan dan kartu Trello di WordPress?

Menanamkan papan Trello Anda ke WordPress hanyalah langkah pertama. Sekarang, saatnya menggunakan alat ini untuk mengatur tugas Anda dan menjadi lebih produktif.

Trello adalah salah satu alat manajemen paling populer untuk alasan yang baik, tetapi hanya menambahkannya ke situs Anda tidak cukup. Berikut adalah beberapa tip yang akan membantu Anda mengatur kartu dan papan Anda dengan lebih baik dan membawa produktivitas tim Anda ke tingkat berikutnya.

Kategorikan tugas : Daripada memiliki daftar tugas yang sangat banyak, lebih baik mengaturnya. Langkah pertama adalah mengkategorikan tugas. Ini tergantung pada bisnis Anda dan siapa yang menggunakan papan tersebut. Misalnya, jika Anda mengatur tugas untuk sekelompok pengembang, Anda dapat mengelompokkan tugas ke dalam Backlog, Selected, In Progress, Testing, Done (Live).
Tambahkan label : Label adalah salah satu cara termudah untuk mengatur tugas. Selain sangat berguna untuk memprioritaskan tugas atau menugaskan tugas ke tim yang berbeda, Anda juga dapat menyesuaikan label dan menambahkan warna ke dalamnya. Dengan begitu, tim Anda dengan cepat memiliki informasi yang jelas tentang tugas tersebut.
Gunakan power-up : Power-up menambahkan fungsionalitas ekstra ke papan Trello Anda. Anda dapat menghubungkan tugas Anda ke Google Drive, Kalender, Slack, Maps, dan banyak alat lainnya untuk memiliki semua informasi yang relevan di satu tempat.
Tetap perbarui papan : Kartu dan papan hanya berguna jika diperbarui. Jadi, kami sarankan Anda menugaskan satu orang untuk memastikan bahwa tim memperbarui kartu dan menggunakan label dengan benar.
Tetapkan anggota tim dan tenggat waktu : Ini mungkin tampak jelas tetapi sangat penting. Setiap tugas harus memiliki setidaknya satu orang yang bertanggung jawab untuk itu dan tanggal jatuh tempo.

Ini hanyalah dasar-dasar untuk membantu Anda memulai, tetapi ada banyak hal lain yang dapat Anda lakukan untuk memanfaatkannya sebaik mungkin.

Rencana Trello

Meskipun Trello menawarkan banyak fitur hebat secara gratis, Trello juga memiliki dua versi premium yang dimulai dari 12,5 USD per pengguna per bulan. Terlepas dari fitur yang lebih canggih dan lebih banyak opsi, salah satu fungsi favorit kami adalah Daftar Periksa Lanjutan. Ini memungkinkan Anda untuk menetapkan anggota tim dan tanggal jatuh tempo untuk setiap item daftar periksa, yang sangat bagus untuk proyek yang kompleks. Untuk informasi lebih lanjut tentang paket Trello yang berbeda, Anda dapat melihat halaman harganya.

Kesimpulan

Secara keseluruhan, Trello adalah alat yang sangat baik untuk mengatur proyek dan tugas Anda ke dalam papan dan kartu. Jadi, jika Anda ingin membantu tim Anda menjadi lebih produktif, Anda harus menyematkan papan dan kartu Trello di WordPress .

Dalam tutorial ini, kami telah menunjukkan kepada Anda 3 metode untuk menyematkan papan dan kartu Trello di situs Anda . Semuanya ramah pemula dan memiliki beberapa pro dan kontra. Mempertimbangkan fleksibilitas yang diberikannya dan betapa mudahnya menyiapkannya, sebaiknya gunakan metode iFrame. Ini akan memungkinkan Anda untuk menambahkan papan interaktif atau embed kartu.

Panduan kami cukup besar dan kuat dan memiliki beberapa bit pengkodean yang mungkin membingungkan pemula WordPress. Jadi, jika Anda memiliki pertanyaan, silakan dan beri tahu kami di bagian komentar di bawah.

Terakhir, untuk informasi lebih lanjut tentang cara menyematkan berbagai jenis konten di situs web Anda, lihat panduan kami tentang cara menyematkan lembar Google di WordPress .