Configuration de la conception et du contenu pour le site instantané de nouvelle génération

Facebook Tweet Pin LinkedIn Email

Le site instantané est un site Web gratuit que vous obtenez avec votre compte. Il comprend une boutique en ligne intégrée qui vous permet de commencer à vendre immédiatement.

Le site instantané se compose de blocs personnalisables qui vous permettent de construire facilement un site Web attrayant et fonctionnel. Vous pouvez ajouter de nouveaux blocs à partir de la bibliothèque, supprimer/masquer les blocs qui ne fonctionnent pas pour vous, et organiser les sections dans l’ordre souhaité. Vous pouvez également modifier le contenu et la conception des blocs en toute facilité pour qu’ils correspondent à vos besoins et qu’ils reflètent votre marque. Le site Web de votre boutique en ligne bénéficiera d’une mise en page réactive à l’allure agréable sur les ordinateurs, tablettes et appareils mobiles.

Pour modifier le contenu et la conception de votre site instantané, accédez à Aperçu → Gérer le site instantané dans l’interface d’administration de votre boutique et cliquez sur le bouton Modifier le site.

Présentation du mode d’édition

Lorsque vous ouvrez votre site instantané pour l’éditer (Aperçu → Gérer le site instantané → Modifier le site ou Site Web → Modifier le site), vous pouvez voir la liste des Blocs du site dont votre site instantané se compose actuellement.

Tous ces blocs sont visibles sur l’aperçu du site instantané à droite, où ils apparaissent dans le même ordre que celui dans lequel ils apparaissent dans la liste.

Pour visiter votre site sur le Web et voir à quoi il ressemble sur un onglet séparé, cliquez sur l’adresse de votre Instant Site en haut de l’éditeur.

Ajouter des blocs

Si vous avez besoin de sections supplémentaires pour votre site Web (p. ex., une section « Offre spéciale », des blocs comprenant des informations sur la livraison/le paiement, ou un bloc “À propos de nous” supplémentaire) ou si vous voulez remplacer le bloc par celui qui convient le mieux à votre boutique, vous pouvez ajouter autant de nouveaux blocs que vous le souhaitez en toute facilité.

Pour ajouter un bloc à votre site instantané :

Depuis l’administration de votre boutique, accédez à Aperçu → Gérer le site instantané → Modifier le site (ou Site Web → Modifier le site).
Cliquez sur Ajouter un bloc.
Sur la page ouverte, cliquez sur l’aperçu du bloc dont vous avez besoin. Les blocs sont regroupés par sujet.
Une fois que vous cliquez sur le bloc, il apparaît pour être édité et ajouté à votre liste de Blocs du site, juste avant le bloc de pied de page.

Vous pouvez modifier la mise en page et le contenu du bloc à votre goût et modifier sa position sur votre site Web. Si vous avez des blocs en double (p. ex., vous avez ajouté un nouveau bloc de couverture avec la mise en page qui vous plaît le plus), vous pouvez toujours supprimer ceux qui sont en surplus.

Modifier des blocs

Votre site Web peut avoir les textes, couleurs et images qui correspondent le mieux aux besoins de votre entreprise. Vous pouvez modifier le contenu et la mise en page de chacun des blocs présents dans la liste des Blocs du site de l’éditeur du site instantané.

Pour modifier le contenu d’un bloc :

Depuis l’administration de votre boutique, accédez à Aperçu → Gérer le site instantané → Modifier le site (ou Site Web → Modifier le site).
Cliquez sur le bloc.
Sur l’onglet Contenu, cherchez l’élément dont vous avez besoin.
Effectuez les modifications nécessaires (modifier le texte, télécharger une nouvelle image, configurer les liens d’action, etc.)

Les textes présaisis dans les modèles de bloc contiennent des conseils sur ce qu’il faut écrire dans les champs.

Vous pouvez téléverser des images au format JPG, PNG, JPEG2000, GIF, WEBP et TIFF d’une taille inférieure à 20 Mo.

Pour modifier la conception d’un bloc :

