Design et réglages du créateur

17 articles

À quoi servent les onglets des Réglages du constructeur et comment les utiliser ? Un aperçu de chaque onglet des Réglages du constructeur : Image de marque, Couleurs, Polices, Disposition, Animations, Automatisations, Champs de saisie, Icônes, Interdictions, Commander, Formulaire de commande, Page de maintenance, CSS et Javascript personnalisés, réglés par marché.
Comment ajouter un favicon, une image de fond et mon logo à ma boutique ? L'onglet Image de marque du constructeur : réglez votre favicon (l'icône de l'onglet du navigateur) et une image de fond avec Taille (Couvrir, Contenir) et Répéter. Où placer votre logo dans l'en-tête et le pied de page, et où trouver les couleurs et les polices.
Comment fonctionnent les schémas de couleurs et comment changer les couleurs de ma boutique ? Gérez les schémas dans l'onglet Couleurs du constructeur : fond, texte, liens, badges, bordures, ombre, boutons principal et secondaire, champs. Comment les sections choisissent un schéma, Utiliser le schéma de couleurs parent, la limite de 9 schémas et pourquoi réordonner change les couleurs.
Comment changer les polices et la graisse du texte de ma boutique ? Changez les polices de votre boutique dans l'onglet Polices du constructeur : polices Corps, Titre, Sous-titre et Accent, polices système et non système, recherche de polices, texte arabe et Graisse du texte (Normal, Moyen, Gras).
Comment changer la largeur de page de ma boutique ? Définissez la largeur maximale des pages de votre boutique dans l'onglet Disposition du constructeur (de 900 à 1400 px), découvrez son fonctionnement sur téléphone et sur grand écran, et comment les sections en pleine largeur vont d'un bord à l'autre.
Comment ajouter ou désactiver les animations au défilement et le zoom des images sur ma boutique ? Utilisez l'onglet Animations du constructeur : Apparition au défilement (Aucun, Fondu, Glisser vers le haut, Glisser vers l'intérieur, Zoom) pour animer les sections, et Effet de zoom des images pour agrandir les images sous la souris. Pourquoi les animations ne s'affichent pas dans le constructeur.
Comment faire en sorte que les vidéos se lancent automatiquement sur ma boutique ? Activez Lecture automatique des vidéos dans l'onglet Automatisations du constructeur pour lancer les vidéos quand les clients arrivent dessus. Vidéos importées et intégrées (YouTube, Vimeo, TikTok, Dailymotion), pourquoi elles sont muettes, et la pause hors écran.
Comment changer le style des champs de formulaire de ma boutique ? Utilisez l'onglet Champs de saisie du constructeur pour styliser tous les champs de formulaire de votre boutique (commande, contact, infolettre, avis) : Type d'étiquette (Réduire ou Développer), icônes des champs (Aucun, Par défaut, Étiquette) et Position de l'icône (Début ou Fin).
Comment rendre les icônes de ma boutique plus épaisses ? Utilisez l'onglet Icônes du constructeur pour régler le Trait de toutes les icônes de votre boutique, Par défaut ou Épais : icônes du panier et de recherche de l'en-tête, flèches du menu, icônes des champs de formulaire et icônes des sections.
Comment empêcher les visiteurs de copier mes textes et mes images ou de faire un clic droit sur ma boutique ? Utilisez l'onglet Interdictions du constructeur : empêchez la copie, la sélection des textes et des images, le clic droit et l'inspection de la page, et empêchez le logo de l'en-tête de renvoyer à l'accueil. Ce que ces protections peuvent faire ou non.
Comment choisir entre Ajouter au panier et Paiement rapide ? Utilisez l'onglet Commander du constructeur pour régler la Méthode de paiement (Ajouter au panier, ou Paiement rapide depuis la page produit) et la Méthode secondaire qui ajoute l'autre bouton. Ce qui change sur les pages produit, les cartes produit, le panier et la page panier.
Comment ajouter, masquer, rendre obligatoires, renommer ou réordonner les champs de mon formulaire de commande ? Modifiez votre formulaire de commande dans l'onglet Formulaire de commande : chaque champ (nom, téléphone, e-mail, adresse, ville, région, code postal, note, livraison, paiement, code de réduction), Désactivé, Activé ou Obligatoire, libellés, textes indicatifs, listes, zones de livraison et ordre.
Comment mettre ma boutique en mode maintenance ou afficher une page « bientôt disponible » ? Activez le mode maintenance dans l'onglet Page de maintenance du constructeur pour cacher votre boutique derrière un message pendant que vous la préparez. Réglez le titre, le message et le schéma de couleurs, et découvrez le fonctionnement par marché et comment rouvrir votre boutique.
Comment créer des menus de navigation et les ajouter à l'en-tête et au pied de page ? Créez des menus de navigation avec jusqu'à trois niveaux de liens (listes déroulantes et méga-menus), liez des produits, des collections, des pages et des politiques, puis reliez un menu à l'en-tête ou au pied de page de votre boutique dans le constructeur.
Puis-je ajouter du code personnalisé, des scripts ou des balises meta à ma boutique (HTML, CSS, JavaScript, section head) ? Où ajouter votre propre HTML, CSS et JavaScript dans le constructeur (section Code personnalisé, CSS personnalisé, Javascript personnalisé), pourquoi vous ne pouvez pas coller de code dans le head, et quelle application utiliser pour Google Search Console, Google Tag Manager et les pixels.
Comment ajouter du CSS personnalisé à toute ma boutique ou à une seule section ? Ajoutez votre propre CSS dans le constructeur : l'onglet CSS personnalisé des Réglages pour toute la boutique, et l'onglet CSS personnalisé d'une section pour elle seule. La portée du CSS de section, le sélecteur &, les media queries et des conseils quand votre CSS ne fonctionne pas.
Comment ajouter du JavaScript personnalisé à toute ma boutique ? Ajoutez votre propre JavaScript à toutes les pages avec l'onglet Javascript personnalisé du constructeur. Quand le code s'exécute, pourquoi il ne se relance pas à chaque page, les erreurs, et pourquoi les balises de suivi et les codes de vérification vont plutôt dans des applications.