CrocoBlock Review Meilleur service pour le coupon de réduction Elementor Page Builder

Dernièrement, il y avait plus d'un million d'installations actives du constructeur de pages Elementor. De plus en plus de gens aiment garder les choses simples tout en travaillant sur le contenu du site Web. Cela signifie que tout le monde a besoin des solutions qui permettent de travailler avec le site sans codage, et s'avèrent également utiles pour créer des projets plus complexes avec moins d'effort. CrocoBlock est exactement ce que vous recherchez lorsque vous travaillez sur de tels projets, surtout si vous utilisez Elementor.

Le service a déjà attiré l'attention des développeurs WordPress ainsi que des studios Web et des indépendants. Je ne pouvais pas non plus manquer une occasion de l'essayer, et j'ai été vraiment ravi de la combinaison de flexibilité et de fonctionnalités puissantes fournies par CrocoBlock .

Donc, si vous ne savez rien sur l'abonnement CrocoBlock, commençons par les choses générales qui caractérisent ce service.

Le service d'abonnement CrocoBlock comprend :

• +30 skins sur différents sujets conçus pour Elementor (blogging, comptabilité, agence, entreprise, etc.) ;
• plus de 1 000 sections préconçues ainsi que des fonctionnalités modulaires ;
• 10 plugins Jet fournissant toutes sortes de contenus et de fonctionnalités ;
• Assistance professionnelle 24h/24 et 7j/7 ;
• licence annuelle/à vie simple.

Avec tout ce package, vous serez en mesure de créer un site Web à partir de zéro, sans même transpirer. Voyons comment cela peut être fait, en supposant que vous ayez le constructeur de pages gratuit Elementor et la licence annuelle unique chez CrocoBlock.

Étape 1. Installation rapide

Juste après avoir acheté l'abonnement CrocoBlock, vous vous retrouvez dans la section Téléchargements accessible depuis la page de votre compte.

Ici, vous pouvez voir les trois options disponibles qui peuvent toutes deux vous guider tout au long du processus d'installation :

• Pack d'installation super facile - celui que vous utiliserez si vous souhaitez installer tous les produits CrocoBlock en même temps, y compris le thème Kava et l'ensemble de plugins Jet ainsi que le contenu de démonstration ;
• Pack d'installation facile - n'hésitez pas à utiliser ce pack pour installer les produits CrocoBlock et le thème Kava séparément, ou dans le cas où vous ne souhaitez pas utiliser le thème Kava pour le moment, et vous préférez opter pour un autre thème WordPress ;
• Jet Plugins Pack - utilisez ce package dans le cas où vous souhaitez installer des plugins Jet et utiliser les skins et les sections préconçues, mais vous n'êtes pas sûr d'utiliser autre chose.

J'ai décidé d'utiliser CrocoBlock Super Easy Installation Pack car je vais explorer toutes les fonctionnalités du service.

J'ai également préparé un site Web qui contient une installation propre de WordPress.

Le plugin JetThemeWizard m'a guidé à travers toutes les étapes d'installation en 2 minutes environ. J'ai ajouté la clé de licence et j'ai choisi d'utiliser le thème Kava Child.

Ensuite, j'ai sélectionné l'un des skins disponibles dans la liste des skins et cliqué sur le bouton Démarrer l'installation.

Configurer les plugins

Les plugins sont divisés en blocs Requis, Recommandé et Extra . J'ai décidé de tous les installer et j'ai cliqué sur le bouton Suivant. Il m'a fallu 38 secondes pour tout installer.

J'ai également sélectionné l'option Ajouter le contenu de démonstration au contenu existant et cliqué sur le bouton Suivant pour procéder à l'installation du contenu de démonstration.

Le contenu de démonstration a été installé en moins de 20 secondes . Cependant, le processus de régénération des vignettes a pris un certain temps.

Le temps d'installation moyen sur un site Web WordPress propre est d'environ 2 minutes, mais cela dépend également du serveur que vous utilisez et de la quantité de contenu que vous avez déjà sur votre site. S'il s'agissait d'un site en direct avec du contenu, je suppose que l'installation aurait pu prendre un peu plus de temps. Pourtant, j'ai toujours aimé le processus, c'est très facile.