Depuis l’administration de votre boutique, accédez à Aperçu → Gérer le site instantané → Modifier le site (ou Site Web → Modifier le site).
Cliquez sur le bloc.
Ouvrez ensuite Conception et apportez les changements nécessaires.
Apportez les changements nécessaires (définissez la mise en page du bloc : elle permet de définir les positions des éléments les uns par rapport aux autres, de modifier la police/le style/les couleurs pour les éléments de ce bloc, de configurer l’arrière-plan, de choisir quels éléments afficher, etc.)

Vous pouvez toujours revenir à la version précédemment enregistrée de votre site en cliquant sur Votre site Web → Ignorer les modifications en haut de l’éditeur. Pour les modifications apportées dans l’onglet Conception du bloc, vous pouvez également utiliser le lien Restaurer le bloc par défaut situé en bas. Veuillez noter que ce lien ramène les paramètres initiaux du modèle de conception pour ce bloc.

Les blocs avec des modifications non enregistrées dans la liste des blocs du site seront marqués avec un point bleu.

Une fois que vous avez fini de modifier votre site Web, cliquez sur le bouton Enregistrer et publier dans le coin supérieur droit de l’éditeur.

Modification de l’ordre des blocs

Les blocs de votre site instantané sont affichés dans l’ordre dans lequel ils sont repris dans la liste des Blocs du site de l’éditeur du site instantané (Aperçu → Gérer le site instantané → Modifier le site). Vous pouvez modifier l’ordre des sections de la manière souhaitée. Pour cela, faites simplement glisser et déposez vos sections Instant Site dans la liste.

En option, vous pouvez également cliquer sur Paramètres → Réorganiser les blocs pour glisser-déposer vos sections Instant Site sur une page dédiée.

Vous pouvez modifier l’ordre de tous les blocs, sauf pour l’en-tête et le pied de page : ils sont toujours le premier et le dernier bloc de votre site Web.

Supprimer des blocs

Vous pouvez supprimer une section de la liste des Blocs du site si vous n’en avez pas besoin sur votre site instantané. Par exemple, vous êtes en train de configurer votre boutique et n’avez pas encore de témoignages de client à mettre en vedette, ou votre entreprise est saisonnière et vous n’avez pas besoin du bloc Produits en vedette pour le moment.

Pour supprimer un bloc de votre site instantané :

Depuis l’administration de votre boutique, accédez à Aperçu → Gérer le site instantané → Modifier le site (ou Site Web → Modifier le site).
Cliquez sur le bloc.
Faites défiler vers le bas et cliquez sur Supprimer le bloc en bas.

Si vous avez besoin de ce bloc sur votre site Web plus tard, vous pouvez toujours ajouter des blocs similaires depuis la bibliothèque.

Si vous avez supprimé le bloc des témoignages de clients et que vous voulez le rajouter, choisissez un bloc similaire dans la liste et modifiez-le en fonction de vos besoins. Vous pouvez également ajouter des témoignages supplémentaires sur votre site Web de cette façon.

Vous ne pouvez pas supprimer les blocs d’en-tête et de pied de page, mais il est possible de les désactiver afin qu’ils ne soient pas affichés sur le site Web. Pour cela, cliquez sur le bloc correspondant dans l’éditeur, puis faites défiler vers le bas et désactivez les boutons Afficher le pied de page ou Afficher l’en-tête en bas de page. Vous pouvez toujours les réactiver plus tard.

Ajouter un menu de navigation

Le menu de navigation ou du site Web est une liste de liens affichée sur votre site.

Vous pouvez créer un menu de site Web pour faciliter la navigation des clients en naviguant sur votre boutique et en trouvant ce qu’ils recherchent. Le menu de navigation de votre site instantané sera affiché sous la forme d’une barre de liens horizontale située en haut de votre site pour les utilisateurs utilisant un ordinateur. Les clients mobiles verront le menu hamburger à la place. Ils devront appuyer sur le menu pour voir les liens.

Lorsqu’un client clique sur un lien, une certaine action est effectuée. Selon ce que vous choisissez, les clients peuvent être redirigés vers le bloc spécifique de votre site ou vers une autre page Web. Vous pouvez également créer un lien click-to-call ou mail-to pour que les clients puissent vous contacter.

