Cum să încorporați plăci și carduri Trello în WordPress?

Aveți de gestionat proiecte mari în echipă și doriți să utilizați Trello la potențialul maxim? Intenționați să vă integrați plăcile Trello direct pe site-ul dvs. web? Dacă da, ați ajuns la locul potrivit! În acest ghid, vă vom arăta 3 metode diferite de a încorpora panouri și carduri Trello în WordPress .

De ce să încorporați panouri și carduri Trello în WordPress?

Trello este unul dintre cele mai populare instrumente de management vizual de proiect. Aproape fiecare proiect de colaborare sau echipă de proiect iubește Trello datorită designului său și a capacității de a configura cu ușurință sarcini pe termen scurt și zilnic. Pur și simplu construiește-ți tabla, adaugă-ți cărțile și configurați listele de sarcini planificate. În plus, vă puteți bucura și de funcții suplimentare atunci când vă configurați panourile de sarcini, cum ar fi declanșatoare bazate pe reguli pentru sarcinile dvs., comenzile din calendar, cardurile personalizate, butoanele de pe panou și multe altele. Și, desigur, puteți, de asemenea, să încorporați panouri Trello pe site-ul dvs.

Deci, ce avantaje are încorporarea Trello în WordPress? În timp ce aplicația mobilă și vizualizatorul de browser web pentru Trello sunt destul de suficiente, există câteva avantaje în integrarea Trello cu site-ul dvs. web. În primul rând, există productivitatea . Cu echipa dvs. putând accesa rapid plăcile dvs. Trello, acestea pot funcționa mai bine. Puteți oferi mai multor echipe acces la anumite panouri publice fără a fi nevoit să vă faceți griji că acestea vor încurca diferitele forumuri sau să aibă bătăi de cap să le căutați. Lipiți-le de cărțile și tablele relevante pentru ei și le veți face viața mult mai ușoară.

În plus, puteți afișa carduri pe pagini și postări pentru a oferi informații colegilor manageri de site sau altor clienți. Gestionați un proiect la scară largă care rulează pe site-ul dvs.? Încorporați pur și simplu plăcile și cardurile dvs. Trello și lăsați-vă echipa să coopereze între ele mult mai eficient și totul fără a fi nevoie să invitați mai mulți utilizatori direct la panourile dvs. Trello.

Cum să încorporați plăci și carduri Trello în WordPress?

În acest ghid, vă vom arăta 3 metode de a încorpora plăci și carduri Trello în WordPress :

1. Cu un script încorporat
2. Folosind iFrame
3. Cu un plugin

Să aruncăm o privire mai atentă la fiecare dintre ele.

1. Conectați Trello și WordPress cu un script de încorporare

Trello vă permite să încorporați un mic instantaneu al panourilor și cardurilor dvs. folosind un cod javascript . Cu toate acestea, acest cod javascript are limitările sale. În primul rând, nu arată multe informații și nici nu este foarte ușor de personalizat. De asemenea, încorporarea nu poate fi interacționată, iar clicurile pe încorporare vă duc direct la tablă.

Chiar și totuși, există o serie de avantaje în utilizarea acestui script față de alte metode. În primul rând, puteți să vă încorporați panourile private și să oferiți un link direct către ele, cu informații minime pentru a le identifica. De asemenea, micul instantaneu funcționează deosebit de bine pentru carduri.

A) Prinderea linkului dvs. Trello Board/Cards

O modalitate de a încorpora acest lucru pe site-ul dvs. este prin adăugarea de cod în paginile/postările dvs. În primul rând, trebuie să obțineți adresa URL a plăcii/cardului Trello. Pentru a obține adresa URL a plăcii dvs. Trello, deschideți-o, iar în bara laterală din dreapta, veți putea vedea un buton Mai multe lângă cele 3 puncte din dreapta sus. Faceți clic pe acesta, accesați Link la această placă și veți primi linkul/URL-ul plăcii dvs. Trello.

Ca alternativă, dacă doriți să obțineți linkul către cardul dvs. individual Trello, pur și simplu deschideți cardul mai întâi. Apoi, faceți clic pe Partajați în partea de jos a cardului și veți vedea linkul sub secțiunea Link la acest card .

Pentru a adăuga cod la paginile și postările tale WordPress, poți folosi pluginul gratuit Embed code . Acest instrument vă permite în esență să adăugați scripturi fie la subsolul , fie la antetul paginilor/postărilor dvs. Aceasta este una dintre cele mai ușoare modalități de a încorpora plăci și carduri Trello în site-urile dvs. WordPress, dar nici nu vă limitați tocmai la asta. De asemenea, puteți utiliza plugin-uri precum Enhanced Text Widgets și puteți plasa direct scripturile în widget-uri personalizate.

