Breakdance Page Builder : La solution ultime pour une conception de site Web sans effort

Publié: 2023-01-31
Constructeur de pages de breakdance
Suivez @Cloudways

Que vous soyez propriétaire d'une petite entreprise, blogueur ou simplement quelqu'un qui cherche à créer un site Web personnel, Breakdance Page Builder a tout ce dont vous avez besoin pour commencer. Grâce à sa conception conviviale, vous n'avez pas besoin d'être un expert en conception de sites Web pour créer un site Web époustouflant.

Breakdance Page Builder aide les utilisateurs à créer facilement des sites Web d'aspect professionnel avec un minimum d'effort. Lisons cet article pour en savoir plus sur ses fonctionnalités, ses tarifs, sa configuration système requise, ses performances, etc.

  • Présentation du créateur de site Web de breakdance
  • Fonctionnalités du créateur de site Web de breakdance
  • Tarification du créateur de site Web de breakdance
  • Conditions requises pour créer un site Web de breakdance
  • Comment installer le créateur de site Web Breakdance
  • Comment fonctionne le créateur de site Web Breakdance
  • Compatibilité et performances de breakdance
  • Comparaison des constructeurs de sites Web de breakdance
  • Avantages et inconvénients du créateur de site Web de breakdance

Présentation du créateur de site Web de breakdance

Breakdance est un constructeur de pages WordPress doté d'une interface conviviale par glisser-déposer qui facilite la création de pages avec l'édition complète du site. Il comprend une large gamme de modèles personnalisables, permettant de créer des sites Web uniques et attrayants qui répondent aux besoins et au style spécifiques de l'utilisateur.

Il possède sa propre bibliothèque de conception, des styles globaux, des données dynamiques et des conditions. De plus, il est réactif, garantissant que les sites Web ont fière allure sur n'importe quel appareil. L'équipe derrière Breakdance continue de proposer de nouveaux changements et améliorations, afin que vous restiez toujours à jour avec les derniers éléments.

Fonctionnalités du créateur de site Web de breakdance

Breakdance est un outil riche en fonctionnalités et incontournable pour les développeurs et les agences pour créer des sites Web WordPress. Breakdance peut développer instantanément des sites Web avec une interface utilisateur intuitive et plus de 120 éléments.

Jetons un coup d'œil aux fonctionnalités de base du constructeur de pages Breakdance WordPress.

Éléments de la boutique WooCommerce

Breakdance prend en charge les éléments essentiels de la boutique WooCommerce et est le constructeur visuel le plus simple que vous ayez jamais utilisé. Il propose plus de 20 éléments WooCommerce pour personnaliser chaque partie de votre boutique.

Certains éléments tels que le bouton du panier de produit , la description du produit , les images du produit et le prix du produit font partie des éléments Breakdance WooCommerce.

De plus, vous pouvez créer des pages WooCommerce telles que la page du panier , la page de paiement , la page du compte , la page de la boutique et la page de suivi des commandes avec la fonctionnalité glisser-déposer.

Éléments de la boutique WooCommerce - Breakdance

Plus de 100 éléments premium

Breakdance propose plus de 120 éléments Premium qui vous aident à créer votre site en moins de temps. Ces éléments Premium sont basés sur sept catégories, à savoir, Basic , Blocks , Site , Advanced , Dynamic , Forms et WooCommerce .

Édition complète du site

Breakdance vous permet de concevoir visuellement chaque partie de votre site Web à l'aide d'en-têtes, de pieds de page et de modèles. Vous pouvez contrôler la conception des articles de votre blog , des archives , des résultats de recherche , des produits WooCommerce , des pages de la boutique , des pages 404 et de tout type d' article personnalisé .

Édition complète du site - Breakdance
Générateur de formulaires

Les formulaires sont une partie essentielle de votre site qui vous aide à générer des prospects et à vous connecter avec vos clients via le formulaire de contact et un formulaire de paiement pour recevoir des commandes.

Avec Breakdance, vous pouvez créer tous les types de formulaires comme vous le souhaitez. Que vous fassiez un formulaire de contact, de connexion et d'inscription, tout est possible avec Breakdance.

Générateur de formulaires - Breakdance

Générateur d'en-tête et de menu

Les en-têtes et les menus des sites Web sont les navigateurs qui dirigent votre visiteur au bon endroit. Parfois, vous devez rendre la barre de menu collante pour la rendre visible sur toute la page de destination.