Étape 2. Tableau de bord CrocoBlock

Maintenant que j'ai installé CrocoBlock, je peux le voir dans mon tableau de bord WordPress. C'est l'endroit naturel où l'on ira après l'installation, alors allons l'explorer d'un peu plus près.

Ici j'ai accès aux blocs suivants :

• Licence – le code de licence qui est actif sur mon site ;
• Plugins - à partir d'ici, je peux accéder à tous les plugins disponibles dans l'abonnement CrocoBlock, les installer, les désactiver et les mettre à jour chaque fois que j'en ai besoin ;
• Thème - le bloc où je peux mettre à jour le thème Kava et le sauvegarder ;
• Skins - ici, je peux sélectionner un autre skin au lieu de celui que j'utilise et l'installer;
• Paramètres - l'endroit pour accéder aux relations de localisation, à l'enregistrement des localisations, etc. ;
• Guide de l'utilisateur - ici vous pouvez trouver des liens vers la documentation, la base de connaissances et visionner les didacticiels vidéo sur les produits CrocoBlock.

J'ai décidé d'essayer de changer le skin en un autre, j'ai donc choisi le skin Dolcetti à utiliser et cliqué sur l'option Installer.

Comme ce skin nécessitait les mêmes plugins que ceux récemment installés sur mon site, j'ai sauté l'installation des plugins et cliqué sur le bouton Passer au contenu de démonstration.

Le processus d'installation de la peau n'a pas pris plus d'une minute. Les peaux peuvent être changées aussi rapidement. En fait, le processus ressemble à la façon dont CrocoBlock a été installé pour la première fois.

Étape 3. Modèles de partie de thème

Le plug-in JetThemeCore permet de travailler avec des modèles de partie de thème, tels que des sections, des en-têtes, des pieds de page, des archives et des pages de publication uniques.

Pour les localiser, vous devez accéder à CrocoBlock > Ma bibliothèque dans le tableau de bord WordPress .

Comme je l'ai déjà mentionné, j'ai défini l'un des skins, et il comprenait déjà des modèles d'en-tête et de pied de page.

Ces modèles sont situés dans les blocs d'en-tête et de pied de page et peuvent être modifiés avec le générateur de pages en direct Elementor .

Si vous souhaitez remplacer le modèle d'en-tête par un autre ou personnaliser son apparence, vous pouvez le faire à partir d'ici.

En outre, vous pouvez créer d'autres modèles d'en-tête et de pied de page assez différents et les affecter à différentes pages dans Paramètres > Bloc de conditions .

Pour accéder à la bibliothèque d'en-têtes, il faut cliquer sur Magic Button et sélectionner ici l'un des modèles d'en-tête disponibles, puis cliquer sur Insérer pour l'appliquer.

Après cela, allez simplement dans Paramètres> Bloc Conditions et sélectionnez la page ou un modèle pour lequel vous souhaitez appliquer un en-tête. Vous pouvez ajouter un nouveau pied de page et utiliser celui de la bibliothèque de modèles de la même manière.

Modèle de page d'archives

Les choses sont un peu plus compliquées lorsque vous souhaitez créer un modèle de page Archive. Pour ce faire, vous devrez accéder au bloc Archive dans les parties thématiques et créer un nouveau modèle d'archive.

Vous serez instantanément redirigé vers l'éditeur Elementor, où vous pourrez utiliser des widgets de contenu dynamique pour présenter les publications existantes sur votre site (messages personnalisés, produits, termes, etc.).

À l'avenir, les modèles d'archives prêts à l'emploi seront disponibles dans la bibliothèque Magic Button, mais ils ne sont pas disponibles pour le moment.

Soit dit en passant, dans le cas où vous souhaitez créer un type de publication personnalisé, ajouter une taxonomie supplémentaire personnalisée ou un champ méta avec le type de contenu nécessaire, cela peut être fait avec le plugin JetEngine qui est également inclus dans le package CrocoBlock.

Étape 4. Création d'un menu

Une fois que vous avez défini un en-tête, vous pouvez y ajouter un menu à l'aide du widget Nav Menu, du widget Hamburger Panel ou du plug-in JetMenu qui peut facilement vous aider à créer un méga menu vertical ou horizontal.

