L’AI Editor est un panneau de chat intégré au Flow & Paywall Builder. Décrivez une modification en langage naturel, et Adapty réécrit, restylise ou réorganise l’écran que vous regardez. Adapty vous indique ensuite ce qui a changé, et un seul clic permet de revenir en arrière.

Vous pouvez ajuster le résultat manuellement, continuer à envoyer des prompts, ou annuler toutes les modifications.

Comment ça fonctionne

• Ouvrir l’éditeur IA : Cliquez sur le bouton sparkle dans le panneau gauche.
• Un chat par écran : L’en-tête du panneau indique l’écran en cours d’édition, et chaque prompt ne s’applique qu’à cet écran. Changez d’écran via le menu déroulant, et l’aperçu suit.
• Historique des prompts partagé : Tous les membres de l’équipe qui ouvrent un écran de flow voient les prompts que vous avez envoyés — reprenez là où un collègue s’est arrêté sans refaire son travail.
• Inspirez-vous : Ouvrez la Prompts library et sélectionnez une catégorie de prompt — Visual, Content, Layout ou Products. Les idées de prompts sur cette page montrent ce que l’éditeur peut faire.
• Un prompt, une étape d’annulation : L’IA applique tous les changements d’un prompt en une fois, et Undo les annule tous ensemble.
• Le canvas se verrouille pendant que l’IA travaille : Vous ne pouvez pas sélectionner ni modifier des éléments sur l’écran tant que le prompt est en cours de traitement. Vous pouvez toujours interrompre la génération.
• Ajuster des prompts passés : Pour modifier un prompt déjà envoyé, cliquez sur Retry . L’éditeur de flow le remet dans la zone de saisie.
• Rien n’est publié tant que vous ne publiez pas : Vos modifications n’atteignent les utilisateurs qu’après avoir sauvegardé et publié le flow.

Travailler avec des images

Joignez des images et demandez à l’IA de les utiliser comme référence visuelle, ou placez-les directement à l’écran. Un seul message peut contenir jusqu’à 5 images : fichiers JPEG, PNG et WebP, jusqu’à 5 Mo chacun.

• Construire un écran à partir d’une capture d’écran : Joignez une capture d’écran d’un paywall de référence et tapez Build a screen like this. L’IA redessine l’écran ouvert pour qu’il lui corresponde.
• Placer l’image jointe : Joignez l’image et indiquez où elle doit aller, par exemple Use this as the hero image ou Make this the background.
• Déboguer l’écran : Joignez une capture d’écran pour illustrer le problème, et décrivez-le.

Idées de prompts

Essayez ces prompts pour voir comment l’Éditeur IA peut vous aider à itérer. Vous pouvez toujours annuler les modifications.

Testez une nouvelle direction visuelle

Prompt : Give the paywall a dark, premium feel

L’IA réécrit les textes, modifie le style des éléments et applique un nouveau thème de couleurs — en une seule invite. Essayez une nouvelle direction visuelle pour votre flow, puis conservez-la ou annulez-la.

Établissez la confiance avec une section d’avis et de témoignages

Prompt : Add a social proof section with star rating and short testimonials

L’IA ajoute un conteneur, une note en étoiles et des cartes de témoignages au-dessus du bouton d’achat — tous des nouveaux éléments, pas une simple mise en forme. Demandez une section qui n’est pas encore à l’écran et l’IA la construit.

Rendre un écran chargé plus lisible en une seule commande

Prompt: Shorten all the text

L’IA raccourcit tous les éléments texte de l’écran en une seule fois, en conservant le sens de chacun. Allégez un écran entier en une commande plutôt qu’en modifiant les éléments un par un.

Garder le CTA à l’écran avec un pied de page fixe

Prompt : Add a sticky footer with the main subscribe button

L’IA crée un pied de page épinglé en bas de l’écran et y déplace le bouton d’abonnement. Nommez un pattern de mise en page mobile et l’IA le construit pour vous.

Mettre un prix barré en valeur pour rendre une réduction irrésistible

Prompt : Show the original price crossed out on the discounted plan

L’IA repère le plan avec une offre, barre son prix d’origine et affiche le prix réduit à côté. Le même résultat fait manuellement nécessite plusieurs étapes.

Orientez les utilisateurs vers votre meilleure offre en une phrase

Prompt : Push users towards the yearly plan

Nommez le résultat et l’IA choisit les mécanismes. Elle présélectionne la carte annuelle, ajoute un badge Best Value et réécrit le libellé du plan pour renforcer l’offre — trois modifications coordonnées, appliquées ensemble ou pas du tout.

Faire dominer le CTA sans choisir une couleur ni une taille

Prompt : Make the subscribe button the most prominent element

L’IA augmente le contraste du bouton, agrandit sa taille et ajoute de l’espace autour de lui — sans que vous ayez à préciser une seule valeur. Décrivez le résultat souhaité et laissez l’IA choisir les chiffres.

Réduire le prix annuel à un coût journalier

Prompt : Break down the annual plan price to a daily cost

Adapty calcule déjà un prix par jour pour chaque abonnement, et l’IA l’affiche sous le prix annuel. Les prix par semaine, par mois et par an sont également disponibles.

Ajouter une sélection de produits avec de vrais plans et prix

Prompt : Add a products group with real prices

Si vous avez ajouté des produits dans le panneau Products, l’IA peut générer un groupe de produits avec les produits assignés, les noms de produits et les variables de produits.

Si l’écran ne contient aucun produit, l’IA ajoute des cartes de plan avec des exemples de prix et des badges. Pour afficher les prix de votre store, sélectionnez un produit dans le menu déroulant de chaque carte, puis demandez à l’IA de connecter les prix.

Styler une carte et appliquer le style aux autres

Prompt: Apply the selected state of the first card to the other cards

Stylisez manuellement l’état sélectionné d’une carte produit, puis demandez à l’IA d’appliquer ce style aux autres cartes. L’IA met à jour l’état sélectionné de chaque autre carte, ce qui vous évite de répéter les réglages carte par carte.

Affiner sans repartir de zéro

Prompt : Softer background, and move the trial line closer to the button

Le chat mémorise l’écran et votre dernier prompt, donc une relance ne nécessite aucune répétition. Affinez jusqu’à ce que l’écran soit parfait — chaque prompt constitue sa propre étape d’annulation.

Ce que l’éditeur IA ne peut pas faire

L’éditeur IA modifie le style, réécrit et réorganise l’écran sur lequel il est dirigé. Il ne peut pas :

• Modifier plusieurs écrans à la fois : changez d’écran actif et relancez une invite.
• Générer ou récupérer des médias : l’IA ne peut pas créer d’images ni en télécharger depuis un lien. Elle utilise uniquement les images que vous joignez au chat. Quand elle reconstruit un écran à partir d’une capture d’écran, elle laisse les emplacements d’image vides. Le chat n’accepte pas les vidéos, donc ajoutez-les manuellement.
• Créer des variables personnalisées ou une logique conditionnelle : l’IA intègre dans votre texte des variables de produit intégrées comme le prix par jour. Les variables personnalisées et les branchements sont à configurer vous-même.
• Configurer la navigation et les liens : connectez les actions de navigation et de lien manuellement.
• Choisir les produits que vous proposez : ajoutez les produits dans le panneau Products vous-même. L’IA se contente de créer des cartes de forfaits pour les produits qui y sont listés.

Adapty pourra lever ces limites dans de futures versions.