Salut,
Dupa cum spune si titlul o sa incepem cu o intrebare: Ce este Crocoblock?
Crocoblock este o suita de pluginuri pentru Elementor. Acesta vine la pachet cu o variatie de pluginuri si o tema numita Kava Pro care transforma Elementor intr-un builder si mai puternic pentru WordPress. Daca te gandesti sa-ti duci pachetul Elementor Pro la un nou nivel, suita Crocoblock este un must-have.
Aceasta postare este pentru tine, daca folosesti deja Elementor in proiectele tale sau pe propriul tau website, dar este si pentru cei care sunt in cautarea unui pack de pluginuri care sa-i transforme site-ul intr-unul de top.
Daca doresti sa vezi un demo pentru toate pluginurile pe care le contine pachetul, aici aici un link catre ei.
Deci sa incepem.
Crocoblock adauga multe caracteristici si elemente la builderul Elementor Pro, pe care il transforma intr-un builder complex si complet.
Daca esti deja familiarizat cu Elementor, ai observat ca acesta are lipsuri care te pun in ipostaza de a cauta alternative sau pack-uri de addon-uri pe care te poti sau nu baza. In ultimele luni au avut loc, din pacate, tot felul de problem din cauza bugurilor sau problemelor de securitate care au venit la pachet cu anumite pack-uri de addon-uri pentru Elementor.
Din toate pack-urile disponibile pe piata Crocoblock este printre singurele care nu au avut problem in ceea ce priveste securitatea, dar nici update-urile sau incompatibilitatile.
Ce este Crocoblock?
In cateva cuvinte Crocoblock este un pachet de addonuri, cu un cost sub forma unui abonament, care iti transforma builderul Elementor intr-un sistem complet si complex de realizat website-uri. Iar pentru a beneficia de maximul ce-l poate oferii Crocoblock este ideal sa vezi sinergia dintre toate pluginurile acestuia.
In pachet o sa gasiti mai mult de 1000 de sectiunii ready-made, numeroase pagini deja realizate pentru Elementor, dar si pluginurile Jet care iti acopera toate nevoile. Pe langa plugin-ul care mi-a salvat si realizat multe proiecte, si anume JetEngine care este un inlocuitor pentru ACF, dar si pentru alte multe lucruri, avem plugin-uri de MegaMenu, filtre, reviews, membership, inlocuitori pentru anumite pluginuri pe care le gasesti doar in Elementor Pro, form builder, woocommerce builder, dar si multe altele.
Cel mai frumos lucru la acest pack de pluginuri este faptul ca-l poti achizitiona pe tot sub forma unui abonament sau ai chiar optiunea de life-time, platesti o singura data si il poti utiliza la toate proiectele pe care le vei avea si pe langa toate acestea ai update-uri pe viata.
Daca esti un utilizator de Elementor, pachetul Crocoblock iti va schimba felul in care lucrezi. Spun toate astea pentru ca dupa 2 ani de lucrat cu acesta, pot spune ca nu as renunta la combinatia aceasta ideala.
Ce gasesti in pachet?
Din moment ce deja am descoperit esenta Crocoblock, haideti sa vedem ce obtinem cumparand pachetul cel mai mare:
In pachetul mare obtinem intreaga suita de JetPlugins printre care se numara: Jet Elements, Jet Tabs, Jet Blog, Jet Reviews, JetWoobuilder, Jet Tricks, Jet Blocks, Jet Menu, Jet Blocks, Jet Popup, Jet Smart Filtes, Jet Product Gallery, Jet Search, Jet Compare Wishlist, Jet Appointment, dar si altele.
Si partea cea mai frumoasa este ca echipa se ocupa mereu de a scoate update-uri, dar si alte pluginuri, deci mereu o sa primiti ceva nou si super bine facut.
Instalare
Pentru instalare totul este super simplu. Cei mai priceputi dintre voi o sa stie deja ce au de facut, dar am ales sa scriem despre partea asta deoarece sunt si cititori care cu siguranta nu au atat de multa experienta in spate.
Deci sa incepem:
Pentru a descarca ceea ce deja ati cumparat, tot ce trebuie sa faceti este sa va conectati la contul de Crocoblock, sa navigati la sectiunea Download situata in partea stanga si sa selectati unul dintre cele 3 pachete diferite care corespund cu ceea ce aveti nevoie pentru proiectul la care lucrati.
Instalarea cea mai simpla este cu ajutorul Jet Theme Wizard, incarcati acest plugin in site-ul vostru si o sa fiti ghidati la fiecare pas. Super easy! Prin Jet Theme Wizard o sa puteti instala si o tema la alegere (care este compatibila 100% Elementor), dar si pluginurile pe care le doriti, cat si un design ready-made.
Inca o chestie care mie mi se pare foarte utila este ca iti poti impartii pachetul de o singura licenta anuala pe diverse proiecte. De exemplu poti folosii Jet Blog pe un website si Jet Theme Core pe un altul. Deci iti poti folosii pachetul Crocoblock la mai multe proiecte cu o singura licenta!
Design-uri ready-made
In prezent, exista aproximativ 30 de skin-uri diferite care acopera aproape toate subiectele posibile, de la stil de viata, pana la afaceri si corporate, dar exista si 5 skin-uri dinamice facute pentru cei care doresc sa construiasca un site complex si care acopera urmatoarele segmente: Shop, rezervari, inchiriei de masina, hotel/pensiune si calatorii.
Poti incarca separat design-urile sau poti sa importi din acelasi skin toate paginile. Pentru a putea instala un template ready-made la tine pe site ai nevoie de Jet Theme Core. Dupa instalare, un nou tab va aparea in Dashboard, mergeti in acea pagina si apasati pe Skins.
Butoane „magice”
Daca esti deja familiarizat cu incarcarea de template-uri de la Elementor, atunci iti va fi super usor sa incarci un template de la Crocoblock.
Pentru cei care nu sunt familiarizati cu acest aspect, nu trebuie decat sa mergi in pagina in care doresti sa incarci un design si sa apesi „butonul magic”, este chiar un mic buton albastru cu o bagheta magica ca si icoana.
Odata apasat, acesta deschide un popup din care iti poti alegere diverse elemente, pagini, sectiuni si asa mai departe. Dupa ce ai gasit ceea ce aveai nevoie, mai este un singur pas, apasa butonul de Insert si asta este tot.
Acelasi proces se aplica si in cazul Elementor.
Jet Plugins
Jet Plugins sunt foarte populare si vandute separat pe diverse piete. Cu toate acestea, Crocoblock ofera toate pluginurile intr-un singur pachet. O sa discutam despre ficare dintre ele in cele ce urmeaza:
Jet Elements este un supliment pentru Elementor care acopera 30 de widget-uri optionale, inclusiv Advance Carousel, Post Layout, Timeline, Portfolio, Scroll Navigation, dar si multe altele. Ca un bonus, Jet Elements ajuta la aplicarea efectului de Paralaxa pentru sectiuni.
In cazul in care nu aveti nevoie de anumite elemente si simtiti ca va incurca, puteti accesa sectiunea Jet Elements si sa dezactivati ceea ce nu va prezinta interes in proiectul pe care il desfasurati.
Jet Menu este pluginul cu care va transformati headerul in ceva uimitor. Este mult mai versatil ca widget-ul pe care Elementor il ofera si va da posibilitatea sa creati un meniu avansat folosind elementele pe care Elementor le ofera.
Metoda pe care eu o folosesc atunci cand lucrez cu JetMenu este aceea de a naviga in Apparence -> Menus si sa activez MegaMenu pe elementul din meniu de care vreau sa ma folosesc. Odata activat un mic popup se deschide si in acesta gasim cateva optiuni pentru Jet Menu, dar si un buton de Edith with Elementor, care ne va deschide o fereastra de lucru cu Elementor.
Ultimele update-uri ale Elementor Pro au facut mult mai viabil lucrul cu Woocommerce, dar Crocoblock, prin pluginul Jet Woobuilder duce acest lucru la alt nivel. Compatibilitatea dintre toata seria de Jet plugins scoate tot ceea ce este mai bun din acest plugin.
Jet WooBuilder este un plugin important pentru cei care isi doresc un magazin online cu pagini elegante pentru produsele lor.
Aveti 2 metode prin care puteti utiliza acest plugin la un nivel avansat:
- Fie incarcati un template deja facut (ready-made)
- Fie folositi elementele pe care JetWooBuilder le ofera ca sa preluati informatiile dinamic in template-urile pe care le-ati facut cu Elementor Pro.
JetBlocks este un plugin absolut esential, deoarece va ajuta sa aplicati pe site formulare de autentificare si creare cont, link-uri de autorizare, cos de cumparaturi si breadcrumbs. Nu trebuie sa atingeti o linie de cod pentru a adauga toate aceste functionalitati.
Drag-&-dropul este, si in acest caz, cel mai bun prieten al tau.
Jet Blogs este o alternativa mai avansata pentru ceea ce ofera Elementor Pro. Personal nu am utilizat Jet Blogs prea des, dar atunci cand l-am utilizat a fost o placere. Pluginul acesta te ajuta sa afisezi postari in functie de campuri personalizate, iti permite sa adaugi playlist video in pagina si multe alte lucruri. Deci daca esti un impatimit al blogului ai nevoie de un astfel de plugin.
Ok, ok -> „chestia” asta de plugin este unul care te ajuta cu partea vizuala pe site. Am folosit Jet Tricks la diverse proiecte pentru a „condimenta” putin aspectul vizual. Acesta iti da posibilitatea sa folosesti particule (particle) pe sectiuni, efect de paralaxa, dar si diverse animatii. Poti inclusiv sa alipesti codul JSON al animatiei in JetTricks si restul o sa faca el.
Simplu si la obiect, Jet Tabs iti permite sa bagi template-uri in widgetul de Tabs sau Acordeon, dar iti pune la dispozitie si un widget de Switcher care iti permite sa treci de la o sectiune la alta.
Pe scurt Jet Reviews iti ofera un intreg ecosistem pentru a putea oferii vizitatorilor sau clientilor tai o sectiune de recenzii in paginile create cu Elementor sau pe blog/shop. Acesta vine la pachet cu dashboard de statistica, editare recenzii, aprobare si tot „tacamul”.
Cu toate acestea, acest plugin are si un dezavantaj, pentru cei cunoscatori dintre voi, acesta nu vine cu Schema markup.
Jet Theme Core este un inlocuitor pentru varianta Pro de la Elementor si iti da posibilitatea sa-ti creezi un Header si Footer, o pagina de Archiva cu propriul design.
Personal eu am ales sa lucrez cu Elementor Pro, poate ca este si obisnuinta, dar mi se pare ca impreuna fac cel mai bun combo.
Daca deja detii un pachet Elementor Pro si vrei sa stii cum se creaza un Header sau un Footer, poti accesa postarea noastra de aici. Acolo o sa inveti pas cu pas cum iti poti face singur un header sau un footer.
Dintre toate cele de mai sus, Jet Engine este vedeta Crocoblock. Este cel mai puternic si complex plugin dintre toate cele de mai sus.
Jet Engine este defapt un steroid pentru Elementor si iti da puterea de a folosii continut dinamic in diverse ipostaze precum Header, Footer, pagini de Archiva, taxonomii, dar si meta box-uri.
Cred ca cel mai important aspect pentru JetEngine este acela ca inlocuieste ACF cu un succes ridicol. Cred ca in ultimii 2 ani nu a fost proiect la care eu sa lucrez si sa nu ma folosesc de JetEngine.
Un alt aspect extraordinar la JetEngine este faptul ca-ti da posibilitatea de a realiza si implementa repeaters cu un design placut si fara prea multe batai de cap. (aceasta este o informatie pentru cei mai cunoscatori dintre voi)
De asemenea vine la pachet cu un sistem prin care sa iti creezi propriul design pentru listari. Personal am folosit aceasta functionalitate de Listings pentru 90% dintre magazinele online la care am lucrat in ultima perioada, pentru ca imi da mana libera sa-mi creez afisarea produselor in pagina de Archiva dupa bunul plac.
Daca inca nu ai primit destule pana acum, mai urmeaza cateva. Sa continuam cu JetSmartFilters, care este un plugin ce iti ofera posibilitatea de ati creea propriile filtre pentru shop sau blog.
Acesta iti da posibilitatea sa-ti creezi filtre cu checkbox, radio, range, inputs, dupa taxonomii, pret, chiar si meta boxuri create de tine. Avantajul este ca filtrarea se poate face pe baza de Ajax sau prin reincarcarea paginii, in functie de nevoile pe care le ai.
Daca esti curios sa vezi mai multe, aici aici un link catre un proiect realizat de noi si in care am folosit si Jet Smart Filters.
Echipa Crocoblock s-a gandit si la cum poate imbunatatii galeriile de imagini din shopurile noastre si a lansat acest plugin care iti ofera posibilitatea sa-ti creezi galerii incredibile pe shop-ul tau.
Este un plugin care iti ofera cautare in timp real cu ajutorul Ajax, dar in care poti baga si meta box-uri create de tine, deci poti face un sistem de search destul de complex.
Dupa cum spune si numele este un plugin ca o aditie la Elementor care-ti permite sa-ti creezi functionalitati de Wishlist (lista de dorinte) si compare, pentru magazinul tau online. Ceea ce este foarte placut este faptul ca-ti poti face propriul design, datorita faptului ca lucrezi cu Elementor.
Crocoblock are solutia pentru tine si daca iti doresti sa ai rezervari pe site-ul tau sau sa le permiti clientilor sa stabileasca o intalnire cu tine. Jet Appointment & Booking iti creeaza un intreg ecosistem pentru a putea face acest lucru.
Am lucrat deja cu acest plugin si ceea ce pot spune este ca, inca este la inceput. Lipsesc multe lucruri din el, dar echipa Crocoblock lucreaza la update-uri si sunt sigur ca in viitor o sa ne ofere mai multe caracteristici pentru acest plugin.
Pentru inceput, daca nu ai nevoie de nimic complicat, il poti utiliza cu incredere!
Cred ca am acoperit destul de multe, mai sunt cateva, dar va las pe voi sa le descoperiti si sa lucrati cu ele.
Sa trecem si la alte lucruri, cum ar fi:
Pret
Preturile celor de la Crocoblock sunt „pentru toate buzunarele”. Daca doriti sa accesati toate plugin-urile acestora exista un cost unic de 130$/an. Daca vreti un pachet de agentie costurile se ridica la 265$/an si aveti licente nelimitate, deci puteti realiza cate website-uri doriti.
In schimb Crocoblock vine si cu un pachet pe viata la un cost de 750$. Acesta este pachetul pe care l-am ales noi. O singura plata si beneficiem de update-uri si suport pe viata, dar si de licente nelimitate.
Evident, daca nu doriti sa achizitionati un pachet complet si aveti nevoie doar de un singur plugin din toate cele pe care le ofera Crocoblock, puteti sa achizitionati doar acel plugin la un cost redus.
Concluzie
Cumparand orice produs separat, este posibil sa nu stiti daca este actualizat sau compatibil cu cele mai recente versiuni de Elementor. Mai mult decat atat, plugin-urile achizitionate separat pot avea suport limitat si pot duce la incompatibilitati.
Cand vine vorba de Crocoblock, nu exista astfel de probleme: produsele sunt actualizate in mod constant si 100% compatibile cu Elementor.
Daca pana acum ai fost in cautarea unui Kit de Elementor care sa-ti umple „golurile” pe care acesta le ofera, solutia prezentata de mine mai sus este, probabil, solutia ideala.
In postarile ce urmeaza o sa comparam Crocoblock si cu alte kituri, dar o sa revenim si cu tutoriale practice si studii de caz pe proiectele pe care noi le-am realizat cu ajutorul Elementor Pro si Crocoblock.
Multumesc de lecturare,
Robert Predan – Co-Fondator PixelRomanesc.ro
