Comment utiliser Oxygen Page Builder avec WordPress en 2021 [Guide facile]

Alors que l'édition de sites Web était inséparablement associée au codage et aux esprits techniques, des outils comme le constructeur de pages Oxygen ont transformé le jeu. Oxygen permet à l'utilisateur de modifier l'ensemble de son site Web avec des fonctionnalités intelligentes, sans avoir à gérer une seule ligne de code.

Avec Oxygen, les non-programmeurs peuvent développer et créer des sites Web en éliminant tous les obstacles de conception. Le processus est simple et transparent, même pour un débutant, et ses conceptions sont créatives et intelligentes. Pas étonnant que le constructeur de pages Oxygen soit déjà devenu le premier choix de nombreux designers du monde entier.

Qu'est-ce qu'Oxygen Page Builder ?

Le générateur Oxygen n'est pas limité à la définition d'un générateur de page ou d'un générateur de thème. Il doit être considéré comme un outil hybride qui permet à l'utilisateur d'exercer un contrôle créatif maximal sur son site Web.

Tout utilisateur ayant des connaissances techniques limitées peut utiliser le générateur Oxygen pour personnaliser entièrement ses sites Web. C'est une option populaire parmi les utilisateurs qui s'abstiennent des complexités de codage et de création de pages.

Pourquoi devriez-vous utiliser Oxygen Page Builder ?

Le générateur Oxygen est un outil fiable qui facilite le processus de création de sites Web et apporte à lui seul des modifications personnalisées aux sites Web via des techniques d'édition faciles par glisser-déposer. Il combine flexibilité et accessibilité pour permettre aux utilisateurs de créer des sites Web complexes sans utiliser des dizaines de plugins.

Les gens utilisent le constructeur de pages Oxygen car il leur donne un contrôle total sur leur boutique WooCommerce et leur site Web WordPress. Les sites créés avec ce générateur de pages offrent un backend modifiable et un front-end à chargement rapide, une combinaison de rêve pour tout développeur ou créateur de site Web.

Sans plus tarder, passons à la découverte des fonctionnalités étonnantes du constructeur de pages Oxygen, passons en revue ses étapes d'installation faciles, vérifions ses plans tarifaires et mettons un dernier mot sur son utilisation et ses fonctionnalités.

6 caractéristiques remarquables - Oxygen Page Builder

Le constructeur de pages Oxygen offre des fonctionnalités révolutionnaires qui permettent aux utilisateurs de personnaliser la conception de leur site Web et d'afficher un reflet fidèle de leur marque. Jetons un coup d'œil à ses caractéristiques les plus notables dans la section suivante.

Édition visuelle

Le générateur de page Oxygen offre des capacités d'édition visuelle inégalées. L'interface visuelle du constructeur de site est accessible en cliquant sur le bouton Modifier avec Oxygen dans le menu Modèles.

Le constructeur de pages permet aux utilisateurs de choisir l'installation vierge ou de commencer par une conception prédéfinie. Les utilisateurs peuvent modifier tous les éléments de conception sur leur page qui appartiennent à la même classe CSS à la fois, une caractéristique rare parmi les autres constructeurs de sites.

Le panneau de structure qui apparaît dans le panneau latéral droit permet à l'utilisateur de voir la structure de ses éléments HTML à tout moment et permet une édition en temps réel en faisant glisser et en déposant les éléments dans l'éditeur visuel.

Contrôles de mise en page puissants

Oxygen offre à ses utilisateurs des commandes de mise en page faciles à utiliser. Contrairement aux autres constructeurs de pages, vous n'avez pas besoin d'utiliser de colonnes ; utilisez simplement le moteur de mise en page flexbox pour aligner facilement les éléments et basculer entre les mises en page verticales et horizontales.

De plus, Oxygen permet un réglage facile de l'espacement et de la taille en faisant simplement glisser les côtés d'un élément pour la commodité de l'utilisateur.

Intégration de Gutenberg