J'ai décidé de créer un méga menu horizontal et de l'utiliser dans mon en-tête. Pour ce faire, j'ai installé le plug-in à partir de CrocoBlock> Bloc Plugins , puis j'ai navigué vers Apparence> Menus pour vérifier mon menu principal.

Ici, je voulais ajouter un méga menu à l'élément À propos, alors je l'ai survolé, puis j'ai cliqué sur le bouton JetMenu pour ouvrir la fenêtre contextuelle Contenu.

J'ai activé l'option Mega Submenu , puis cliqué sur l'option Modifier le contenu de l'élément de menu Mega. Lorsque l'éditeur Elementor s'est ouvert, j'ai ajouté plusieurs colonnes, puis ajouté des widgets à placer dans mon mégamenu. Ensuite, j'ai simplement cliqué sur Mettre à jour pour enregistrer le modèle et revenir en arrière.

Ajouter un méga menu au modèle d'en-tête

Pour ce faire, il faut ouvrir CrocoBlock > Ma bibliothèque et ici commencer à éditer le modèle d'en-tête nécessaire.

Trouvons le widget Mega Menu dans la liste des widgets et déposons-le dans la section nécessaire. Ensuite, nous devons sélectionner un menu à utiliser, personnaliser son apparence dans le bloc Style - et nous sommes prêts à partir !

Au fait, pour prévisualiser l'élément de menu méga, vous pouvez simplement survoler l'élément de menu nécessaire où vous avez ajouté un méga menu !

En fait, vous pouvez non seulement ajouter des menus horizontaux à l'aide du plug- in JetMenu , mais également créer des menus verticaux avec des éléments de méga menu.

Le plugin JetMenu couvre définitivement tous les aspects qui peuvent intéresser lorsqu'il est nécessaire de créer un menu, et vous serez étonné de la facilité avec laquelle ce plugin peut être personnalisé. Le menu ajouté avec le plugin JetMenu est également réactif, et lorsque vous activez l'aperçu mobile, il apparaît sous la forme d'un hamburger soigné.

A lire aussi :

Liste des 12 meilleurs thèmes WordPress pour les meilleurs emplois

Meilleurs thèmes WordPress WooCommerce

Revue PremiumPress

Liste des 20 meilleurs thèmes WordPress pour le sport

Étape 5. Jet Addons pour Elementor

JetMenu n'est qu'une partie de l'énorme package de plugins Jet inclus dans CrocoBlock. Ces plugins étaient déjà populaires avant même le lancement du service. À l'heure actuelle, il est difficile d'ignorer la puissance qu'ils ajoutent à son site.

Comme je l'ai mentionné, certains d'entre eux sont requis lorsque vous installez le skin, les autres sont accessibles à partir du tableau de bord CrocoBlock. Regardons-les d'un peu plus près.

• JetElements

Ce plugin ajoute +30 nouveaux widgets pour Elementor, y compris SVG en ligne, bannières, portfolio, mises en page d'image, chronologie, etc. Chaque widget a de vastes paramètres de stylisation et, lorsqu'ils sont combinés, ils couvrent presque tous les types de contenu.

• JetBlog

Le plugin fournit 4 widgets de contenu dynamique différents pour afficher les publications dans des listes, des vignettes et des tickers de texte. Et il y a aussi un widget de liste de lecture vidéo.

• JetMenu

J'ai décrit comment vous pouvez utiliser ce widget pour créer un méga menu avec Elementor. Cependant, vous pouvez également l'utiliser pour styliser le menu du site Web ordinaire dans le cas où votre en-tête n'est pas construit avec le constructeur de pages Elementor.

• JetTabs

Ce plugin comprend des widgets qui aident à structurer le contenu en onglets attrayants et en blocs d'accordéon. Il permet de placer des modèles créés par Elementor dans des onglets verticaux et horizontaux, ce qui peut être très utile si vous souhaitez économiser de l'espace sur votre page.

• JetTricks

Le plugin ajoute des effets visuels et des animations à la section, aux colonnes et aux widgets construits par Elementor.

• JetBlocks

