Les templates construits avec Fast Builder sont responsifs par défaut, chaque bloc étant configuré pour s’ajuster à l’appareil sur lequel il est visualisé.
Plusieurs options sont mises à votre disposition pour contrôler et optimiser le rendu de vos templates sur mobile.
1. Masquer/afficher un bloc sur mobile
Par défaut, tout bloc ajouté dans un template est visible sur tout appareils. Vous pouvez cependant configurer vos blocs pour être masqués ou s’afficher exclusivement sur mobile.
- Sélectionnez votre bloc dans l’éditeur
- Accédez à l’onglet Contenu
- Dans la section Options d’affichage, activez Masquer selon device
- Sélectionnez l’appareil sur lequel le bloc doit être masqué : « Mobile » si le bloc ne doit pas apparaitre sur mobile, ou « Desktop » si le bloc ne doit apparaitre que sur Mobile.
2. Modifier la disposition d’un bloc sur mobile
La disposition de chaque bloc s’ajuste en fonction de l’appareil sur lequel le template est visualisé, pour offrir l’affichage le plus optimisé au lecteur. Certains blocs ont plusieurs dispositions possibles pour mobile, vous laissant la possibilité de sélectionner la plus adapté à votre message et votre identité visuelle.
Les blocs proposants plusieurs dispositions sur mobile sont les suivants :
- Le bloc Produits : Les produits peuvent être affichés sur une seule ligne (comme sur desktop), sur une colonne (affichage mobile par défaut) ou sur deux colonnes.
- Les blocs Reco/Perso en colonnes : Les produits peuvent être affichés sur une ou deux colonnes.
- Les blocs Menu texte et Menu icônes : ils peuvent être affiché en ligne (disposition par défaut sur desktop et mobile) ou en colonne.
- Les blocs Points clés 1-2-3 & Points clés icônes : Les points clés peuvent être affichés sur une seule ligne (comme sur desktop), sur une colonne (affichage mobile par défaut) ou sur deux colonnes.
Pour modifier la disposition mobile d’un bloc :
- Sélectionnez votre bloc dans l’éditeur
- Sélectionnez la disposition souhaitée dans Mode mobile
3. Prévisualiser un template sur mobile
L’éditeur Fast Builder dispose d’un outil de prévisualisation vous permettant de vérifier le rendu de votre template sur mobile pendant que vous travaillez dessus.
Pour l’ouvrir, cliquez sur Prévisualisation dans l’en-tête et sélectionnez l’onglet Mobile dans la fenêtre d’aperçu.