Gutenberg transforme l'expérience d'édition en ajoutant de la flexibilité et des médias aux pages de votre site. L'oxygène rend l'intégration de Gutenberg possible. Vous pouvez créer des blocs Gutenberg sans complexité de codage, en utilisant une solution simple de glisser-déposer.

Tout ce que vous concevez sur Oxygen peut être utilisé comme un bloc Gutenberg. Vous pouvez donc ajouter des blocs, personnaliser des images, du texte et des URL de liens. La possibilité de créer une disposition de blocs Gutenberg personnalisée sépare Oxygen de ses concurrents. Vous pouvez également réutiliser ces blocs sur d'autres sites Web via l'outil d'import/export.

Propreté du code

La propreté du code est une autre caractéristique qui distingue Oxygen de ses concurrents. Étant donné qu'Oxygen dépasse votre thème WordPress existant, la complexité de son code diminue également et garantit la propreté du code pour une gestion facile.

Par rapport à son plus grand concurrent, Elementor, (un grand nom dans le monde des constructeurs de pages WordPress), Oxygen fournit une sortie de codage HTML très précise. Oxygen a la capacité d'afficher une seule ligne de code qu'Elementor peut afficher dans un bloc de code. La diminution des lignes de code garantit des temps de chargement rapides, une indexation facile et de meilleurs résultats dans l'ensemble.

Générateur d'en-tête

Le générateur d'en-têtes d'Oxygen vous permet de créer des en-têtes attrayants et accrocheurs. Vous pouvez placer les éléments de conception dans vos en-têtes par glisser-déposer et les embellir à l'aide d'effets spéciaux et de mises en page.

Avec les commandes réactives, vous pouvez personnaliser les en-têtes pour qu'ils soient beaux sur tous les appareils. Vous pouvez également utiliser le générateur Oxygen pour utiliser des en-têtes collants et les utiliser comme CTA pour les pages de votre site.

Fonctionnalité de données dynamiques

La fonction Oxygen Dynamic Data permet aux utilisateurs de lier les éléments de conception aux données de votre base de données WordPress. Tout ce qui est présent dans votre base de données WordPress peut être mis dans votre conception. Il vous permet également d'importer et d'exporter vos paramètres de conception et CSS créés via Oxygen.

Le principal avantage de la fonctionnalité Dynamic Data est que vous pouvez importer les données directement sans télécharger les archives. Les données dynamiques incluent les éléments suivants :

• Publier un contenu
• Descriptifs
• Fichiers multimédias
• Titre du message, auteur, etc.

Comment installer le générateur de page Oxygen

Oxygen est un constructeur de pages premium doté de fonctionnalités puissantes et de fonctions étendues. Il n'est pas disponible dans le référentiel WordPress ; par conséquent, vous devez d'abord acheter sa licence, puis la télécharger manuellement dans la liste des plugins WordPress.

Pour ce tutoriel, je suppose que vous disposez déjà d'une licence de création de page Oxygen. Si vous ne le faites pas, vous pouvez visiter leur page officielle et l'acheter tout de suite.

Alors sans plus tarder, commençons !

L'installation du générateur de page Oxygen est un jeu d'enfant. Tout ce que vous avez à faire est de naviguer vers le tableau de bord WordPress > Plugins > Ajouter un nouveau > Plugin de téléchargement > Choisir un fichier et sélectionnez le fichier zip du générateur de page Oxygen que vous avez téléchargé à partir de leur page officielle. Une fois que vous avez téléchargé le plug-in, cliquez sur Installer maintenant et activer le plug- in .

Après avoir activé le plugin, un écran de bienvenue contextuel vous invitera à choisir votre type d'installation Oxygen.

Le constructeur de pages Oxygen propose des sites Web prédéfinis où vous pouvez simplement importer du contenu de démonstration et des conceptions à partir de sa bibliothèque. De plus, il propose également une installation vierge avec une mise en page et un design simples du site Web.