Avec ce plugin, vous pourrez ajouter des formulaires de connexion et de recherche, un panier WooCommerce et des éléments de panneau Hamburger à l'en-tête. Il permet également d'utiliser l'effet collant pour les sections. Cela peut être nécessaire dans le cas où vous souhaitez créer un en-tête collant.

• Avis Jet

Utilisez-le pour créer des blocs de révision élégants sur les pages construites avec Elementor.

Il existe également des plugins JetEngine , JetThemeCore et JetWooBuilder , mais la fonctionnalité qu'ils fournissent diffère légèrement des plugins décrits ci-dessus. Certains d'entre eux ont déjà été décrits, les autres seront mentionnés plus loin.

Étape 6. Pages de publication unique. Création d'une page d'archives

Supposons que nous devions également créer un type de publication personnalisé Projets pour présenter les projets sur notre site. Ou, peut-être, vous devez créer un type de publication Services ou ajouter un portefeuille avec plusieurs éléments. Dans tous les cas, vous pourrez créer ces types de publication personnalisés avec le plugin JetEngine .

Il vous aidera également à créer des taxonomies personnalisées et à travailler avec des modèles de publication et de terme personnalisés uniques, ainsi qu'à créer des mises en page de grille dynamiques. Ces mises en page sont utiles lorsque vous souhaitez ajouter un modèle d'archive avec vos publications ou termes personnalisés magnifiquement présentés dans la structure nécessaire.

Veuillez noter que pour ce faire, nous devrons d'abord installer et activer le plugin JetEngine .

Comment mettre en valeur vos projets ?

1. J'ai dû ajouter le type de publication Projets. Pour ce faire, j'ai navigué vers JetEngine > Types de publication et cliqué sur le bouton Ajouter nouveau.
2. Ensuite, j'ai rempli les informations générales sur mon type de publication personnalisé, telles que le titre et le slug, et modifié les paramètres de publication (j'ai défini l'icône de mon nouveau type de publication personnalisé et défini qu'il doit prendre en charge les blocs Titre, Éditeur et Vignette ; J'ai également ajouté plusieurs champs méta personnalisés).
3. Une fois les modifications enregistrées, j'ai repéré un nouvel élément dans mon tableau de bord appelé Projets avec l'icône que j'ai définie pour lui. J'ai ajouté plusieurs projets à l'aide de ce nouveau bloc de type de publication personnalisé, définissez les images miniatures à appliquer pour eux.
4. Ensuite, je suis retourné à JetEngine> Listings et j'ai créé une nouvelle liste en utilisant le type Posts. J'ai également défini le type de publication Projets comme ma source de publication nécessaire.
5. Après cela, j'ai ajouté plusieurs widgets Dynamic Field et le widget Dynamic Image à la page et sélectionné la source du contenu que je devais générer : le titre et le contenu des champs dynamiques et l'image miniature dans le widget Dynamic Image.
6. J'ai également ajouté un widget Dynamic Meta pour afficher la date de publication et l'auteur de mon modèle de publication personnalisé.

Le modèle que j'ai créé s'appliquait à tous les messages personnalisés de type Projets.

Après cela, j'ai créé un nouveau modèle de page Archive et y ai déposé le widget Listing Grid afin d'afficher les projets sous la forme d'une grille.

En fait, cela m'a pris moins de 5 minutes , cependant, je n'ai pas utilisé de taxonomies personnalisées pour catégoriser les projets et je n'ai pas ajouté de filtres plus complexes à ma disposition de grille.

Le plugin JetEngine a été ajouté récemment au package de plugins CrocoBlock, il est relativement nouveau et, à en juger par sa fonctionnalité, je pense qu'il obtiendra encore plus de fonctionnalités intéressantes à l'avenir. De tous les plugins Jet inclus dans le package CrocoBlock, je l'ai le plus aimé car il est unique à sa manière et il permet de travailler sur des projets plus complexes.

Étape 7. Quelques mots sur l'introduction de WooCommerce à Elementor

Si vous souhaitez créer une boutique en ligne avec Elementor et recherchez la meilleure façon d'aborder cette tâche, CrocoBlock peut vraiment vous aider à faire face à cette mission. Il comprend les modèles de page de produit unique préconçus ainsi que le puissant plug-in JetWooBuilder , qui fournit l'ensemble de 15 widgets de contenu dynamique pour afficher le contenu WooCommerce et le styliser sans CSS ni PHP.