Vous pouvez créer des menus réactifs simples, déroulants et méga avec Breakdance. En ce qui concerne les en-têtes, vous pouvez également créer différents types d'en-têtes tels que Sticky, Overlays, Mini Cart, etc.

Créateur d'en-tête et de menu - Breakdance

Styles globaux

Dans un générateur de pages, les paramètres et éléments globaux font référence à des fonctionnalités qui peuvent être appliquées ou insérées sur plusieurs pages ou sections d'un site Web. Les paramètres globaux peuvent inclure des styles de police, des schémas de couleurs et des options de mise en page qui peuvent être définis une seule fois et appliqués sur l'ensemble du site.

Les éléments, tels que les en-têtes, les pieds de page et les boutons, peuvent également être désignés comme globaux, ce qui leur permet d'être facilement ajoutés à plusieurs pages sans avoir à les recréer à chaque fois. Cela permet de gagner du temps et d'assurer la cohérence sur l'ensemble du site.

Breakdance Website Builder est livré avec des fonctionnalités intégrées de styles globaux afin que vous puissiez apporter les modifications à un seul endroit qui s'appliqueront à l'ensemble du site.

Performances et référencement

Les performances et le référencement peuvent être affectés par les constructeurs de pages, qui peuvent ajouter du code ou des scripts supplémentaires au site Web, ce qui peut ralentir les temps de chargement des pages. Choisir un constructeur réputé et bien codé avec un plugin de mise en cache ou un réseau de diffusion de contenu (CDN) est essentiel.

Breakdance affirme que l'outil est entièrement compatible avec tous les CDN. Il met en cache tous les CSS statiques chaque fois que vous enregistrez votre page. En outre, il optimise les images en utilisant la fonctionnalité img srcset et tailles intégrée à WordPress. L'attribut srcset permet à votre site d'utiliser et d'afficher automatiquement la bonne image en fonction de la taille de l'écran d'un appareil. Après la sortie de la version 4.4, WordPress ajoute automatiquement un attribut srcset à toutes les balises d'image.

Performance & SEO - Breakdance

Bibliothèque de conception

Breakdance dispose également d'une bibliothèque de conception à partir de laquelle vous pouvez choisir des modèles que vous pouvez personnaliser avec le générateur de conception sans code de Breakdance. Les modèles sont entièrement réactifs et conçus par des professionnels, et vous pouvez importer ces modèles en un seul clic.

Bibliothèque de conception - Breakdance

Tarification du créateur de site Web de breakdance

Breakdance Builder est un plugin freemium , mais il a une version Pro avec des fonctionnalités supplémentaires. La version gratuite peut créer le site Web, mais la version pro inclut le support Premium . De plus, Breakdance vous offre une garantie de remboursement de 60 jours .

Comme Breakdance se concentre sur les agences et les développeurs , vous laissez donc vos clients l'utiliser directement. Sinon, vous pouvez activer le "mode client", permettant à votre client de modifier le texte et de modifier les images sans affecter la conception.

Breakdance offre 349 $ par an , mais leur offre limitée vous permet d'économiser 200 $ par an car le prix réduit est de 149 $/an .

Tarification du créateur de site Web de breakdance

Conditions requises pour créer un site Web de breakdance

Le constructeur de pages Breakdance WordPress ne mentionne pas de telles exigences, mais je recommande de l'utiliser sur la dernière version de WordPress, c'est-à-dire la 6.1. Si vous utilisez une ancienne version (comme la 4.5) de WordPress, vous aurez peut-être besoin d'aide avec le constructeur.

Supposons que vous utilisiez déjà un constructeur de page comme Oxygen ou Divi. Dans ce cas, il est recommandé d'utiliser le nouveau constructeur sur la mise en scène WordPress, afin que votre site Web actuel ne soit pas affecté par les modifications.

Essayez WordPress 6.x et PHP 8.x mis à jour pour des performances plus rapides.

Cloudways vous propose des versions WordPress et PHP mises à jour, afin que vous puissiez profiter d'une expérience transparente en travaillant avec le constructeur de pages Breakdance.

Essayez 3 jours gratuitement !

Comment installer le créateur de site Web Breakdance

L'installation du constructeur de site Web Breakdance est rapide et facile. Il vous suffit de suivre les étapes pour l'installer. Voyons comment vous pouvez faire cela.

  • Tout d'abord, visitez le site Breakdance pour télécharger le plugin ;
  • Cliquez sur le bouton Get Breakdance Free .

