CodeWP Review 2023 : Augmentez votre flux de travail WordPress avec l'IA !

Publié: 2023-01-18

CodeWP est un générateur de code AI pour WordPress. Dans cet article, nous allons voir comment l'utiliser, les différentes fonctionnalités qu'il apporte à la table, les extraits qu'il génère, la tarification de la plate-forme, etc.

C'est une technologie impressionnante qui exploite la pointe de l'intelligence artificielle pour créer des extraits de code spécifiquement pour WordPress et les produits de l'écosystème.

CodeWP est formé sur des millions de lignes de code WordPress, et ses différents modes spécifiques aux plugins AI sont également affinés avec du code directement à partir des bases de code du plugin. Par exemple, le mode AI des conditions d'Oxygen Builder a été formé sur des dizaines d'exemples de conditions à l'aide de l'API Conditions.

CARACTERISTIQUES de base

Au fond, CodeWP est un outil qui exploite l'IA pour créer des extraits de code qui résolvent les problèmes des créateurs WordPress.

Mais c'est aussi beaucoup plus. Voici une rapide vidéo d'introduction pour vous montrer toutes les fonctionnalités de la plateforme a l'offre, et plusieurs cas d'utilisation pratiques.

Comme vous pouvez le voir, il y a beaucoup à couvrir dans cette revue

Modes IA

Une fonctionnalité phare de cette plateforme est le mode IA. Il existe des dizaines de modes, et de nouveaux sont ajoutés toutes les deux semaines environ. Chaque mode correspond à un plugin, une utilisation, un cas ou un produit spécifique.

Lorsque vous passez dans un mode spécifique, vous modifiez l'IA sous-jacente en une variante spécifique qui a été formée sur la base de code du plugin ou du produit. Cela signifie que vous obtenez des générations hyper spécifiques et précises pour la plate-forme individuelle.

lepage-2023-01-05-au-17-00-41

C'est ce qui distingue ce produit des nombreuses autres offres sur le marché. Il est vraiment axé sur WordPress et WordPress uniquement, et les générations et les modes ne font que s'améliorer avec le temps.

Voici un exemple des modes AI et de leur fonctionnement. Un cadre de champ personnalisé populaire auprès des développeurs est Carbon Fields. C'est très puissant, mais vous devez avoir une bonne compréhension de PHP et du fonctionnement de WordPress. De ce fait, c'est très froid, lourd, et même si vous êtes un développeur complètement compétent, il peut parfois être un peu fastidieux de créer du code qui enregistre des méta-boîtes, des champs personnalisés ou des pages d'options.

Si je passe dans ce mode et que je donne une invite unique, j'obtiendrai une génération qui reflète la syntaxe et la structure requises pour ce framework/plugin spécifique.

En comparant cela à la lecture de la documentation et à sa rédaction moi-même, c'est une façon beaucoup plus efficace de faire les choses, et généralement plus précise.

Ceci est vraiment utile pour créer des générations plus précises, et avec les prochains modes Elementor Widget et Bricks Builder Widget, cela ne peut que s'améliorer à partir d'ici.

Modes Créateur

Le créateur est l'endroit où vous faites tout votre travail. C'est un code complet, un éditeur avec de nombreuses options de génération d'IA différentes, y compris les modes, que nous venons de mentionner ci-dessus. Il a trois options de base... décomposons-le.

Génération standard

Prend une invite de texte et la convertit en code (text to code, ou TTC AI). C'est aussi simple que cela, tout ce que vous avez à faire est d'entrer ce que vous voulez générer dans l'invite et de le soumettre, et une génération remplira bientôt l'éditeur.

lepage-2023-01-12-au-14-11-42
L'invite utilisée pour générer un extrait

Éditer

Une fois que vous avez généré un extrait de code, vous souhaitez parfois en modifier des aspects spécifiques. Par exemple, que se passe-t-il si vous avez généré un formulaire de contact, un code court mais que la génération n'a jamais nettoyé les champs de texte entraînant des problèmes de sécurité.