Pour configurer un menu de navigation :

Depuis l’administration de votre boutique, accédez à Site Web et cliquez sur Modifier le site.
Dans la section Blocs du site , cliquez sur En-tête.
Dans l’onglet Contenu, cliquez sur Menu de navigation.
Vous pouvez cliquer sur le lien existant pour le modifier ou créer un nouveau lien en cliquant sur + Ajouter un élément du menu.
Dans le champ Nom, saisissez le nom explicite pour les clients. Par exemple, À propos de nous, Appelez-nous, etc.
Choisissez l’action à effectuer lors du clic :
- Faire défiler jusqu’à un bloc du site : le client sera redirigé vers l’un des blocs de votre site.
- Ouvrir une page : vous pouvez saisir n’importe quelle URL pour rediriger les clients sur cette page.
- Composer un e-mail : après avoir cliqué sur le lien, le service de messagerie par défaut sur l’appareil du client s’ouvrira.
- Appel téléphonique : après avoir cliqué sur le lien, le téléphone du client composera votre numéro.
- Accéder à la boutique : le client sera redirigé vers votre vitrine.
Cliquez sur Enregistrer et publier.
(facultatif) Vous pouvez modifier l’ordre des liens. Lors de l’édition de votre site, accédez à En-tête → Menu de navigation pour voir la liste de tous les liens que vous avez créés. Vous pouvez réorganiser l’ordre des liens du menu en les faisant glisser comme vous le souhaitez. Cliquez sur Enregistrer et publier.

Vous pouvez également modifier la conception de la barre de navigation en fonction de votre identité de marque.

Pour modifier la conception du menu du site :

Depuis l’administration de votre boutique, accédez à Site Web et cliquez sur Modifier le site.
Dans la section Blocs du site , cliquez sur En-tête.
Dans l’onglet Conception, cliquez sur Arrière-plan pour choisir la couleur de la barre de navigation.
Cliquez sur Menu de navigation pour choisir la police et la couleur des liens dans la barre.
Cliquez sur Enregistrer et publier.

Ajouter un menu de catégories

Les catégories de produits sont des groupes d’articles que vous regroupez pour les afficher sur la même page dans votre boutique. Par exemple, Tasses de café, Mode d’été, Meilleures ventes. Vous pouvez afficher le menu de vos catégories racines afin que les clients puissent rapidement trouver le produit qu’ils recherchent.

Pour créer un menu de catégories sur votre site instantané :

Depuis l’administration de votre boutique, accédez à Site Web et cliquez sur Modifier le site.
Dans le menu situé à gauche, cliquez sur En-tête → Menu de navigation et cliquez sur + Ajouter un menu.
Nommez l’élément pour qu’il soit clair pour les clients qu’il s’agit du lien vers votre boutique.
Cliquez sur le menu déroulant Action lors du clic et sélectionnez Accéder à la boutique.
Assurez-vous que le bouton Afficher les catégories lors du survol du curseur est activé. Vous pouvez désactiver cette option pour masquer le menu des catégories.
Cliquez sur Enregistrer et publier.

Notez que puisque le menu des catégories est affiché lors du survol du curseur, il ne s’affichera pas sur les appareils mobiles. Lorsqu’un client clique sur un lien dans le menu, il sera immédiatement redirigé vers votre boutique.

Ajouter des liens d’action

Pour certaines sections de votre site instantané (par exemple, la couverture du site, les témoignages ou le bloc « Nous contacter »), il est possible d’ajouter des liens d’action. Les liens d’action sont des textes ou des boutons cliquables comprenant du texte. Quand un client clique sur ce texte (ou bouton), une certaine action est effectuée.

Par exemple, vous pouvez spécifier une adresse URL de produit qui s’ouvrira lors d’un clic ou rediriger les clients vers une section spécifique de votre site Web (p. ex., quand il y a une promotion).

Pour configurer un lien d’action :