Obtenez le breakdance gratuitement

  • Vous serez redirigé vers l'écran suivant, où vous pourrez voir la Breakdance Free Edition ;
  • Maintenant, cliquez sur le bouton Télécharger Breakdance Free .

Télécharger Breakdance Gratuit

  • Un fichier zip de Breakdance sera téléchargé sur votre système.

Fichier zip de breakdance

  • Ensuite, connectez-vous à votre site Web WordPress ;
  • Allez dans Tableau de bord WordPress → Plugin → Ajouter nouveau ;
  • Cliquez sur le bouton Télécharger le plugin ;
  • Sélectionnez le fichier zip Breakdance sur votre système en cliquant sur le bouton Choisir un fichier .

Installer Breakdance

  • Maintenant, cliquez sur le bouton Installer ;
  • Cliquez sur le bouton Activer après avoir installé le plugin.

Activer le breakdance

  • Le plugin Breakdance est maintenant activé et vous pouvez voir le nouvel onglet nommé Breakdance sur le tableau de bord WordPress de gauche.
  • Une autre chose à considérer dans Breakdance Setup Wizard est la configuration du thème et de la clé de licence . Il vous donnera deux choix : Désactiver le thème et Conserver le thème.

Assistant de configuration de breakdance

  • Pourquoi désactiver le thème ? Lorsque vous utilisez Breakdance, vous concevez l'ensemble de votre site. Cela signifie que vous contrôlez entièrement vos en-têtes, pieds de page, pages, pages d'archives et types de publication personnalisés.
  • La désactivation de votre thème élimine la possibilité de gonflement du thème.

Breakdance sur la barre d'administration WP

Breakdance Website Builder est installé et activé avec succès sur votre site WordPress. Maintenant, il est temps de voir comment fonctionne Breakdance dans les prochaines étapes.

Comment fonctionne le créateur de site Web Breakdance

Breakdance Website Builder a une expérience d'édition conviviale - composée de quatre parties :

  • Panneau de structure de droite : le panneau de structure contient la navigation des éléments utilisés dans le site Web pour faciliter l'apprentissage de votre structure de conception par les utilisateurs.

Panneau de structure de droite - Brakdance

  • Panneau d'éléments de gauche : Breakdance contient plus de 120 éléments qui vous aident à créer votre site. Vous pouvez faire glisser et déposer n'importe quel élément de votre site à partir du panneau de gauche et rechercher un élément spécifique. Ici, vous pouvez également voir le bouton Bibliothèque pour ajouter les modèles et les sessions de la bibliothèque.

Panneau des éléments de gauche - Breakdance

  • Panneau de canevas central : vous pouvez placer les éléments de conception au centre et modifier votre site. Breakdance n'offre pas d'option de réglage pour définir la mise en page. Lors de l'édition d'une nouvelle page avec Breakdance (sans barre latérale), vous aurez toujours une toile vierge.

Panneau central en toile - Breakdance

  • Barre supérieure : la barre de menus supérieure vous permet de sélectionner la page, de modifier le mode réactif, de rétablir et d'annuler les modifications et d'enregistrer les modifications. Il dispose également d'une option Paramètres globaux et historique une fois que vous avez cliqué sur les trois points juste avant le bouton Enregistrer.

Barre supérieure - Breakdance

Compatibilité et performances de breakdance

J'ai décidé de tester le builder Breakdance sur l'hébergement Cloudways pour tester sa compatibilité et ses performances.

Ressources que j'ai utilisées :

Nom spécification
Serveur Cloudways Digital Ocean – Premium
Emplacement du centre de données Londres, Royaume-Uni)
RAM 2 Go
Disque SSD 50 Go NVMe
Transfert de bande passante 2 To
Processeur 1 noyau
Système opérateur Débian 9
NGINX 1.21.3
Vernis 6.0.7
Brise 2.0.14
apache 2.4.54 (Debian)
Base de données MariaDB 10.6
PHP 8.1

Si vous voulez savoir quel serveur a quelles fonctionnalités sur Cloudways, vous pouvez le voir en utilisant le calculateur d'économies d'hébergement Web. Vous pouvez également voir la comparaison détaillée de Cloudways par rapport aux autres pour savoir combien vous économisez avec Cloudways.

