Crocoblock : la meilleure extension pour WordPress Elementor

Crocoblock : comment j'ai (enfin!) apprivoisé Elementor en 2024

Bon sang, que j'ai galéré avec WordPress au début ! Je me rappelle encore de ces longues soirées à fixer mon écran, les yeux rouges, en me demandant pourquoi - POURQUOI - je n'arrivais pas à créer ce fichu design que j'avais en tête.

Et le pire ? Mes clients attendaient. (Stressant, hein?)

Puis un jour, totalement par hasard (merci Twitter!), j'ai découvert Crocoblock. J'étais plutôt skeptique au début, pour être honnête. Encore une extension qui promet la lune... Mais là, pour une fois, c'était différent.

Les premières heures ont été... chaotiques. J'ai pataugé, testé, râlé un peu (ok, beaucoup). Mais quand j'ai ENFIN compris comment tout fonctionnait ensemble - wow. Juste... wow.

Aujourd'hui, dans notre petite agence web à Bruxelles, on ne jure que par ça. C'est marrant d'ailleurs, parce que même les stagiaires arrivent à créer des trucs incroyables en quelques jours. Ça me fait toujours sourire de voir leurs yeux s'illuminer quand ils réalisent ce qu'ils peuvent faire sans coder.

Dans ce guide (qui m'a pris un temps fou à écrire, soit dit en passant), je vais vous raconter tout ce que j'ai appris en utilisant Crocoblock sur... attend voir... compte sur ses doigts au moins une cinquantaine de projets. Les bons coups, les erreurs à éviter, et surtout - SURTOUT - comment vous pouvez vous aussi créer des sites qui déchirent.

Ready? On y va !

Alors, c'est quoi exactement Crocoblock ?

Ah là là, si je devais compter le nombre de fois où on m'a posé cette question... (pas si souvent que ça en fait, ou bien si…?)

Au début, j'expliquais que c'était "une série d'extensions de la mort qui tue pour Elementor". Technique, précis, mais... ennuyeux à mourir ! 

Maintenant, je préfère dire que c'est comme avoir une équipe de développeurs dans sa poche. (Sans le côté grognon du dev qui déteste qu'on le dérange pendant sa pause café [j'embrasse tous les devs que je connais au passage])

En fait, Crocoblock, c'est un peu le couteau suisse du créateur de sites web. 

Mais attention, pas le petit couteau suisse basique - on parle du modèle deluxe avec TOUS les outils possibles et imaginables, fabriqué en Suisse.

Au cœur de tout ça, il y a JetEngine. 

C'est un peu la star de la bande. 

Perso, je l'appelle "Chuck Norris", parce qu'il est trop balaise. 

Un site d'annonces immobilières ? Facile. 

Une marketplace ? Pas de souci. 

Un réseau social ? Let's go !

Mais ce qui est VRAIMENT cool (et que j'ai mis des mois à comprendre, d'ailleurs), c'est comment tout s'emboîte parfaitement :

• JetEngine pour la structure (le squelette, quoi)
• JetSmartFilters pour la recherche (et Dieu sait que les clients adorent les filtres !)
• JetThemeBuilder pour personnaliser jusqu'au moindre pixel
• JetPopup pour les... euh... popups (logique, non ?)
• JetMenu pour des menus qui en jettent
• JetWooBuilder pour transformer WooCommerce en bête de course

Et vous savez quoi ? Le plus dingue, c'est que tous ces outils se parlent entre eux. 

C'est comme avoir une équipe super coordonnée où chacun sait exactement ce que font les autres.

Tiens, ça me rappelle ce client qui voulait un site de location de vélos électriques... Avec des filtres pour les pages de catégories et des customs posts hyer précis pour les pages produits. 

Mais je m'égare ! On garde cette histoire pour plus tard, ok?

On passe à la suite? 

Les plugins qui font VRAIMENT la différence (croyez-moi, j'ai tout testé !)

Ok, accrochez-vous, je vais vous présenter la dream team de Crocoblock. 

Et attention, je ne parle pas de théorie là - c'est du vécu !

JetEngine : le boss final 

Alors lui... Comment dire... C'est un peu comme avoir un assistant super organisé qui ne dort jamais. Un jour, un client m'a demandé de créer un site pour sa collection de sneakers (plus de 300 paires, le fou !). Sans JetEngine, j'aurais probablement pleuré dans un coin. Mais avec lui :

• Hop, 10 minutes pour créer le type de contenu "Sneakers"
• Quelques clics pour ajouter les infos importantes (taille, année, édition limitée...)
• Et BAM ! Tout était organisé comme par magie

JetSmartFilters : mon sauveur en cas de crise 

Je me souviens encore de ce client qui m'a dit "Mais je veux pouvoir filtrer par TOUT". J'ai rigolé... jusqu'à ce que je réalise qu'il était sérieux. Heureusement que JetSmartFilters était là :

• Filtres qui réagissent en temps réel (les clients adorent ça !)
• Recherche qui devine ce que vous voulez (comme par magie)
• Et le must : des filtres qui s'adaptent à TOUT. Vraiment tout.

JetThemeBuilder : pour les control freaks (comme moi) ????

J'avoue, je suis un peu maniaque sur les bords. Je veux que tout soit PARFAIT. Et c'est là que JetThemeBuilder entre en scène. Une fois, j'ai passé 3 heures à perfectionner un header... Mon équipe me trouvait fou, mais le résultat en valait la peine !

JetBooking : pour arrêter de jongler avec les réservations 

L'autre jour, une cliente qui gère des chambres d'hôtes m'appelle en panique : "Je me suis embrouillée dans mes réservations !". Depuis qu'on a installé JetBooking :

• Plus de double réservation (ouf!)
• Calendrier tout beau, tout propre
• Et même la synchro avec Booking.com (la classe !)

JetFormBuilder : parce que les formulaires basiques, c'est tellement 2010 (et non, tu n'as pas besoin de payer Typeform en plus)

Mon petit dernier préféré ! Je l'utilise tellement que j'ai même des templates perso. Le plus fou ? J'ai réussi à créer un calculateur de devis super complexe pour un artisan. Sa réaction ? "Mais comment t'as fait ça ???". Secret professionnel... ????

Vous voyez, ces plugins, c'est un peu comme les Avengers - séparément, ils sont déjà cool, mais ensemble... C'est juste inarrêtable !

(Et entre nous, quand un client me dit "Est-ce qu'on peut faire ça ?", je réponds toujours "Bien sûr !" maintenant. Merci qui ? Merci Crocoblock !)

Les VRAIS avantages de Crocoblock (et pourquoi j'en suis devenu accro)

Je dois vous avouer un truc: au début, je pensais que Crocoblock serait "encore une extension WordPress parmi tant d'autres". Oh boy, que je me trompais !

A lire aussi : découvrez les 10 meilleures agences Wordpress

Un gain de temps HALLUCINANT 

Non mais sérieusement... L'autre jour, un client me demande un site immobilier avec système de recherche avancé. Mon ancien moi aurait dit "3 semaines minimum". Là ? "C'est prêt vendredi !" (Il a cru que je plaisantais... jusqu'à ce que je lui montre le site terminé ????)

Fini les devis qui font peur 

Tiens, petite anecdote : la semaine dernière, un client a failli tomber de sa chaise quand je lui ai annoncé le prix. "Mais... la dernière agence m'avait dit que ça coûterait 4 fois plus cher !" Ben oui mon ami, parce qu'eux n'ont pas Crocoblock !

La liberté de créer (ENFIN!) 

Vous connaissez ce moment où un client arrive avec une idée un peu folle et que vous devez lui dire "Euh... ce n'est pas possible..." ? Plus jamais ! Maintenant je dis "Challenge accepted!" (Ok, parfois je regrette un peu mon enthousiasme, mais Crocoblock ne m'a jamais laissé tomber)

La fin du casse-tête des mises à jour 

Avant : "Oh non, encore une mise à jour qui casse tout..." Maintenant : clique tranquillement sur "tout mettre à jour" (Oui, j'ai vraiment ce niveau de confiance maintenant !)

Dev: “Ouais, mais le site va devenir hyper lent!” (son d'une claque qui retentit)
Pedro: “Tiens-moi ma bière, je te montre”

Mon record ? Un site e-commerce avec plus de 5000 produits, filtres complexes, système de réservation... et qui charge en moins de 2,78 secondes ! Le client n'en revenait pas. Son ancien site mettait 6 secondes à charger la page d'accueil...

Un support qui répond VRAIMENT (et rapidement)

Je me rappelle encore de ce vendredi soir où j'ai eu un bug bizarre (100% ma faute, j'avais fait n'importe quoi). Mail au support à 18h, réponse à 18h15 avec la solution. Franchement, chapeau !

On progresse à son rythme

C'est comme apprendre à conduire : on commence doucement sur le parking, et avant qu'on s'en rende compte, on fait des créneaux les yeux fermés ! (Bon ok, ne faites pas vraiment ça en voiture...)

Le plus fou dans tout ça ? Plus j'utilise Crocoblock, plus je découvre de nouvelles possibilités. C'est comme avoir un jouet qui devient plus cool chaque jour qui passe !

Comment j'ai appris à dompter Crocoblock - Guide du débutant

Oh là là, je me souviens encore de ma première fois avec Crocoblock... Disons que c'était... intéressant ! ???? Mais promis, je vais vous épargner mes (nombreuses) erreurs de débutant. Voici le guide que j'aurais aimé avoir à l'époque.

Créer votre premier type de contenu (sans paniquer)

Vous vous rappelez votre première fois sur un vélo ? Ben c'est pareil - un peu effrayant au début, mais après, ça roule tout seul !

1. D'abord, respirez un bon coup et installez JetEngine
2. Cherchez "JetEngine" dans le menu (oui, il est bien là, je vous jure !)
3. Cliquez sur "Types de publications" (ne vous inquiétez pas, on va y arriver)
4. "Nouveau CPT" - c'est le moment exciting !
5. Donnez-lui un nom cool (perso, j'ai commencé avec "Recettes de grand-mère" - longue histoire...)
6. Et maintenant, la partie fun : ajoutez tous les champs dont vous rêvez !

La magie du listing dynamique (ou comment j'ai impressionné mon premier client)

Alors ça, c'est le moment où vous allez vous sentir comme un vrai magicien :

1. Nouvelle page Elementor (jusque-là, ça va ?)
2. Trouvez le widget "Listing Grid" (il est là, quelque part...)
3. Glissez-le comme si vous saviez ce que vous faisiez
4. Sélectionnez votre type de contenu (celui qu'on vient de créer, vous suivez ?)
5. Créez un modèle qui déchire
6. Cliquez sur "Sauvegarder" et... TADAAA! ????

Les filtres de recherche (ma partie préférée)

C'est là que ça devient VRAIMENT fun :

1. Attrapez ce widget "Smart Filters" (comme si c'était le dernier cookie du paquet)
2. Choisissez vos filtres (soyez créatif, mais pas trop non plus au début)
3. Connectez tout ça à votre grille
4. Un peu de configuration par-ci par-là
5. AJAX? OH QUE OUI! (croyez-moi sur parole)

A lire : Quelles sont les conséquences d'un site WordPress mal maintenu ?

Personnaliser vos pages single

Maintenant, on passe aux choses sérieuses :

1. JetThemeBuilder, notre nouveau meilleur ami
2. Template "Single" (un peu comme sur Tinder, pour ceux qui ont la réf)
3. Sélectionnez votre type de contenu
4. Laissez parler votre créativité
5. Publiez et... vous êtes officiellement un pro ! ????

Conseil de quelqu'un qui a appris à la dure : Y allez doucement ! Rome ne s'est pas construite en un jour, et votre maîtrise de Crocoblock non plus. J'ai essayé de tout faire d'un coup au début... Grosse erreur ! (Et quelques cheveux blancs en plus...)

La première fois que j'ai réussi à tout faire marcher ensemble ? J'ai littéralement fait une danse de la victoire dans mon bureau. Mon chien m'a regardé bizarrement, mais hey, il ne comprend rien au développement web de toute façon !

Les meilleures chaînes Youtube pour se former:
https://www.youtube.com/@Crocoblock https://www.youtube.com/watch?v=d4DOiThTir0&list=PLgJeRQxEOJmrvEmHDn_B92u82IczqLCqE
https://www.youtube.com/watch?v=OlNyXXC88S0&list=PLTbrc9HXDstrLg449hcWQvx8kOXhjyovV

Les sites qui nous rendent fiers (et comment on les a créés)

Je dois vous faire une confidence : chaque fois qu'un nouveau client nous demande "Mais vous pouvez vraiment faire ça ?", je souris intérieurement. Parce qu'avec Crocoblock, la réponse est presque toujours "Bien sûr !". Laissez-moi vous montrer quelques-uns de nos bébés...

Furt-her.com : quand la blockchain rencontre le design

Je me gratte la tête Comment expliquer ce projet... Imaginez devoir rendre la blockchain sexy et compréhensible ! Notre cliente nous a regardés comme si on était fous quand on a dit "Pas de souci !".

Ce qu'on a fait (et dont je suis particulièrement fier) :

• Un système de contenu sur mesure avec JetEngine (les articles se mettent à jour tout seuls, comme par magie !)
• Une mise en page qui change selon le contenu (merci JetThemeBuilder !)
• Et mon petit préféré : des filtres qui permettent de trouver EXACTEMENT ce qu'on cherche

The Pizza Factory : l'histoire d'une refonte qui cartonne

Ah, celui-là... sourit en repensant au projet

Le propriétaire voulait "juste un site pour ses pizzas". On lui a livré une véritable machine de guerre :

• Un menu qui met l'eau à la bouche (et qui se met à jour en temps réel !)
• Un système de réservation qui marche même quand le resto est plein à craquer
• Et le tout est tellement fluide sur mobile que même ma grand-mère arrive à commander !

Tutosurexcel.com : notre petit génie des tableurs

Rire Celui-là, c'est notre fierté geek ! On devait transformer des tutos Excel en quelque chose de... cool. (Oui, vous avez bien lu : cool + Excel dans la même phrase !)

On a créé :

• Une bibliothèque où les tutos se rangent tous seuls (comme ma chambre d'ado... ou pas)
• Un système de navigation tellement intuitif qu'on s'y retrouve les yeux fermés
• Des filtres qui feraient pâlir Google de jalousie

Le plus drôle ? Quand les clients nous demandent "Mais comment vous faites tout ça ?", on répond juste "Crocoblock" avec un petit clin d'œil.

(Entre nous, il y a aussi pas mal de café et quelques crises de nerfs dans l'équation, mais ça, on ne le dit pas aux clients ! ????)

Les tarifs Crocoblock 2024 

Les formules d'abonnement

Custom (Formule personnalisée)

• 0$ + prix des plugins choisis
• Limite : 1 projet
• Support et mises à jour : 1 an
• Achat plugin par plugin (exemple : JetElements 43$, JetBlog 23$)

All-inclusive annuel

• 199$ /an
• Accès aux 21 JetPlugins
• Plus de 200 templates
• Limite : 1 projet
• Support et mises à jour pendant 1 an
• PRO Add-ons pour JetFormBuilder inclus

Freelance Lifetime

• 750$ (paiement unique)
• Tous les avantages de l'All-inclusive
• Limite : 500 projets
• Support, updates et templates à vie
• 21 JetPlugins inclus

Lifetime

• 999$ (paiement unique)
• La formule ultime sans limites
• Projets illimités
• Support et mises à jour à vie
• Accès à tous les templates (200+)
• Add-ons JetFormBuilder illimités
• Suite complète des 21 JetPlugins

Toutes les formules incluent :

• Support par ticket/Zoom
• Updates régulières
• Templates dynamiques et statiques
• L'ensemble des JetPlugins essentiels

Pro-tip : Crocoblock effectue de grosses réductions à chaque Black Friday!