lepage-2023-01-05-au-17-01-47

Tout ce que vous avez à faire est de passer en mode Édition, d'entrer ce que vous voulez, de modifier et de cliquer sur le bouton vert. Une fois la modification effectuée, l'écran changera pour ressembler à la capture d'écran ci-dessous.

image-7-17

Cela vous donne une excellente représentation visuelle de ce qui a été modifié dans le code. Tout ce qui est rouge a été supprimé. Tout ce qui est vert a été ajouté.

Ensuite, vous pouvez ouvrir l'extrait de code dans un nouvel onglet en cliquant sur l'ID de génération (ou ctrl+o) et passer en revue toutes vos modifications, ainsi que la génération d'origine.

Expliquer

lepage-2023-01-05-au-17-02-35

En plus de ces trois options de base, vous pouvez changer de mode dont nous avons discuté ci-dessus, et également fournir des commentaires à la plate-forme qui aide à créer de meilleures générations à l'avenir.

lepage-2023-01-12-au-13-51-05

Cette barre d'outils d'en-tête vous permet de rechercher des extraits de code existants et de les insérer dans l'éditeur à expliquer ou à modifier, les générations préférées pour un accès facile, de les écrire bonnes ou mauvaises, et même de les exporter dans un format JSON, qui peut être importé dans populaire plugins d'extrait de code. Si vous êtes un lecteur assidu de notre blog, vous saurez que nous adorons les plugins Code Snippet et que nous en avons examiné plusieurs :

  • Examen de l'organisateur de scripts : planifier des scripts, gagner du temps
  • Examen des scripts avancés : mieux que les extraits de code
  • Les meilleurs gestionnaires d'extraits de code pour les développeurs

Autre avantage de l'expérience de l'éditeur, vous pouvez naviguer complètement à l'aide du clavier, de l'ouverture de l'invite à sa soumission, en passant par le changement de mode et le classement de la génération.

Prise en charge de plus de 11 langues

Pour les développeurs et les utilisateurs qui ne parlent pas anglais de manière native, il existe également un support multilingue avec la plate-forme.

lepage-2023-01-05-au-17-00-16

Plus de 11 langues sont officiellement prises en charge, mais nous avons vu de nombreuses générations dans des langues qui ne sont pas officiellement prises en charge.

Les langues romanes, comme l'espagnol, donnent généralement les meilleurs résultats, mais il existe également un support pour l'hindi, le chinois, le russe et d'autres.

Gestion et partage d'extraits

Une fois généré, avez-vous accès à une mine d'informations sur l'extrait de code et le code lui-même.

lepage-2023-01-12-au-14-25-39

L'écran initial ne vous montre que les extraits que vous avez mis en favori, mais vous pouvez voir toutes les générations dans le deuxième onglet. Toutes les générations rendues publiques se retrouvent dans la troisième. Il existe également un tas d'options de filtrage où vous pouvez filtrer par le mode AI, rechercher des mots-clés et des extraits de source b date de génération, longueur et plus encore.

lepage-2023-01-12-au-14-31-47

Tout dans cet extrait est accessible, y compris vos modifications précédentes, vos explications et vos sous-extraits. Vous pouvez également ajouter des favoris et évaluer directement à partir d'ici. Vous remarquerez qu'il existe des balises générées par l'IA, ainsi qu'un enregistrement du mode et de la langue qui étaient tristes lorsque le code a été généré.

lepage-2023-01-12-au-14-32-35
Exemple d'onglet d'explication (attention à la faute de frappe)

En ce qui concerne la gestion des extraits, vous avez également la possibilité de générer des sous-extraits CSS et JavaScript pour les créations PHP complexes. Par exemple, si je voulais créer un formulaire de contact, ma génération initiale créerait probablement un shortcode, la fonction pour gérer la soumission.