J'ai créé un site Web à l'aide de Breakdance Website Builder, puis je l'ai testé sur trois outils de test de vitesse différents, à savoir GTMetrix, Pingdom et PageSpeed ​​Insights. Vous pouvez voir les résultats ci-dessous.

GTMetrix

https://gtmetrix.com/reports/wordpress-914458-3173897.cloudwaysapps.com/bp71M16z/

Scores des résultats des tests GTMetrix - Breakdance

Résultat du test GTMetrix - Breakdance

Pingdom

https://tools.pingdom.com/#616fbdff18800000

Résultat du test Pingdom - Breakdance

Informations sur la vitesse de la page

https://pagespeed.web.dev/report?url=https%3A%2F%2Fwordpress-914458-3173897.cloudwaysapps.com%2Findex.php%2Findex%2F&form_factor=desktop

Résultat du test PageSpeed ​​Insights - Breakdance

Les résultats indiquent clairement qu'un site Web construit avec Breakdance et hébergé sur Cloudways fonctionne incroyablement bien.

Comparaison des constructeurs de sites Web de breakdance

Breakdance Website Builder est souvent comparé à Elementor car les deux sont des plates-formes de création de sites Web. Breakdance est un acteur relativement nouveau sur le marché, alors qu'Elementor existe depuis un certain temps et a une large base d'utilisateurs.

Elementor offre une gamme plus large de fonctionnalités et d'intégrations tierces, tandis que Breakdance se concentre sur la facilité d'utilisation et la convivialité. En fin de compte, le choix entre les deux dépendra des besoins et des préférences spécifiques de l'utilisateur.

Voyons la comparaison directe entre Breakdance Website Builder et Elementor :

Breakdance Élémentaire
Modèles Options limitées Plus grande bibliothèque de modèles
Vitesse des pages
Temps de chargement des pages rapides Peut parfois ralentir
Prix À partir de 149 $ / an pour des sites Web illimités À partir de 59 $/an pour 1 site Web
Intégrations Options limitées Intégrations tierces populaires
Soutien Tickets d'assistance, groupe Facebook et documentation Chat en direct 24h/24, 7j/7, base de connaissances et groupe Facebook

Avantages et inconvénients du créateur de site Web de breakdance

Avantages du créateur de site Web Breakdance

  • Interface conviviale : la fonctionnalité de glisser-déposer et les modèles prédéfinis permettent aux utilisateurs de créer et de concevoir facilement un site Web, même s'ils n'ont aucune expérience en matière de codage.
  • Options de personnalisation : les utilisateurs peuvent ajouter leur texte, leurs images et d'autres éléments au site Web, ainsi que choisir parmi une variété de modèles pour créer une apparence unique pour leur site Web.
  • Facilité d'utilisation : le créateur de site Web est conçu pour être facile à utiliser, afin que les utilisateurs puissent créer rapidement et facilement un site Web sans passer beaucoup de temps à apprendre à coder.
  • Abordabilité : Breakdance est plus abordable que l'embauche d'un concepteur de sites Web pour créer un site Web à partir de zéro.

Inconvénients du créateur de site Web Breakdance

  • Options de conception limitées : bien que les utilisateurs puissent personnaliser l'apparence de leur site Web, les options peuvent être limitées par rapport à l'embauche d'un concepteur Web professionnel.
  • Manque de contrôle sur le code : les utilisateurs peuvent avoir besoin d'un contrôle total sur le code de leur site Web, ce qui peut limiter leur capacité à effectuer des personnalisations spécifiques ou à mettre en œuvre certaines fonctionnalités.
  • Évolutivité limitée : les créateurs de sites Web peuvent avoir besoin d'aide pour gérer de grandes quantités de trafic ou des fonctionnalités complexes, ce qui peut limiter la croissance d'un site Web.
  • Dépendance vis-à-vis de la plate-forme : les utilisateurs peuvent perdre leur site Web si le créateur du site Web fait faillite ou interrompt son service.

Résumé

Breakdance Page Builder est une excellente option pour les petites entreprises ou les particuliers avec un budget limité qui souhaitent créer un site Web professionnel rapidement et facilement. Il fonctionne bien et est compatible avec différents outils.

L'interface glisser-déposer, la conception réactive et la bibliothèque de widgets le rendent plus convivial et facile à utiliser, tandis que le prix abordable est un plus. De plus, il est compatible avec WooCommerce, ce qui peut vous aider à créer facilement vos boutiques en ligne.