Il comprend votre boutique
Entraîné sur Shopify, Liquid et la façon dont les thèmes sont réellement construits — il parle en sections, pas en code générique.
Conçu pour Shopify
Voici klorr.
votre allié code.
Klorr vous permet de créer, modifier et personnaliser des sections Shopify sans coder. Construisez exactement ce que vous imaginez : rapide, flexible et entièrement à vous.
- Entraîné pour Shopify
- Simple pour débuter
- Moins cher que les autres IA
- Du code prêt pour la prod
Adopté par plus de 1 000 créateurs et marques
4,8 de moyenne sur 102 avis
Conçu pour ShopifyConçu pour le bureauFonctionne dans
klorr à l'œuvre.
Entraîné pour Shopify
Parle Liquid nativement.
Klorr maîtrise le schéma de sections, les blocs et les réglages de Shopify sur le bout des doigts : le code s'intègre directement à votre thème, sans retouche.
Simple pour débuter
Aucun code de votre part.
Décrivez ce que vous voulez en langage courant. Klorr gère le balisage, la logique et le schéma : vous dites simplement quoi changer.
L'installation, c'est juste : décrirecopiercollerenregistrer.
Moins cher que les autres IA
Une fraction du coût.
Conçu spécialement pour Shopify : aucun token gaspillé en réponses génériques. Vous payez pour des sections, pas pour des conversations.
Du code prêt pour la prod
Publiez-le tel quel.
Du Liquid propre et valide, prêt à mettre en ligne — pas un brouillon à déboguer avant qu'il touche votre boutique.
Un coéquipier qui connaît vraiment Shopify.
Pas un chatbot générique qui devine le Liquid. klorr est conçu pour une seule chose : transformer vos mots en véritables sections de boutique, prêtes pour la production.
Vous décrivez, il construit
Écrivez ce que vous voulez en langage courant. klorr transforme l'idée en une vraie section modifiable — sans opérer votre thème.
Vous vérifiez et affinez
Vérifiez le résultat, choisissez ce qui reste modifiable et régénérez jusqu'à ce que ce soit parfait.
Moins cher et plus fiable
Pensé spécialement pour Shopify, il ne gaspille aucun token à divaguer : vous payez moins et obtenez un code qui fonctionne.
Comment klorr a pris vie.
Tout grand outil naît d'une frustration. Voici la nôtre — et comment elle est devenue un développeur qui ne dort jamais.
1{% for product in collection.products %}
2 <div class="card">
3 {{ product.title }}
4 </div>
5{% endfor %}
Problèmes012
✕hero.liquid:5unknown tag 'endfor'
✕hero.liquid:2'heading' not in schema
La frustration
01
Mille sections, une par une
Nous refaisions les mêmes sections Shopify encore et encore — des heures de Liquid et de schema qui cassaient dès l'enregistrement.
Décrivez votre section
Modifiabilité équilibrée
Générer →
La question
02
Et si vous pouviez juste le décrire ?
Et si un marchand pouvait dire ce qu'il veut en français — et le recevoir propre, prêt à installer, en quelques secondes ?
1<section class="hero">
2 <h2>{{ section.settings.heading }}</h2>
3 {% for block in section.blocks %}
4 <div {{ block.shopify_attributes }}>
5 {% endfor %}
✓Prête à installer
L'étincelle
03
Né du code
Cette question est devenue Klorr — des mots simples en entrée, du Liquid prêt pour la production en sortie.
Vérification avec Shopify0%
Le schema est valide
Blocs sélectionnables dans l’éditeur
Les largeurs d’image existent
Collection vide gérée
L'apprentissage
04
Formé comme un développeur senior
Liquid, schema, structure de thème — et les règles qui font qu'un code s'enregistre vraiment, au lieu de juste compiler.
élargis les cartes
3 blocs mis à jour
plus étroites, en fait
3 blocs mis à jour
ajoute un prix sous chacune
Champ prix ajouté
Aperçu en direct
La différence
05
Jamais agacé par un changement
Demandez plus large. Puis plus étroit. Puis comme avant. Aucun soupir, aucun report, aucune facture en plus.
NORTHBOUNDShopAbout
Built for winter.
New season outerwear, made to last.
Shop the range
Alpine Parka€289
Fjord Shell€214
Ridge Knit€126
Installée
Aujourd'hui
06
Prêt quand vous l'êtes
Un cerveau de développeur. La patience d'une machine. Décrivez votre section — Klorr la construit, propre et installable.
Une section de boutique, le temps de la décrire.
Dites à klorr ce que vous voulez, avec vos mots. Il écrit le Liquid, le schema et les réglages — prêts à coller dans votre thème.
CommencerPensée pour ce qui fait vendre une section.
Il vous dit ce qu’il améliorerait.
Entraîné sur Shopify, pas sur tout le web.
Vous décidez de ce que le client peut toucher.
Tout ce que vous créez,
en une seule vue.
Projets, sections, générations et ventes sur le marketplace — le travail et ce qu’il rapporte, sur un seul écran.
Des sections Shopify écrites comme vous les écririez
Klorr transforme une phrase en une section que votre client peut modifier — schema, blocs, CSS responsive et le reste. Aucun snippet à rafistoler, aucun thème à casser.
Décrivez-la
Dites-le. Recevez le Liquid.
Klorr lit d’abord votre thème, puis écrit une section qui s’y intègre.
Un slider de témoignages sur 3 colonnes
{% schema %}
"name": "Testimonials",
"max_blocks": 12
{% endschema %}
"name": "Testimonials",
"max_blocks": 12
{% endschema %}
Chaque réglage dans l’éditeur de thème
Textes, images, quantités et interrupteurs arrivent tous comme de vrais réglages — jusqu’à la limite de Shopify, 50 blocs par section. Votre client les modifie ; vous ne recevez jamais l’e-mail.
Ce que disent nos clients
−3+
Il s’accorde au thème que vous avez déjà
Donnez-lui une fois le CSS et les polices de votre thème. Couleurs, échelle typographique et marges des sections sont écrites d’après eux — pas d’après un modèle.
Dawn 15.2
Impulse 7.4
Votre thème sur mesure
Rédigez en sept langues
Anglais, espagnol, français, allemand, néerlandais, portugais, italien. Le Liquid revient identique.
English
Deutsch
Español
Português
Français
Nederlands
Italiano
Vos questions,
nos réponses.
Les cinq questions qu’on nous pose avant une première section. Pour le reste, demandez-nous.
CommencerOui — klorr produit du Liquid et du schema prêts pour la production, conçus pour de vraies sections Shopify, donc ça s'intègre direct dans votre thème au lieu de casser à l'installation.
Entièrement. Aucun runtime à charger, aucun filigrane et aucun verrouillage — la section est du code propre qui vit dans votre thème et reste à vous.
Chaque contrôle utile apparaît comme un réglage de thème — couleurs, textes et mise en page se modifient directement dans l'éditeur.
Ajustez les réglages vous-même en quelques secondes, ou régénérez — sans file d'attente de dev ni facture à chaque changement.
Oui. Listez-les sur le marketplace et gagnez à chaque installation, pas seulement la première — transformez les sections que vous alliez créer en revenu.
Chaque section est livrée avec
Le code, les étapes, et quoi corriger ensuite.
InstallationRésuméSuggestions
PROGRESSION0 SUR 4
1
Ouvrez l’éditeur de code de votre thème
Admin Shopify → Boutique en ligne → Thèmes → ⋯ → Modifier le code sur votre thème actif.
2
Ouvrez le fichier de la section
sections/ → bestsellerscroller.liquid
3
Remplacez le code
Ouvrez l’onglet Code à droite. Cliquez sur Copier. Sélectionnez tout dans votre fichier Shopify (Cmd+A / Ctrl+A) et collez le nouveau code (Cmd+V / Ctrl+V).
4
Enregistrez et actualisez
Cliquez sur Enregistrer dans Shopify. Puis actualisez l’éditeur de thème pour voir les changements.
Après l’enregistrement, vos réglages existants sont conservés — Shopify garde les valeurs quand les ID du schema correspondent. Les nouveaux réglages utilisent leurs valeurs par défaut jusqu’à ce que vous les ajustiez.
Écrit pour votre fichier, pas une doc générique.
InstallationRésuméSuggestions
6 juil.,
18:08 ✏️
18:08 ✏️
Ajout d’une bannière de texte horizontale en boucle sous les produits, avec texte, vitesse, direction, taille et couleurs modifiables.
3 juil.,
12:32 ✏️
12:32 ✏️
Survoler un produit floute les autres, et cliquer dessus masque le reste pour révéler un panneau d’avis avec une flèche de retour.
Chaque changement demandé, en langage clair.
InstallationRésuméSuggestions
Actualiser les suggestions
Ajouter un état vide si la collection est indisponible
Afficher un message utile si le handle de la collection est invalide ou vide, pour éviter les échecs silencieux.
Utiliser →
Chargement différé des images sous la ligne de flottaison
Ajouter loading='lazy' aux images et différer les effets de flou et de survol jusqu’à ce que la section soit visible.
Utiliser →
Prendre en charge prefers-reduced-motion
Respecter les préférences d’accessibilité en retirant le flou au survol et les animations d’échelle pour les personnes sensibles au mouvement.
Utiliser →Il relit son propre travail et vous dit ce qu’il améliorerait.
Klorr face aux alternatives
Aucune appli sur votre boutique. Aucune file d’attente de dev. Le code reste à vous.
| Fonction | Klorr | IA généraliste | Appli page builder | Embaucher un dev |
|---|---|---|---|---|
| Ce que vous obtenez | ||||
| Entraîné sur des sections Shopify, pas sur tout le web | Oui | Non | Oui | Oui |
| Du vrai Liquid et schema dans votre thème | Oui | Oui | Non | Oui |
| Rien de plus à charger sur votre boutique | Oui | Oui | Non | Oui |
| Pensé pour convertir, pas seulement pour s’afficher | Oui | Non | Non | Oui |
| Étapes d’installation écrites pour votre fichier | Oui | Non | Non | Non |
| Le contrôle que vous gardez | ||||
| Modifiable dans l’éditeur de thème | Oui | Non | Oui | Oui |
| Vous choisissez ce qu’un client peut changer | Oui | Non | Non | Oui |
| Signale ce qu’il améliorerait, sans qu’on le demande | Oui | Non | Non | Oui |
| Chaque version conservée, restaurez celle que vous voulez | Oui | Non | Oui | Oui |
| Rédigez et créez en sept langues | Oui | Oui | Non | Non |
| Ce que ça vous coûte | ||||
| Des changements sans attendre personne | Oui | Oui | Oui | Non |
| Même coût pour une ou pour vingt | Oui | Oui | Oui | Non |
| Le code vous appartient entièrement | Oui | Oui | Non | Oui |
| Revendez ce que vous créez | Oui | Non | Non | Non |
