👉 Dans ce post, nous fournirons un examen complet d’Otter Blocks de ses principales fonctionnalités, de sa facilité d’utilisation et de sa tarification. Commençons!
Une introduction aux blocs Otter
L’éditeur de blocs WordPress est conçu pour les débutants afin de créer du contenu en ligne. Vous pourrez ajouter du texte, des médias, des éléments de thème et des fonctionnalités de conception à l’aide d’un système basé sur des blocs. Toutefois, vous ne trouverez peut-être pas toutes les fonctionnalités dont vous avez besoin.
C’est là qu’intervient Otter Blocks. En installant ce plugin, vous étendez l’éditeur de blocs par défaut avec de nouveaux blocs, des CSS personnalisés, des animations, des conditions de visibilité des blocs, et bien plus :
Alors que vous puissiez employer un constructeur de pages comme Beaver Builder pour concevoir vos pages WordPress, vous devrez apprendre une toute nouvelle interface. De plus, les plugins de réalisation de pages ajoutent du poids à la page, ce qui a la capacité de ralentir votre site WordPress.
Avec Otter Blocks, vous pouvez continuer à employer l’éditeur de blocs familier et ajouter simplement de nouvelles fonctionnalités.
Revue Otter Blocks : un aperçu de cinq fonctionnalités clés
Pour vous aider à décider si ce plugin vous sera utile, plongeons dans notre revue Otter Blocks !
Pour commencer, 🏁 nous allons jeter un œil à cinq des nouveaux outils les plus utiles que vous obtenez quand vous utilisez Otter Blocks :
1. Blocs disponibles
L’une des principales raisons d’installer Otter Blocks est qu’il ajoute de nouveaux blocs à Gutenberg. Bien qu’il y a plusieurs de nombreux blocs par défaut parmi lesquels choisir, vous aurez peut-être besoin de fonctionnalités et de fonctionnalités supplémentaires.
Après avoir activé Otter Blocks, il installera plus de 30 nouveaux blocs. Voici quelques-unes des fonctionnalités qui seront ajoutées à votre éditeur de blocs :
Rubrique avancée Bouton Ajouter au panier Messages Groupe de boutons Onglets Icônes de partage Témoignage Cartes
Pour trouver ces options, ouvrez votre liste de blocs et faites défiler jusqu’à la section Otter. Ici, vous découvrirez de nombreuses nouvelles façons de personnaliser vos pages et publications :
Par exemple, vous pouvez ajouter un compte à rebours à un événement à venir. Sans Otter Blocks, vous devrez installer un plugin tiers. Toutefois, à la place, vous pouvez simplement insérer le bloc Countdown :
Ensuite, vous pourrez personnaliser les paramètres de blocage avec une date et une heure de fin. Vous pouvez aussi la couleur, les dimensions, la typographie et la bordure :
En fin de compte, Otter Blocks fournit un ensemble d’outils étendu pour contrôler l’apparence et les fonctionnalités de votre site Web. Il vous permet d’ajouter et de personnaliser des fenêtres contextuelles, des curseurs, des formulaires, des critiques de produits et bien plus encore.
2. Bibliothèque de modèles de blocs
Vous pouvez rationaliser le processus de conception à l’aide de modèles de blocs. Ce sont des collections de blocs préconçues pour assembler rapidement des pages. WordPress est déjà livré avec un éventail de ceux-ci, mais ils peuvent ne pas couvrir le style précis que vous avez en tête.
Toutefois, Otter Blocks fournit une nouvelle bibliothèque de modèles avec de belles mises en page pour toutes les sections de votre site Web. En un seul clic, vous pouvez implémenter instantanément de nouveaux en-têtes, pieds de page, boîtes d’auteur, formulaires de contact, etc. :
Une fois que vous avez trouvé un motif que vous aimez, vous pouvez mettre à jour la mise en page, la structure et le style. Pour être sûr qu’il est réactif, Otter Blocks propose aussi des moyens de personnaliser les paramètres mobiles :
Ensuite, cliquez sur des éléments spécifiques pour les . Vous utiliserez la fonctionnalité standard de l’éditeur de blocs pour mettre à jour le texte, les médias, les boutons et tout autre élément :
Vous pouvez répéter ce processus d’édition avec n’importe quel motif Otter Blocks. Il peut vous aider à configurer rapidement des images de héros, des témoignages, des galeries, des boîtes de tarification et des appels à l’action.
3. Animations
Si vous voulez que votre site soit plus attrayant, pensez à ajouter des animations. Souvent, le contenu mobile peut être plus interactif que les médias ou le texte statiques. Heureusement, Otter Blocks contient une variété d’animations.
Avant toute chose, sélectionnez un bloc pour ouvrir ses paramètres. Ensuite, faites défiler jusqu’à la section Animations. Ici, vous verrez des options pour charger, compter et taper des animations :
La première option vous procurera différentes façons de charger votre contenu. Otter Blocks prend en charge le rebond, le fondu, le retournement, la rotation, le glissement, le zoom, le roulement, etc. Une fois que vous avez choisi une animation, elle jouera automatiquement :
Vous pouvez aussi personnaliser la vitesse d’animation par défaut et définir un délai en cas de besoin. Pour voir ces résultats, appuyez sur Rejouer l’animation.
Si vous souhaitez mettre en évidence un nombre sur votre site Web, vous pouvez ajouter une animation de comptage. Quand les utilisateurs visitent votre site Web, ils voient le nombre croissant de clients, de membres ou d’autres statistiques impressionnantes :
Dans Otter Blocks, sélectionnez le nombre que vous souhaitez mettre en valeur. Ensuite, recherchez l’option Count Animation dans la barre d’outils :
Alternativement, vous pouvez ajouter du texte animé. Vous aurez simplement besoin de trouver le paramètre Typing Animation :
Une fois que vous avez enregistré vos modifications, les visiteurs verront une saisie animée pour le texte sélectionné. Cela peut attirer leur attention sur une partie précis de votre site :
Lorsqu’elles sont utilisées correctement, ces animations peuvent rendre votre site Web unique, engageant et convivial !
4. Paramètres avancés (CSS, conditions de visibilité et contenu dynamique)
Ensuite, dans notre revue Otter Blocks, examinons certaines des fonctionnalités les plus avancées offertes par Otter Blocks pour le CSS personnalisé, les conditions de visibilité des blocs et l’insertion de contenu dynamique.
CSS personnalisé
L’utilisation de CSS (feuilles de style en cascade) vous permet de mettre à jour l’apparence de votre site Web WordPress. Alors que cela nécessite parfois de des fichiers, Otter Blocks vous permet d’ajouter du CSS personnalisé directement dans l’éditeur de blocs.
Ajoutez un bloc et faites défiler jusqu’aux paramètres CSS personnalisés dans la barre latérale pour ce faire.
En saisissant le code dans la case, vous pourrez les propriétés du bloc :
Conditions de visibilité
De plus, si vous gérez un site d’adhésion, certains contenus doivent être limités aux utilisateurs enregistrés. Otter Blocks a aussi des conditions de visibilité pour créer ces groupes de règles :
Vous pouvez aussi limiter la visibilité des blocs à une date ou à une plage horaire précis. Si vous exploitez une boutique en ligne, vous pourrez définir des règles basées sur les conditions du panier ou l’historique des achats.
Contenu dynamique
De plus, avec le plugin Otter Blocks, taper « % » dans l’éditeur de blocs vous permettra d’insérer des valeurs dynamiques. Ils peuvent importer des informations telles que le titre du message, la date, l’heure, le contenu, etc. :
Après avoir sélectionné l’une de ces valeurs, cliquez sur le nouveau contenu dynamique. Modifiez ensuite le type et le format des informations :
Une fois que vous sélectionnez un autre bloc, vous verrez un aperçu en direct de la valeur dynamique.
5. Intégrations
En qualité de propriétaire de magasin, il est important de vous assurer que vos outils tiers fonctionnent de manière transparente avec WooCommerce. Otter Blocks Pro dispose d’un WooCommerce Builder intégré, que vous pouvez employer pour créer des pages de produits personnalisées.
Pour commencer à intégrer ces outils, sélectionnez l’un de vos produits et cliquez sur Activer WooCommerce Builder :
Ensuite, vous verrez un écran d’édition similaire à l’éditeur de blocs. En haut, vous pouvez commencer à ajouter des blocs pour personnaliser votre page de vente. Vous aurez une nouvelle sélection de blocs spécifiquement pour les produits WooCommerce :
Vous pourrez aussi mettre à jour les informations produit telles que l’inventaire, l’expédition et les ventes incitatives. De cette façon, tous les blocs présentent les informations correctes quand vous publiez la page :
De plus, Otter Blocks s’intègre bien aux outils de marketing par e-mail. Après avoir inséré un formulaire de contact ou d’inscription, vous pouvez choisir votre fournisseur préféré (par exemple, Mailchimp, Sendinblue) et commencer à collecter des e-mails.
Plus important encore, le plugin Otter Blocks a été conçu pour étendre l’éditeur de blocs sans effort. Cela signifie que cela n’aura pas d’incidence sur la fonctionnalité par défaut de Gutenberg.
Otter Blocks facilité d’utilisation
Otter Blocks devrait être incroyablement facile à employer 🤩 si vous connaissez le fonctionnement de l’éditeur de blocs. Il est basé sur le même système basé sur des blocs et ajoute simplement des éléments supplémentaires à Gutenberg.
Une fois que vous avez ouvert un nouvel article ou une nouvelle page, vous pouvez démarrer le processus de conception en ajoutant un modèle de bloc pertinent. Il y a plusieurs de nombreuses options intégrées à WordPress, mais Otter Blocks fournit des mises en page uniques pour une variété de contenus.
Pour employer un motif prédéfini, cliquez dessus. Ensuite, il apparaîtra dans l’éditeur de blocs :
Otter Blocks facilite aussi l’ajout de fonctionnalités telles que les formulaires de contact, les tableaux de tarification et les cartes. Il étend les choix par défaut de WordPress pour éviter d’employer un autre plugin tiers ou un codage personnalisé :
De plus, Otter Blocks propose de nombreuses animations, intégrations et paramètres avancés qui en font un choix pratique pour les utilisateurs chevronnés de WordPress. Quel que soit votre niveau d’expérience, vous pouvez employer ce plugin pour répondre à vos besoins de conception.
Tarification des blocs Otter
La prochaine étape de notre revue Otter Blocks est ce que beaucoup d’entre vous se demandent certainement – combien cela coûte-t-il ?
Eh bien, heureusement pour vous, car Otter Blocks fournit une version gratuite de son plugin dans le répertoire des plugins WordPress.org. Il comprend plus de 30 blocs. Vous aurez aussi le contrôle sur les couleurs, les animations et la typographie.
Toutefois, si vous avez besoin de blocs supplémentaires, la version premium d’Otter Blocks déverrouille davantage d’options. Ceux-ci incluent des boutons d’ajout au panier, des informations sur les heures d’ouverture et des avis sur les produits.
L’une des fonctionnalités les plus importantes d’Otter Blocks Pro est sa bibliothèque de modèles de blocs. Il contient des mises en page prédéfinies pour les en-têtes, les pieds de page et de nombreuses autres zones de votre site Web :
💸 Si vous souhaitez acheter Otter Blocks, les préparatifs premium commencent à 39 $ par an.
Avec uniquement le plan personnel, vous pourrez employer le générateur de produits WooCommerce, le contenu dynamique et le générateur de blocs contextuels amélioré.
Revue Otter Blocks : Avantages et inconvénients
Si vous aimez employer l’éditeur de blocs WordPress par défaut mais que vous avez besoin de fonctionnalités et de fonctionnalités supplémentaires, le plugin Otter Blocks peut être un outil efficace. Avec plus de 30 blocs supplémentaires et des modèles prédéfinis, Otter Blocks facilite la conception de divers types de contenu.
Les utilisateurs WordPress plus avancés peuvent aussi bénéficier de CSS personnalisés, bloquer les conditions de visibilité et la possibilité d’insérer du contenu dynamique.
Toutefois, gardez à l’esprit qu’Otter Blocks est toujours basé sur l’éditeur de blocs WordPress natif, il ne peut donc pas vous offrir une flexibilité de conception 100 % visuelle, par glisser-déposer, comme vous pourriez l’obtenir avec un plugin de réalisation de page. D’un autre côté, rappelez-vous que les plugins de réalisation de pages présentent aussi des inconvénients, notamment en termes de performances.
🧐 Réflexions finales sur notre revue Otter Blocks
Alors que l’éditeur de blocs WordPress natif fournisse de nombreux blocs de conception, vous aurez peut-être besoin de fonctionnalités et de fonctionnalités supplémentaires pour votre site Web. Alors que vous puissiez installer un plugin de réalisation de page, vous ne voudrez peut-être pas apprendre à employer une nouvelle interface de glisser-déposer.
👉 Dans notre revue Otter Blocks, nous avons conclu qu’il s’intègre bien à l’éditeur de blocs en ajoutant de nouveaux blocs, motifs, animations et bien plus encore. Cela peut être une option efficace pour les débutants qui cherchent à étendre la fonctionnalité WordPress par défaut.
Avez-vous des questions sur notre examen d’Otter Blocks ou si Otter Blocks est le bon outil pour votre site Web ? Demandez-nous dans la section commentaires ci-dessous!
Vous cherchez un webmaster pour la réalisation de votre site Commerce en ligne ? faites un devis gratuit sans engagement en suivant ce lien
