Blocs prédéfinis
19 blocs en 12 catégories (en-têtes, héros, prix, questions fréquentes, formulaires, pieds de page…). Un clic l'insère dans la page.
Canvas
Canvas : créez des pages et des sites web avec l'IA et modifiez-les sans programmer
Le Canvas est le panneau de conception du chat avec ADRI. Vous lui demandez une page, vous la voyez instantanément, vous la modifiez avec la souris ou avec des instructions et vous la partagez avec un lien. Il sert à ceux qui ont besoin d'un site web ou d'une landing sans monter un projet.
Qu'est-ce que c'est ?
Un canevas à côté du chat pour voir et retoucher ce qu'ADRI crée
Quand vous demandez à ADRI une page, une landing ou un script, le résultat s'ouvre dans le Canvas, un panneau à droite du chat. Là, vous le voyez comme le verrait un visiteur, vous le modifiez avec la souris ou avec des instructions en langage naturel, et vous l'enregistrez dans l'espace de la conversation.
Il s'ouvre automatiquement quand ADRI génère un fichier web, ou manuellement depuis n'importe quel fichier du chat. Avec le bouton + du champ de message, vous créez aussi un canevas web à partir de zéro. Vous pouvez faire glisser la barre qui le sépare du chat pour lui donner plus ou moins de largeur.
Créer
Demandez à ADRI la page dont vous avez besoin
Décrivez-la
« Fais une landing pour mon école d'anglais avec des prix et un formulaire de contact. » ADRI conçoit la page et laisse le HTML dans l'espace de travail.
Regardez-la
Le Canvas l'ouvre avec son aperçu. Changez la largeur entre mobile, tablette et bureau, ou utilisez la vue divisée pour voir trois tailles à la fois.
Demandez des modifications
« Rends ce bouton bleu », « ajoute une section de questions ». Chaque modification d'ADRI est enregistrée comme une version.
L'aperçu charge le CSS, le JavaScript et les images à côté du HTML, comme un navigateur. C'est pourquoi il n'est pas nécessaire de tout mettre dans un seul fichier. Si vous liez un CSS d'internet, il peut ne pas se charger : laissez les styles dans l'espace de travail.
Mode designer
Modifiez sans toucher au code
Modèles complets
Quatre points de départ : landing de produit, portfolio, tableau de bord et page d'accueil de blog.
Édition directe
Activez Modifier, cliquez sur un texte et écrivez. À la fin, tout est enregistré.
Inspecter
Cliquez sur n'importe quel élément et vous voyez son sélecteur, ses dimensions et ses styles. De là, vous pouvez demander à ADRI une modification uniquement pour cet élément.
Images
Importez des JPG, PNG, GIF, WebP ou AVIF (jusqu'à 10 Mo) ou faites-les glisser dans le panneau, et elles s'insèrent dans la page.
Vérification de l'accessibilité
Un avertissement signale les images sans texte alternatif, les liens vides et les champs sans étiquette.
Données réelles
Les données de votre entreprise dans la page
Vous pouvez écrire des balises comme {{ invoice.count.pending }} ou {{ client.count }} et, avec le bouton En direct, le Canvas les remplace par vos données : clients, leads, factures en attente, tâches ouvertes, votre nom ou la date. Il ne lit que vos propres enregistrements. C'est ce qui permet de créer un tableau de bord d'accueil avec de vrais chiffres plutôt que des nombres d'exemple.
SEO et versions
Soignez la page et revenez en arrière quand vous voulez
SEO et réseaux sociaux
Un formulaire permet de modifier le titre, la description ainsi que les textes et l'image visibles lors du partage sur les réseaux.
Traduire avec l'IA
Traduit le texte visible en sept langues et enregistre chaque traduction dans un nouveau fichier, sans toucher à l'original.
Historique des versions
Chaque sauvegarde, modification ou changement d'ADRI crée une version. Vous prévisualisez, comparez avec la précédente et restaurez. La restauration est une étape de plus dans l'historique : elle peut toujours être annulée.
Tester et partager
PHP et Python fonctionnent dans votre navigateur
Si ADRI vous crée un site en PHP ou un script en Python, l'onglet Aperçu les exécute dans votre navigateur : vous naviguez, envoyez des formulaires, consultez la console et téléchargez ce qu'il génère. Les serveurs de BionicAdri n'exécutent pas ce code. En PHP, la base de données est SQLite ; MySQL et PostgreSQL ne sont pas disponibles. Les applications Flask, FastAPI et Streamlit sont aussi prises en charge.
Pour le montrer à un client, Partager crée un lien public qui s'ouvre sans se connecter et dure 1, 7, 30 ou 90 jours. C'est une photo du moment où vous le créez et vous le révoquez quand vous voulez. C'est une démo pour tester : pour publier un vrai site, il vous faut un serveur.
Prix
À partir de 275 €/mois, IA incluse
Vous payez par poste : un siège, c'est une tâche d'IA qui travaille en parallèle, pas une personne, donc les utilisateurs n'ont pas de limite. Le serveur où vivent vos données se choisit à part, à partir de 100 €/mois. Prix hors TVA.
Questions fréquentes
Ce qu'on nous demande le plus souvent
Faut-il savoir programmer pour utiliser le Canvas ?
Non. Vous décrivez la page dans le chat, vous la voyez dans le Canvas et vous la modifiez à la souris ou avec des instructions. Si vous connaissez le code, il y a aussi un éditeur avec le fichier ouvert.
Puis-je utiliser mes propres images et styles ?
Oui. Vous importez des images dans le panneau de ressources, et le CSS et le JavaScript de l'espace de travail se chargent dans l'aperçu comme dans un navigateur.
Puis-je revenir à une version précédente ?
Oui. L'historique conserve les versions, avec leur origine (ADRI, manuelle ou restaurée). Vous les prévisualisez, voyez la différence avec la précédente et restaurez celle que vous voulez.
Le site est-il publié sur internet ?
Pas directement. Le Canvas sert à concevoir et à tester. Vous pouvez envoyer un lien de démo avec expiration, mais publier définitivement le site nécessite un serveur séparé.
Quels langages l'aperçu peut-il exécuter ?
PHP et Python s'exécutent en direct dans votre navigateur, avec leurs limites : pas de MySQL ni de PostgreSQL, pas d'accès à d'autres sites web et pas de fenêtres de bureau. Pour d'autres langages, vous demandez à ADRI de l'exécuter.
Démo sans engagement
Dites-nous quelle page vous voulez et nous la concevons avec vous en direct
Dites-nous comment vous travaillez aujourd'hui et nous vous montrons comment ADRI le ferait avec vos données. Sans engagement.