Deci, acum, să mergem mai departe și să instalăm pluginul Embed Code . Pentru a face acest lucru, deschideți bara laterală a tabloului de bord, faceți clic pe Plugin-uri > Adăugați nou . Apoi, utilizați bara de căutare din extrema dreaptă pentru a căuta Codul încorporat . Faceți clic pe Instalare și odată ce butonul se schimbă în Activare, apăsați-l din nou. Acum, pluginul este activat și gata de funcționare.

B) Încorporarea cardurilor cu scriptul Embed

Acum, tot ce trebuie să faci este să lipiți următorul script pe paginile/postările tale.

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

Pur și simplu schimbați {url to card} pentru linkul cardului dvs. Trello . Pentru a face acest lucru, pur și simplu urmați pașii descriși mai sus. De exemplu, pentru a încorpora cardul nostru Trello, scriptul nostru este:

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

Pentru a încorpora cardurile și panourile dvs. Trello, puteți utiliza pluginul pentru codul de încorporare. Odată ce instalați pluginul, sub editorul de postare/pagină, veți vedea o secțiune meta editor etichetată „ Cod încorporat ”. Veți vedea casetele Cod cap și Cod subsol . Deci, puteți plasa scriptul în oricare dintre cele două câmpuri. Pentru demonstrația noastră, vom folosi caseta de cod de subsol.

Pur și simplu lipiți Scriptul personalizat și odată ce salvați/publicați pagina sau postarea dvs., cardul Trello va fi încorporat.

C) Încorporarea plăcilor cu scriptul Embed

Procesul de încorporare a panourilor în paginile/postările WordPress este identic cu procesul pentru carduri. Trebuie doar să utilizați un cod diferit pentru Boards:

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

Pur și simplu inserați linkul Trello Board în {url to board} . Ar trebui să arate cam așa:

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

Apoi, accesați pagina sau postarea la care doriți să adăugați panoul Trello și inserați codul în secțiunea de cod de antet sau subsol. Salvează modificările și gata! Ați încorporat un panou Trello pe site-ul dvs.

SFAT PRO

Încorporarea plăcilor și a cardurilor Trello folosind un script este o opțiune bună pentru unii, dar îi lipsesc unele caracteristici de care ați putea avea nevoie. În primul rând, nu este o încorporare interactivă și tot ceea ce vedeți este o placă de bază Trello/Card cu detalii minime. Făcând clic pe încorporare, veți ajunge la placa Trello propriu-zisă, deci este util doar să adăugați un link instantaneu la plăcile/cardurile Trello cu detalii minime afișate.

2) Integrați Trello cu WordPress folosind iFrame

Având în vedere limitările metodei de încorporare a scriptului, utilizarea unui iFrame poate fi o opțiune mult mai bună. Mai ales când doriți să afișați placa/cardul Trello pe site-ul dvs. web.

Puteți încorpora o placă/card Trello folosind un link iFrame, atâta timp cât panoul dvs. este public. Puteți modifica vizibilitatea panoului dvs. utilizând setarea Vizibilitate de lângă titlul panoului dvs. din bara de instrumente de sus. Pur și simplu schimbați-l din Privat sau Echipa în Public și, odată ce sunteți de acord cu solicitarea, placa dvs. ar trebui să fie gata să fie conectată la iFrame.

Acum, pentru a găsi linkul pentru placa dvs. Trello, mergeți în bara laterală din dreapta și faceți clic pe butonul Mai multe de lângă cele 3 puncte. Apoi, accesați Link la acest panou și veți primi adresa URL a forumului.

Ca alternativă, pentru a obține linkul către un card individual, deschideți cardul, faceți clic pe Partajare și veți vedea linkul sub Link la acest card .

Utilizarea iFrame-urilor cu link-uri Trello

După ce obțineți linkul, adăugați .HTML la sfârșitul linkului și salvați-l. De exemplu, pentru link-ul nostru pentru forum, am adăuga .HTML la sfârșit:

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

Apoi, tot ce trebuie să faceți este să utilizați următorul link iFrame în interiorul unui bloc HTML în WordPress.

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

Pur și simplu schimbați linkul din interiorul atributului src la linkul plăcii/cardului dvs. Trello cu un .HTML la sfârșit și, odată ce vă salvați postarea/pagina, încorporarea ar trebui să fie afișată pe site-ul dvs.