Cependant, dans la plupart des situations, cette forme n'aurait pas de style et pourrait ne pas hériter des styles génériques de mes thèmes. Pour lutter contre cela, je peux utiliser le générateur de sous-extraits CSS pour créer des styles simples basés sur le code PHP lui-même. Il en va de même pour JavaScript... peut-être que le formulaire a besoin de JavaScript pour soumettre des données à l'aide de POST... ce sous-extrait JS fera exactement cela.

Par défaut, les extraits sont privés et ne sont accessibles à votre compte que si vous êtes connecté. Cela empêche la divulgation d'informations sensibles. Cependant, si vous souhaitez partager cela avec les parties intéressées, il existe une fonction de partage unique.

lepage-2023-01-12-au-14-35-04

Ici, vous pouvez copier une URL avec un code d'accès unique qui lui est attaché. Si le code est incorrect ou absent, le lien ne fonctionnera pas. Cependant, si le code est correct (c'est-à-dire tel qu'il a été copié), vous pourrez le partager avec toute personne disposant de ce lien. La même chose fonctionne pour la fonction de partage social.

De plus, vous pouvez envoyer l'extrait de code à qui vous voulez. Voici à quoi ressemble cet e-mail :

lepage-2023-01-12-au-14-37-45

Vous pouvez également exporter l'extrait, comme mentionné ci-dessus, directement à partir de la page d'extrait individuel.

Comment ça marche?

Nous avons maintenant couvert les principales fonctionnalités. Je sais qu'il y en a beaucoup, donc ma meilleure suggestion est de vous inscrire au plan gratuit, qui vous donne 10 générations par mois pour accéder à la plupart des fonctionnalités de la plate-forme. De cette façon, vous pourrez cliquer dessus et voir par vous-même. Les améliorations et les ajouts à la plate-forme sont ajoutés à la vitesse de l'éclair, comme vous pouvez le voir sur le blog, il est donc préférable d'y jeter un coup d'œil par vous-même.

Une question que j'ai souvent vue est comment cet outil fonctionne-t-il réellement ? Sans révéler trop de secrets, CodeWP exploite une intelligence artificielle massive formée sur des millions et des millions de lignes de code PHP. À partir de là, nous avons notre mode WordPress PHP général, qui alimente la majeure partie de la plate-forme. Ceci est formé sur la base de code WordPress PHP, ainsi que sur de nombreux exemples différents.

Ensuite, chaque mode d'IA est entraîné encore plus loin sur une base de code supplémentaire et des exemples. À partir de là, la plate-forme exploite les générations créées par les utilisateurs qui sont favorisés ou classés "" pour diriger davantage l'IA afin de créer des extraits de code précis et de haute qualité. Alors que de plus en plus d'utilisateurs tirent parti de la plate-forme pour bénéficier de leur flux de travail WordPress, les générations s'améliorent et s'améliorent simplement.

Quelques exemples de ce que vous pouvez créer

Il existe une bibliothèque d'exemples générés à 100% par les modes IA sous la page Snippets.

lepage-2023-01-05-au-16-16-13

Jetons un coup d'œil à quelques générations:

Ce code crée une solution de lien court unique. Lorsqu'un article est publié, il crée une chaîne unique et, à partir de celle-ci, un lien court vers l'article. Il donne également un shortcode pour afficher ce lien sur le frontend. Lorsqu'un visiteur accède à ce message via le lien, il est redirigé vers le lien complet et le slug.

Cet extrait ajoutera un lien vers des plugins individuels sur le tableau de gestion des plugins. Lorsque vous cliquez dessus, il télécharge ce plugin sous forme de ZIP sur votre ordinateur.

Ce code est spécifique à Oxygen Builder et ajoute une nouvelle condition à l'éditeur qui peut être utilisée pour afficher/masquer conditionnellement des éléments en fonction de la météo à l'emplacement des visiteurs.

