Module Liquid : créez des interfaces sur-mesure pour vos parcours clients

Les formulaires standards ne répondent pas toujours à vos besoins spécifiques. Le module Liquid de Formulr vous offre une liberté totale pour créer des interfaces personnalisées, tout en bénéficiant de l'écosystème complet de la plateforme.

Qu'est-ce que le module Liquid ?

Le module Liquid est un type de module spécial qui vous permet d'intégrer du code HTML, CSS et JavaScript personnalisé directement dans votre parcours client. Il utilise le moteur de templating Liquid (utilisé par Shopify) pour injecter dynamiquement les données de votre campagne.

Cas d'usage du module Liquid

Interfaces de sélection avancées

Créez des sélecteurs visuels interactifs : choix de produits avec images, configurateurs, sélection de créneaux horaires avec calendrier personnalisé, cartes interactives pour la sélection de zones géographiques.

Calculateurs et simulateurs

Développez des simulateurs de crédit, calculateurs de tarifs, estimateurs de coûts avec une logique métier complexe et une interface utilisateur optimisée.

Intégrations tierces

Intégrez des widgets externes : cartes Google Maps, sélecteurs d'adresse avec autocomplétion, lecteurs de QR code, systèmes de chat en direct.

Pages de récapitulatif personnalisées

Affichez un résumé stylisé des informations collectées, avec votre charte graphique et une mise en page sur-mesure avant la validation finale.

Communication avec les modules voisins

L'une des forces du module Liquid est sa capacité à communiquer avec les autres modules du parcours :

Lecture des données

Accédez aux réponses des modules précédents via les variables Liquid. Par exemple, affichez le nom du client collecté dans un module formulaire : {{ response.prenom }} {{ response.nom }}

Écriture des données

Envoyez des données vers la réponse de campagne via l'API JavaScript intégrée. Les données seront disponibles pour les modules suivants et dans l'export des réponses.

Navigation conditionnelle

Déclenchez la navigation vers le module suivant ou un module spécifique en fonction des actions de l'utilisateur dans votre interface personnalisée.

API JavaScript disponible

Le module Liquid expose plusieurs fonctions JavaScript pour interagir avec Formulr :
• formulr.setData(key, value) - Enregistre une donnée dans la réponse
• formulr.getData(key) - Récupère une donnée de la réponse
• formulr.next() - Passe au module suivant
• formulr.goTo(moduleId) - Navigue vers un module spécifique
• formulr.validate() - Déclenche la validation du module

Avantages du module Liquid

✅ Liberté totale de design et d'interaction
✅ Intégration native dans le parcours Formulr
✅ Accès aux variables de campagne via Liquid
✅ Communication bidirectionnelle avec les autres modules
✅ Prévisualisation en temps réel dans l'éditeur

Conclusion

Le module Liquid comble le fossé entre les formulaires standards et les développements sur-mesure. Il vous permet de créer exactement l'expérience que vous imaginez, sans sacrifier les avantages de la plateforme Formulr : suivi des réponses, intégrations, workflows automatisés et reporting.