Pentru aceasta, va trebui să utilizați blocul HTML folosind editorul vizual și apoi să lipiți linkul iFrame. Pentru o fereastră Trello iFrame mai clară, vom adăuga câteva atribute la link.

După ce ați terminat, încorporarea dvs. ar trebui să arate așa.

SFAT PRO

Încorporarea plăcilor și cardurilor Trello folosind iFrame este o opțiune excelentă. Este ușor de utilizat și este o încorporare interactivă care afișează informațiile cardului sau plăcii fără a vă redirecționa către placa Trello reală.

3) Încorporați panouri și carduri Trello în WordPress folosind un plugin

Una dintre cele mai ușoare și prietenoase opțiuni pentru începători pentru a încorpora panouri și carduri Trello pe site-urile dvs. WordPress este să utilizați WooTrello . Aceasta este mai puțin o opțiune de afișare și mai mult un cârlig WooCommerce Checkout pe care îl puteți integra cu Trello. Acest plugin vă permite să integrați pagina dvs. de mulțumire WooCommerce cu placa dvs. Trello. În acest fel, puteți crea automat un panou Trello de fiecare dată când clientul plasează o nouă comandă. Așadar, vă puteți eficientiza sarcinile și detaliile folosind sarcini de comandă create automat, completate cu detalii de facturare, Date și alte detalii suplimentare ale comenzii.

Desigur, pluginul vine cu câteva avantaje, cum ar fi o interfață clară și o integrare ușoară folosind WooCommerce și cârlige de plată. În plus, puteți activa și autentificarea cu un singur clic pentru vizualizarea Trello. WooTrello este conceput pentru a sprijini WooCommerce și pentru a vă ajuta să vă gestionați fără probleme magazinul. Deci, dacă conduceți o afacere, puteți permite pluginului să creeze o nouă sarcină Trello după fiecare nouă comandă sau actualizare de comandă.

Instalarea plugin-ului WooTrello

Pentru a începe cu a treia metodă de integrare a plăcilor Trello cu WordPress, trebuie să instalați pluginul. Pentru a face acest lucru, deschideți Tabloul de bord de administrare WordPress și accesați Plugin-uri > Adăugați nou . Apoi, utilizați bara de căutare din extrema dreaptă pentru a căuta WooTrello . Apoi, faceți clic pe Instalare și apoi activați-l.

Folosind pluginul WooTrello

Odată ce instalați și activați pluginul, acesta vă va duce automat la ecranul său de configurare. Alternativ, puteți deschide pluginul făcând clic pe WooTrello din bara laterală Admin .

Apoi, pluginul vă poate cere permisiunea pentru a vă furniza notificări de actualizare a funcțiilor și pentru a vă înscrie în serviciile de urmărire a diagnosticului. Dacă doriți să partajați datele dvs. de utilizare nesensibile, faceți clic pe Permiteți și continuați . Ca alternativă, puteți apăsa Skip .

Luați-vă jetonul Trello Access

Pentru integrare, trebuie să vă sincronizați placa Trello cu instalarea WordPress folosind API-ul Trello. Faceți clic pe linkul Trello Access Code din extrema dreaptă deasupra câmpului Trello Access Code .

Vă veți conecta la contul dvs. Trello și WooTrello vă va cere permisiunea de a accesa informațiile contului dvs.

Acceptați-l făcând clic pe Permite și veți vedea un simbol pentru accesul Trello.

Copiați acest cod și deschideți fereastra/fila în care aveți deschisă pagina de plugin. Apoi, lipiți acest token în câmpul Cod de acces Post Trello aici și faceți clic pe Salvare cod de acces.

Integrarea plăcilor dvs. Trello și a paginii dvs. de plată folosind WooTrello

Pentru a activa integrarea plăcii dvs. Trello, bifați caseta Activare/Dezactivare . Apoi, utilizați opțiunea derulantă Plăci Trello pentru a selecta una dintre plăcile Trello și apoi utilizați lista Selectați Trello pentru a alege una dintre ele.

Apoi, adăugați o bifare la toate detaliile comenzii pe care le afișați pe cardul dvs. Trello. După ce faceți acest lucru, faceți clic pe Salvare setări noi de comandă a paginii Checkout.

Apoi, integrarea WooTrello și WooCommerce a paginii de plată ar trebui să fie completă. Acum, de fiecare dată când un client finalizează o comandă în magazinul dvs. online, pluginul va crea automat o sarcină Trello conform setărilor dvs. salvate.

Bonus: încorporați placa Trello prin HTML