Ce code affichera un indicateur dans une nouvelle colonne de la table des utilisateurs qui correspond à l'adresse de facturation enregistrée.

Chacune de ces générations est générée en 1 prise de vue à partir de l'invite d'origine. Et, comme vous pouvez le voir, ces extraits résolvent des problèmes complexes .

Vous remarquerez que les deux extraits de code à droite utilisent des modes d'IA différents de ceux de WordPress PHP standard ; Conditions PHP WooCommerce et Oxygen Builder. Ceux-ci vous donneront une bonne idée de la façon dont chaque mode AI modifie la sortie pour qu'elle soit hyper spécifique au produit auquel elle est destinée.

Tarification

Les plans payants commencent à 8 $/mois, facturés annuellement.

Il existe trois niveaux de tarification, gratuit , pro et agence.

Le plan gratuit vous donne 10 générations par mois, en utilisant le générateur général WordPress AI. Cela créera des extraits étonnamment complexes, mais il s'agit plutôt d'un mode général, comparé à quelque chose comme le mode ACF.

Le quota se réinitialise tous les mois le jour de votre inscription. C'est une excellente option pour tous ceux qui travaillent avec WordPress, car 1) c'est gratuit et 2) c'est le solutionneur de problèmes parfait pour les gros problèmes qui nécessitent des heures de recherche sur Google et d'essais et d'erreurs.

lepage-2023-01-05-au-09-56-33

Le plan Pro débloque toutes les principales fonctionnalités de la plateforme. Les modes Modifier, Expliquer et Générer sont désormais tous disponibles dans l'éditeur. De plus, vous avez accès à tous les modes AI, y compris les conditions Breakdance & Oxygen, ACF & Metabox, WooCommerce et bien d'autres.

Pro commence à 8 $/mois si vous achetez pour l'année et 12 $/mois si vous optez pour le mois.

Et bien sûr, vous passez de 10 générations à un nombre illimité, ce qui signifie que vous pouvez être libéral avec vos invites. Quelque chose vous rapproche de ce dont vous avez besoin, mais la génération n'est pas parfaite à 100 % ? Pas de soucis, vous pouvez le demander 10 fois de plus avec différentes variantes pour obtenir ce dont vous avez besoin.

Le plan de l'agence, qui n'est pas encore sorti, apporte des économies d'échelle et des fonctionnalités collaboratives. Vous pourrez inviter jusqu'à 5 membres et travailler ensemble en temps réel dans l'éditeur.

Voici un excellent aperçu du plan gratuit, ainsi que de ce que le plan Pro apporte à la table.

Quel est le retour sur investissement/proposition de valeur ici ?

En regardant le prix Pro, si vous achetez pour l'année, cela revient à 96 $ / an.

Le plugin, mentionné dans les commentaires, est la page de remerciement personnalisée de WooCommerce. Cela vous coûtera 50 $ / an, et CodeWP a créé un extrait en 10 secondes environ qui fait la même chose.

Un autre plugin populaire, également à 50 $/an, est l'éditeur de champ de paiement. CodeWP peut créer facilement des champs personnalisés pour le paiement.

Il s'agit (sans aucun doute) d'un outil SaaS, différent des plugins, mais si vous le comparez aux frais annuels pour les licences de plugins, c'est sacrément similaire. Là où sa valeur prop commence vraiment à briller, c'est lorsque vous commencez à éliminer le besoin de dizaines d'autres plugins, car cet outil génère la même chose sous forme d'extrait de code.

Conclusion

CodeWP apporte aux créateurs WordPress une plate-forme robuste et de pointe qui exploite l'IA pour créer des générations d'extraits de code. Des fonctionnalités et des modes sont ajoutés chaque semaine, et pour le faible coût de huit dollars par mois, vous pouvez sérieusement améliorer votre efficacité, minimiser vos dépenses, devenir un meilleur créateur WordPress grâce à cela.