Depuis l’administration de votre boutique, accédez à Aperçu → Gérer le site instantané → Modifier le site (ou Site Web → Modifier le site).
Cliquez sur le bloc.
Dans l’onglet Contenu du bloc, cliquez sur Ajouter un lien d’action.

Le bloc de couverture comprend les boutons action principale et action secondaire à la place.
Saisissez le Titre. Il s’agira du texte de votre lien.
Choisissez Action lors du clic : Faire défiler jusqu’au bloc de site, Ouvrir la page, Composer un e-mail ou Appel téléphonique.
Choisissez le bloc du site/saisissez l’adresse URL/saisissez l’adresse e-mail ou le numéro de téléphone.
(facultatif) Modifiez l’apparence, la police, la taille, la forme et la couleur du lien d’action dans l’onglet Conception.

Exemple de conception d’un lien d’action pour un e-mail dans le bloc « Nous contacter ».

Configurer les blocs de la boutique

Deux blocs peuvent montrer aux clients où accéder à la boutique sur votre site instantané : le bloc « Produits en vedette » et le bloc « Catégories racines ». Par défaut, seul le bloc « Produits en vedette » est présent dans la liste des blocs du site.

Le bloc « Produits en vedette » inclut tous les produits qui sont attribués à la page d’accueil de la boutique. Ce bloc est un endroit parfait pour mettre en valeur les articles que vous voulez présenter le plus à vos clients. Une fois qu’un client clique sur un produit en vedette, il est redirigé vers la page de ce produit dans votre boutique.

Si vous avez un petit catalogue, vous pouvez simplement mettre tous les produits dans la section « Produits en vedette ». Si vous avez un plus grand catalogue, cependant, vous aurez probablement besoin d’un système de catégories dans votre boutique. Pour afficher ces catégories directement sur la page d’accueil de votre site instantané, vous pouvez ajouter un bloc spécial « Catégories racines ». Ce bloc contiendra toutes les catégories racines dont vous disposez.

Pour faciliter la navigation des catégories, vous pouvez également configurer un menu de catégories.

Pour ajouter un bloc « Catégories racines » :

Depuis l’administration de votre boutique, accédez à Aperçu → Gérer le site instantané → Modifier le site (ou Site Web → Modifier le site).
Cliquez sur Ajouter un bloc.
Sur la page ouverte, faites défiler jusqu’à Produits.
Cliquez sur le bloc Parcourir par catégorie.
Une fois que vous cliquez sur le bloc, il s’ouvre pour être modifié et ajouté à la liste des blocs du site.

Vous pouvez configurer à la fois le bloc « Produits en vedette » et le bloc « Catégories racines » sur la page d’accueil de votre site instantané. Pour cela, accédez à la page Conception de l’interface d’administration de votre boutique. Vous pouvez également modifier la disposition de ces blocs (p. ex., le nom du produit et le prix, comment le bouton « Acheter maintenant » et l’image principale du produit sont affichés, etc.) dans l’éditeur du site.

Pour modifier la disposition des blocs de la boutique dans l’éditeur de site :

Depuis l’administration de votre boutique, accédez à Aperçu → Gérer le site instantané → Modifier le site (ou Site Web → Modifier le site).
Cliquez sur le bloc.
Effectuez les modifications nécessaires sur les onglets Contenu et Conception (définissez le titre du bloc, choisissez les éléments à afficher, modifiez les polices, le style et la couleur d’arrière-plan, etc.)

Les paramètres de l’éditeur de site l’emportent sur les paramètres similaires configurés sur la page Conception de l’interface d’administration de votre boutique.

Application des polices et CSS par défaut

Il y a deux façons principales de modifier les polices sur votre site instantané. Tout d’abord, vous pouvez définir les polices pour chaque élément de chaque bloc individuellement dans l’onglet Conception de ce bloc. Vous pouvez choisir le type de police, la taille et le style (gras ou italique) ainsi que la couleur du texte. Deuxièmement, vous pouvez définir la police par défaut pour tous les blocs de votre site avec les paramètres de police globaux.

Par exemple, vous pouvez utiliser des paramètres globaux si vous essayez différentes options de mise en page et que vous n’avez pas besoin de polices différentes pour les différents éléments de vos blocs de site. De cette façon, vous gagnerez du temps et assurerez une mise en page cohérente sur votre site Web en un clin d’œil.