De asemenea, puteți afișa panoul Trello pe site-ul dvs. folosind un pic de HTML. Aceasta nu este cea mai bună metodă, deoarece nu este interactivă, dar este destul de ușor de implementat.

Pentru a adăuga o placă Trello pe site-ul dvs. WordPress, pur și simplu copiați și inserați următorul cod HTML pe site-ul dvs.:

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

Acum, de fiecare dată când pagina pe care ați inserat codul se încarcă, scriptul va găsi cardul și îl va înlocui cu o versiune încorporată. Pentru mai multe informații despre acest lucru, puteți arunca o privire pe această pagină.

Cum să profitați la maximum de plăcile și cardurile Trello în WordPress?

Încorporarea plăcilor dvs. Trello în WordPress este doar primul pas. Acum, este timpul să utilizați instrumentul pentru a vă organiza sarcinile și a fi mai productiv.

Trello este unul dintre cele mai populare instrumente de management din motive întemeiate, dar simpla adăugare a acestora pe site-ul dvs. nu este suficientă. Iată câteva sfaturi care vă vor ajuta să vă organizați mai bine cărțile și panourile și să duceți productivitatea echipei la următorul nivel.

• Clasificați sarcinile : în loc să aveți o listă masivă plină de sarcini, este mai bine să le organizați. Primul pas este clasificarea sarcinilor. Acest lucru depinde de afacerea dvs. și de cine folosește placa. De exemplu, dacă organizați sarcini pentru un grup de dezvoltatori, puteți grupa sarcinile în Backlog, Selected, În curs, Testare, Done (Live).
• Adăugați etichete : etichetele sunt una dintre cele mai simple modalități de organizare a sarcinilor. Pe lângă faptul că este foarte util pentru a prioritiza sarcinile sau a atribui sarcini diferitelor echipe, puteți, de asemenea, să personalizați etichetele și să le adăugați culori. În acest fel, echipa ta are rapid informații clare despre sarcini.
• Utilizați power-up-uri : Power-up-urile adaugă funcționalități suplimentare plăcilor dvs. Trello. Vă puteți conecta sarcinile la Google Drive, Calendar, Slack, Maps și multe alte instrumente pentru a avea toate informațiile relevante într-un singur loc.
• Păstrați tabloul la zi : cardurile și panourile sunt utile numai dacă sunt actualizate. Așadar, vă recomandăm să desemnați o persoană pentru a vă asigura că echipa actualizează cardurile și utilizează corect etichetele.
• Atribuiți membri ai echipei și termene limită : acest lucru poate părea evident, dar este extrem de important. Fiecare sarcină ar trebui să aibă cel puțin o persoană responsabilă pentru aceasta și o dată limită.

Acestea sunt doar elementele de bază pentru a vă ajuta să începeți, dar există multe alte lucruri pe care le puteți face pentru a profita la maximum de ele.

Planurile Trello

Chiar dacă Trello oferă gratuit o mulțime de funcții grozave, are și două versiuni premium care încep de la 12,5 USD per utilizator pe lună. Pe lângă funcțiile mai avansate și multe alte opțiuni, una dintre funcționalitățile noastre preferate este Listele de verificare avansate. Acest lucru vă permite să atribuiți membri ai echipei și date limită fiecărui element din lista de verificare, ceea ce este excelent pentru proiecte complexe. Pentru mai multe informații despre diferitele planuri ale Trello, puteți consulta pagina lor de prețuri.

Concluzie

Una peste alta, Trello este un instrument excelent pentru a vă organiza proiectele și sarcinile în panouri și carduri. Deci, dacă doriți să vă ajutați echipa să fie mai productivă, ar trebui să încorporați panouri și carduri Trello în WordPress .

În acest tutorial, v-am arătat 3 metode de a încorpora panouri și carduri Trello pe site-ul dvs. Toate sunt prietenoase pentru începători și au câteva argumente pro și contra. Având în vedere flexibilitatea pe care o oferă și cât de ușor este de configurat, vă recomandăm să utilizați metoda iFrame. Vă va permite să adăugați o tablă interactivă sau un card încorporat.

Ghidul nostru a fost destul de voluminos și avea niște fragmente de codare pe care începătorii WordPress le-ar putea găsi confuzi. Deci, dacă aveți întrebări, continuați și spuneți-ne în secțiunea de comentarii de mai jos.

În cele din urmă, pentru mai multe informații despre cum să încorporați diferite tipuri de conținut pe site-ul dvs. web, consultați ghidul nostru despre cum să încorporați foile Google în WordPress .