Le plugin JetWooBuilder permet de :

• créer des modèles de page de produit unique WooCommerce ;
• ajouter des mises en page de produit et de taxonomie de produit ;
• affichez le contenu dynamique avec l'ensemble de widgets spéciaux spécialement conçus pour les produits WooCommerce.

Comme d'habitude, nous devons ajouter des produits WooCommerce au site avant de créer un nouveau modèle de page de produit. Pour ce faire, j'ai navigué vers Produits> Ajouter un nouveau dans mon tableau de bord WordPress et j'ai ajouté ici plusieurs produits avec des descriptions, des prix, une vignette, etc.

Ensuite, j'ai navigué vers le bloc WooCommerce> Modèles JetWoo et j'ai créé ici un nouveau modèle. Il est important de spécifier le produit sur lequel vous pourrez définir le modèle. Lorsque vous ajouterez des widgets WooCommerce dynamiques, ils extrairont les données nécessaires du produit que vous y avez défini, y compris l'image miniature, les avis, la note, le prix, etc.

Après cela, vous pouvez appliquer l'un des modèles préconçus disponibles pour les pages de produit unique (pour ce faire, cliquez simplement sur le bouton "Créer à partir d'un modèle préconçu" ), ou vous pouvez créer votre propre nouveau modèle (pour le faire, cliquez sur " bouton Ajouter un nouveau modèle »).

Lorsque Elementor Editor s'ouvre ici, vous verrez l'ensemble de widgets à utiliser pour la page Produit unique :

• Bouton Ajouter au panier
• Image unique
• Titre unique, etc.

Déposez-les simplement dans les colonnes et les sections nécessaires et personnalisez l'apparence de ces widgets à l'aide des paramètres de style. Créer une page de produit unique est aussi simple que cela.

Si vous devez définir le modèle nouvellement créé pour tous les produits que vous avez sur le site, vous pouvez le faire dans WooCommerce > bloc Paramètres. Ici, vous devez cliquer sur l'onglet JetWooBuilder et accéder aux paramètres de condition du modèle de produit unique.

Essayez les widgets

Vous pouvez maintenant ajouter la grille ou les vignettes des produits à la page d'accueil , ou afficher la disposition des catégories de produits sur votre page Boutique avec l'un des widgets de disposition. Il y en a 4 :

• Grille des catégories ;
• Liste de produits;
• Grille Produits ;
• Tuiles de taxonomie.

Chaque widget a des paramètres de commande et de requête ainsi que des paramètres de style robustes. Ils sont vraiment faciles à utiliser. Choisissez simplement le widget que vous aimez le plus et déposez-le à l'endroit souhaité à l'aide d'Elementor. C'est tout ce que vous devez faire pour les utiliser.

Résumé : CrocoBlock examine le meilleur service pour le coupon de réduction Elementor Page Builder

Le service d'abonnement CrocoBlock ne se limite pas aux produits de qualité qu'il fournit. Le service les maintient également à jour et se développe constamment, ajoutant encore plus de nouvelles fonctionnalités à celles existantes. Vous recevez automatiquement les mises à jour (y compris les nouveaux plugins Jet). Il en va de même pour les nouveaux skins, qui sortent chaque semaine.

Le service CrocoBlock dispose également d'une équipe d'assistance qualifiée qui est toujours prête à vous aider, et dans le cas où vous n'êtes pas sûr de sa fonctionnalité ou avez des questions, vous pouvez contacter l'équipe directement sur Facebook ou via le chat de prévente.

Lorsque vous commencerez à tester CrocoBlock, vous penserez probablement que tout tourne autour des plugins pour Elementor. Mais, à vrai dire, CrocoBlock représente l'ensemble complet des produits nécessaires à la création d'un site Web sur Elementor . Il vaut la peine d'être pris en compte aussi bien par les débutants que par les développeurs Web. Et chaque produit qui y est inclus a sa place et son objectif uniques.

Le service d'abonnement CrocoBlock a totalement changé le concept de création de sites Web. Il a tout couvert, et c'est ce que tout le monde aime le plus.