Prérequis du générateur de page Oxygen

Pour démarrer avec le générateur de pages Oxygen, certaines conditions préalables sont nécessaires pour une expérience de création de page fluide :

Notez que PHP 8 n'est pas encore supporté par Oxygen Page Builder. Les exigences ci-dessus dépendent de votre fournisseur d'hébergement, alors assurez-vous qu'il dispose des dernières versions sur ses serveurs et plates-formes. Cloudways propose les versions WordPress, PHP et MariaDB les plus récentes et les plus stables pour une expérience d'édition de page Oxygen transparente.

Analyse comparative des performances du générateur de pages Oxygen

Le constructeur de pages Oxygen a bien fonctionné tout au long du processus de test de vitesse, s'avérant l'un des constructeurs de pages les plus rapides disponibles sur le marché.

Les résultats du benchmark sont partagés comme suit :

Configurations du serveur Cloudways

Configurations d'application

Plugins installés

En plus de tout cela, nous avons créé du contenu de démonstration sur le site et ajouté de nombreuses images pour émuler des scénarios réels.

Analyse des performances GTmetrix :

https://gtmetrix.com/reports/wordpress-635160-2066150.cloudwaysapps.com/AXkCR1eG/

• Performances : 100 %
• Structure : 95 %
• LCP : 323 ms
• TBT : 0 ms
• CLS : 0

Analyse des performances de Pingdom :

https://tools.pingdom.com/#5eba5748a0400000

• Niveau de performance : 92
• Taille de la page : 2,0 Mo
• Temps de chargement : 277 ms
• Demandes : 32

Analyse des performances de PageSpeed ​​Insight :

https://prnt.sc/1gragu8

• Note globale : 92
• PCF : 0.8s
• Indice de vitesse : 1.4s
• LCP : 1,6 s
• TTI : 0.8s
• TBT : 0 ms
• CLS : 0,015

Prix ​​de l'oxygène

Contrairement à d'autres constructeurs de pages, Oxygen ne nécessite pas d'abonnement mensuel ou annuel mais plutôt un paiement unique et vous permet de profiter de ses avantages à vie . Oxygen a divisé son plan tarifaire en quatre forfaits qui sont décrits plus en détail ci-dessous :

1) De base

• Coûte un paiement unique de 129 $
• Générateur visuel flexible et puissant pour WordPress
• Garantie de remboursement de 60 jours

2) WooCommerce

• Coûte un paiement unique de 169 $
• Intégration WooCommerce
• Utilisez-le pour créer visuellement des sites Web et des magasins WooCommerce
• Garantie de remboursement de 60 jours

3) Agence

• Coûte un paiement unique de 199 $
• Intégration WooCommerce
• Constructeur de blocs de Gutenberg
• Interface utilisateur client simplifiée
• Garantie de remboursement de 60 jours

4) Ultime

• Coûte un paiement unique de 229 $
• Intégration WooCommerce
• Constructeur de blocs de Gutenberg
• Interface utilisateur client simplifiée
• Éléments composites
• Garantie de remboursement de 60 jours

Examen de l'oxygène : cela vaut-il la peine d'essayer ?

Oxygen est une option intelligente pour les individus créatifs, les marques émergentes et les entreprises établies pour marquer leur présence dans le monde numérique. Des options de personnalisation faciles, un éditeur visuel intelligent et des éléments de conception conviviaux font de cet outil un excellent choix qui vous libère des aspects techniques du codage.

Les personnes qui aiment s'abstenir de paiements mensuels ou annuels peuvent profiter d'Oxygen, car il ne nécessite qu'un paiement unique et offre ses services à vie. Il permet aux utilisateurs novices d'incorporer leurs idées dans la réalité sans avoir à faire de codage.

Tout bien considéré, Oxygen est un concurrent sérieux dans la liste des meilleurs constructeurs de pages WordPress, qui ne fera que devenir plus populaire avec le temps.