Vous pouvez définir :

Les polices de titre (il s’agit des polices des en-têtes de bloc)
Les polices des corps de texte (il s’agit des polices des paragraphes de texte, des textes des boutons, et des sous-titres)

Une fois que vous avez défini la police par défaut de votre site, vous pouvez toujours modifier les polices pour chaque élément individuel. Les paramètres de police globaux ne s’appliquent qu’aux éléments qui ont la police « Par défaut » sélectionnée dans l’onglet Conception de l’éditeur.

Les paramètres de police globaux que vous appliquez dans l’éditeur de site instantané ne sont utilisés que pour le site Web lui-même, y compris les blocs de la boutique (un aperçu qui montre à vos clients où accéder à la boutique sur votre site). Ils ne sont pas utilisés dans votre boutique réelle où les clients naviguent pour trouver des produits, car la vitrine est considérée comme une partie indépendante de votre site Web.

Si vous avez besoin d’ajuster l’apparence (y compris les polices) de votre boutique ou si vous souhaitez personnaliser l’apparence de votre site instantané (en plus des paramètres disponibles dans l’éditeur), vous pouvez le faire en ajoutant des codes CSS personnalisés. Avec l’aide des feuilles de style en cascade (CSS), vous pouvez modifier les styles qui sont utilisés sur vos pages : ajuster la couleur des boutons ou les cacher, choisir les polices, masquer les prix, et bien plus.

Pour appliquer des polices et/ou des styles :

Depuis l’administration de votre boutique, accédez à Aperçu → Gérer le site instantané → Modifier le site (ou Site Web → Modifier le site).
Cliquez sur Paramètres → Polices et styles.
Pour définir des polices par défaut pour votre site instantané, choisissez les polices dans les listes déroulantes Police de titre et Police de corps de texte.
Pour appliquer les styles, cliquez sur Paramètres avancés et saisissez votre code CSS.

Dans le cas où vous basculez vers le site instantané de nouvelle génération à partir de l’ancienne version de notre site instantané et que vous avez appliqué précédemment des thèmes CSS dans la page Conception de l’interface d’administration de votre boutique, ces codes seront toujours appliqués dans votre boutique (jusqu’à ce que vous les désactiviez). Si vous appliquez ensuite de nouveaux codes dans l’éditeur de site instantané et que vous constatez quelques intersections, les codes que vous appliquez dans la page Conception auront la priorité pour les pages de votre boutique.

Modifier l’adresse du site Web et le nom de la boutique

Vous pouvez modifier le nom et l’adresse du site Web de votre boutique afin qu’ils reflètent le concept et le nom de votre marque.

Pour modifier le nom de votre site Web :

Depuis l’administration de votre boutique, accédez à Paramètres → Général → Profil de la boutique.
Saisissez le nom de la boutique dans le champ Nom de la boutique dans la section Nom de la boutique et adresse Web.
Cliquez sur Enregistrer.

Pour modifier l’adresse de votre site Web :

Depuis l’administration de votre boutique, accédez à Aperçu → Gérer le site instantané (ou Site Web → Domaine).
Cliquez sur le bouton Modifier l’adresse.
Saisissez le nom que vous avez choisi pour votre adresse Web dans le champ « Utiliser notre sous-domaine ».
Cliquez sur Enregistrer.

Afficher la bannière de consentement à l’utilisation des cookies

Dans des pays comme l’UE, vous devrez peut-être afficher la bannière de consentement à l’utilisation des cookies sur le site Web de votre boutique. Pour l’afficher, accédez à Paramètres → Suivi et analyses dans l’éditeur du site instantané (Aperçu → Gérer le site instantané → Modifier le site) et activez le bouton de la bannière de consentement à l’utilisation des cookies.

Ce bouton active la bannière de consentement à l’utilisation des cookies à la fois sur votre site instantané et sur votre boutique. Vous pouvez également activer la bannière pour ne l’afficher que sur les pages de votre boutique.