Sections de Simple

Le contenu du thème est généré à l’aide de sections. Les sections sont des blocs de contenu personnalisables, qui déterminent la mise en page et l’apparence de différentes pages de votre boutique en ligne.

Les sections statiques apparaissent dans des emplacements prédéterminés de votre boutique en ligne. Ces sections ne peuvent pas être supprimées ou réarrangées. Elles peuvent inclure des en-têtes, des pieds de page, des sections de navigation ou des sections de contenu sur des pages telles que les pages de produits et de collection. Par exemple, la section Produit détermine l’apparence de chaque page de produit sur votre boutique en ligne.

Les sections dynamiques sont facultatives, et vous pouvez les utiliser pour personnaliser la mise en page de votre page d’accueil. Sur la page d’accueil de votre boutique, vous pouvez ajouter, réorganiseret supprimer des sections dynamiques pour créer la mise en page. Votre page d’accueil peut présenter jusqu’à 25 sections dynamiques.

Vous pouvez en apprendre davantage sur la sélection unique de sections de Simple et la manière de les personnaliser en fonction de votre entreprise.

Sections statiques

Simple inclut les sections statiques suivantes :

  • En-tête
  • Menu de la barre latérale
  • Pied de page
  • Pages de produits
  • Recommandations de produits
  • Pages de collection
  • Page de liste des collections
  • Pages d'articles

Sections dynamiques

Simple inclut les sections dynamiques suivantes :

  • Articles de blog
  • Liste des collections
  • Collection en vedette
  • Bannière mise en évidence
  • Image avec texte
  • Diaporama
  • Produit en vedette
  • Newsletter
  • Carte
  • Texte enrichi
  • Vidéo
  • Code HTML personnalisé

En-tête

Dans la section de l'en-tête, vous pouvez modifier le contenu qui apparaît en haut de chaque page de votre boutique. Vous pouvez ajouter une image de logo, créer un message d’annonce et ajouter un slogan.

Ajouter un logo personnalisé

Vous pouvez ajouter une image de logo personnalisée à l'en-tête de votre boutique. Le meilleur format est un fichier .png avec un fond transparent. Les images de logo doivent être de 450 x 200 px. Vous pouvez redimensionner l'image du logo en diminuant sa largeur.

  1. Cliquez sur En-tête. 5. Dans la zone Image du logo, cliquez sur Sélectionner une image, puis effectuez l’une des opérations suivantes : * pour sélectionner une image que vous avez déjà mise en ligne sur l’interface administrateur Shopify, cliquez sur l’onglet Bibliothèque. * Pour sélectionner une image sur votre ordinateur local, cliquez sur Bibliothèque > Mettre en ligne. 6. Utilisez le curseur de la largeur personnalisée du logo pour en personnaliser la largeur. 8. Cliquez sur Save (Enregistrer).

Ajouter une barre d’annonces

Vous pouvez ajouter une barre d’annonces dans l’en-tête et l'utiliser pour afficher un message à l'attention de vos clients. Votre message peut être personnalisé. Il peut inclure vos coordonnées, des informations sur des événements ou des soldes dans votre boutique, ou encore le slogan de celle-ci.

  1. Cliquez sur En-tête. 5. Dans la zone Barre d’annonces, cochez Afficher l’annonce. Sélectionnez Page d’accueil uniquement pour afficher le message d’annonce seulement sur la page d’accueil. 6. Saisissez le texte de votre annonce. 7. Facultatif : saisissez une URL pour ajouter un lien à votre annonce. 9. Pour changer la couleur de l’arrière-plan de la barre d’annonces, cliquez sur l’échantillon de couleur de la barre et choisissez une couleur. 10. Pour modifier la couleur du texte de l’annonce, cliquez sur l’échantillon de couleur du texte et choisissez une couleur. 11. Cliquez sur Save (Enregistrer).

Simple dispose d'une barre latérale qui contient un menu de navigation.

  1. Cliquez sur le menu de la barre latérale. Dans la liste Menu, sélectionnez un menu pour le menu de la barre latérale. 3. Cliquez sur Save (Enregistrer).

Pied de page

Le pied de page de votre thème est la section qui apparaît au bas de chaque page de votre boutique. Vous pouvez ajouter les fonctionnalités suivantes à votre pied de page :

  • icônes de paiement
  • un menu
  • inscription à la newsletter
  • une section de texte contenant des informations sur votre entreprise

Ajouter des icônes de paiement

Vous pouvez afficher les icônes des moyens de paiement que vous acceptez dans votre pied de page. Cette zone montre les icônes associées au fournisseur de services de paiement que vous avez activé dans la section Paramètres de paiement de votre interface administrateur.

  1. Cliquez sur Pied de page.

  2. Cochez Afficher les icônes de paiement.

  3. Cliquez sur Save (Enregistrer).

Ajouter un menu, une inscription à la newsletter ou un texte

  1. Cliquez sur Pied de page.

  2. Pour ajouter un bloc de contenu, cliquez sur la zone Contenu, puis sur Ajouter du contenu. Sélectionnez le type de bloc parmi les options suivantes :

  • Menu
  • Newsletter
  • Texte

    Pour supprimer un bloc de contenu, cliquez sur le bloc, puis sur Supprimer le contenu.

    Pour personnaliser un bloc de contenu, cliquez sur le bloc et modifiez les paramètres.

  1. Cliquez sur Save (Enregistrer).

Pages de produits

La section Pages de produits est la principale section personnalisable pour les pages de collection. Vous pouvez personnaliser cette section à l'aide des options suivantes :

Paramètres

  • Afficher le sélecteur de quantité – donnez aux utilisateurs la possibilité de préciser une quantité à ajouter à leur panier.
  • Afficher le fournisseur du produit - Affichez la marque ou le distributeur du produit. Pour qu'une marque ou un distributeur s'affiche, vous devez ajouter un distributeur au produit.
  • Activer le partage de produits - Afficher les boutons que les clients peuvent utiliser pour partager des produits sur les médias sociaux. Les options de partage qui s’affichent sont contrôlées par les paramètres de votre thème.

Description

  • Position - Choisissez l’emplacement de la description du produit par rapport à l’image du produit.
  • Afficher un onglet à côté de la description de votre produit - Affichez le contenu d'une page, comme un tableau des tailles ou une politique de retour, sur un deuxième onglet. Sélectionnez la page à afficher dans le contenu de l'onglet.

Image vedette

  • Type de zoom – Choisissez le style de zoom pour les images de produit. Sélectionnez Aucun zoom pour empêcher les clients d’effectuer un zoom avant.

Bouton d'ajout au panier

  • Afficher le bouton de paiement dynamique – offrez aux clients la possibilité d'ignorer le panier pour accéder directement au paiement depuis la section des produits en vedette.
  • Taille du bouton – Sélectionnez une valeur dans ce menu déroulant pour définir la taille du bouton Ajouter au panier et du bouton de paiement dynamique.

Modifier les paramètres des pages de produits

  1. Sélectionnez les pages de produits. 2. Cliquez sur la section Pages de produit. 3. Utilisez les paramètres pour personnaliser la section des pages de produits. 4. Cliquez sur Save (Enregistrer).

Recommandations de produits

Vous pouvez afficher des produits recommandés sur les pages des produits pour permettre à vos clients de découvrir d'autres produits qui pourraient les intéresser.

Activer les recommandations sur les produits

  1. Sélectionnez Product pages (Pages de produits).

  2. Cliquez sur la section Recommandations sur les produits.

  3. Cochez Afficher les recommandations dynamiques pour afficher les recommandations sur les produits sur les pages de vos produits.

  4. Facultatif : pour modifier le titre qui apparaît au-dessus des produits recommandés, saisissez-en un nouveau dans le champ Heading (Titre).

    1. Facultatif : pour afficher ou masquer les distributeurs dans les descriptions de produits, activez la case à cocher Afficher le distributeur.
  5. Cliquez sur Save (Enregistrer).

Pages de collection

La section Pages de collection est la principale section personnalisable pour les pages de collection.

La section Pages de collections comprend les paramètres suivants :

  • Afficher le distributeur du produit - Affichez le distributeur de chaque produit sous le titre du produit.
  • Activer le tri des collections - Autorisez vos clients à trier les produits sur vos pages de collection.
  • Cochez Activer le filtrage par balise de produit - Permettez à vos clients filtrer la collection par balise de produit.

Modifier les paramètres des pages de collection

  1. Sélectionnez les pages de collections. 2. Cliquez sur la section Pages de collection. 3. Utilisez les paramètres pour personnaliser la section de vos pages de collections. 4. Cliquez sur Save (Enregistrer).

Collection en vedette

Vous pouvez présenter une collection sur votre page d'accueil. Présenter des collections peut vous aider à promouvoir les promotions et les nouvelles collections.

La section Collection en vedette comprend les paramètres suivants :

  • Titre - Ajoutez le texte qui apparaît au-dessus des produits de la collection. Le texte par défaut est Collection en vedette.
  • Collection – Choisissez une collection à afficher dans la section. Jusqu'à 50 produits de la collection sélectionnée s'affichent alors.
  • Lignes - Définissez le nombre de lignes de produits à afficher dans la section.

Ajouter une collection en vedette à votre page d'accueil

  1. Cliquez sur Ajouter une section. 2. Cliquez sur Collection en vedette, puis sur Sélectionner. 3. Cliquez sur Sélectionner une collection, puis sélectionnez-en une dans la liste Collection. 4. Personnalisez la section à l'aide des paramètres. 5. Cliquez sur Save (Enregistrer).

Bannière mise en évidence

Vous pouvez ajouter une image de bannière sur votre page d'accueil pour la mettre en évidence. Vous pouvez également ajouter un en-tête et un lien d'image.

Ajouter une section de bannière vedette sur sa page d'accueil

  1. Cliquez sur Ajouter une section.
  2. Cliquez sur Bannière en vedette, puis sur Sélectionner.
  3. Saisissez un nouveau titre pour cette section dans le champ En-tête.
  4. Dans la zone Image, cliquez sur Sélectionner une image, puis effectuez l'une des opérations suivantes : - Pour sélectionner une image que vous avez déjà mise en ligne dans votre interface administrateur Shopify, cliquez sur l'onglet Bibliothèque.
  5. Pour sélectionner une image provenant de la banque d'images gratuites Burst, cliquez sur Images gratuites. De là, vous pouvez saisir un terme de recherche ou parcourir les catégories d'images.
  6. Pour sélectionner une image sur votre ordinateur local, cliquez sur l'onglet Bibliothèque, puis sur Mettre en ligne.

  7. Dans le champ Lien d'image, sélectionnez une page de votre boutique à laquelle vous souhaitez lier l'image.

  8. Cliquez sur Save (Enregistrer).

Image avec texte

Avec Simple, vous pouvez ajouter une image avec du texte affiché à droite ou à gauche de l'image. Vous pouvez également ajouter un bouton qui renvoie à une autre page.

Vous pouvez utiliser une section d'image avec texte pour promouvoir un produit ou une collection spécifique.

La section Image avec texte comprend les paramètres suivants :

  • Image – Ajoutez une image à inclure dans la section. Vous pouvez importer une image, utiliser une image déjà mise en ligne ou sélectionner une image dans la banque d'images gratuites Burst.
  • Alignement d'image - Choisissez si l'image de la section apparaît à gauche ou à droite.
  • Titre – Ajoutez le texte principal à associer à l’image.
  • Texte – Ajoutez texte secondaire à associer à l’image. Ce texte s’affiche sous le titre.
  • Étiquette du bouton – Ajoutez le texte que vous souhaitez voir apparaître sur le bouton.
  • Lien du bouton – Définissez l'URL ou la page à laquelle vous souhaitez que le bouton mène. Collez l’URL ou sélectionnez une page dans le menu. Si vous ne souhaitez pas inclure de bouton dans la section, laissez ce champ vide.

Ajouter une image avec une section de texte à une page d'accueil

  1. Cliquez sur Ajouter une section. 3. Cliquez sur Image avec texte, puis sur Sélectionner. 3. Dans la zone Image, cliquez sur Sélectionner une image, puis effectuez l’une des opérations suivantes : - Pour sélectionner une image que vous avez déjà mise en ligne dans votre interface administrateur Shopify, cliquez sur l'onglet Bibliothèque.
    • Pour sélectionner une image provenant de la banque d'images gratuites Burst, cliquez sur Images gratuites. De là, vous pouvez saisir un terme de recherche ou parcourir les catégories d'images.
    • Pour sélectionner une image sur votre ordinateur local, cliquez sur l'onglet Bibliothèque, puis sur Mettre en ligne.
  2. Personnalisez la section à l'aide des paramètres. 5. Cliquez sur Save (Enregistrer).

Diaporama

Vous pouvez créer un diaporama de page d'accueil, qui contient jusqu'à six images.

La taille recommandée pour les diapositives est de 1 280 x 460 px.

La section du diaporama comprend les paramètres suivants :

Contenu

  • Image – Ajoutez une diapositive d'image à votre diaporama.
  • Position de l'image - Choisissez la zone de l'image la plus importante sur laquelle vous concentrer dans le diaporama.
  • Opacité de superposition - Définissez l'ombre de la superposition d'image. Une superposition assombrit l'apparence de vos images et peut rendre le texte du diaporama plus facile à lire.
  • Couleur du texte – Définissez la couleur du texte du diaporama.
  • Alignement du texte - Alignez le texte par rapport aux diapositives.
  • Titre - Ajoutez un titre à votre diapositive.
  • Texte de bouton - Ajoutez un bouton avec une étiquette de texte à votre diapositive.
  • Lien du bouton – Définissez l'URL ou la page à laquelle vous souhaitez que le bouton mène. Collez l’URL ou sélectionnez une page dans le menu. Si vous ne souhaitez pas inclure de bouton dans la section, laissez ce champ vide.

Paramètres

  • Hauteur de diapositive – Définissez la hauteur du diaporama. Sélectionnez Adapt to first image slide height (Adapter à la hauteur de la diapositive de la première image) pour baser la hauteur de votre diaporama sur la hauteur de votre première image.
  • Rotation automatique des diapositives - Configurez la lecture automatique du diaporama.
  • Changer de diapositive toutes les – Sélectionnez la fréquence de rotation des diapositives.
  • Effet de transition – Indiquez si vous souhaitez que les images glissent ou disparaissent progressivement.
  • Taille du texte – Définissez la taille du texte de votre diaporama.

Ajouter un diaporama à votre page d'accueil

  1. Cliquez sur Ajouter une section.
  2. Cliquez sur Diaporama, puis sur Sélectionner.
  3. 2. Dans la zone Contenu, cliquez sur Diapositive, puis effectuez l’une des opérations suivantes : - Pour sélectionner une image que vous avez déjà mise en ligne dans votre interface administrateur Shopify, cliquez sur l'onglet Bibliothèque.
  4. Pour sélectionner une image provenant de la banque d'images gratuites Burst, cliquez sur Images gratuites. De là, vous pouvez saisir un terme de recherche ou parcourir les catégories d'images.
  5. Pour sélectionner une image sur votre ordinateur local, cliquez sur l'onglet Bibliothèque, puis sur Mettre en ligne.

  6. Pour ajouter des diapositives supplémentaires, cliquez sur Ajouter une diapositive.

  7. Utilisez les paramètres pour personnaliser votre diaporama.

  8. Cliquez sur Save (Enregistrer).

Newsletter

Vous pouvez ajouter un champ d'inscription à votre newsletter en page d'accueil. Cela vous permet de recueillir les adresses e-mail de clients pour vos campagnes de marketing par e-mail. Consultez le blog de Shopify pour en savoir plus sur le marketing par e-mail.

Ajouter une inscription à la newsletter sur votre page d'accueil

  1. Cliquez sur Add section (Ajouter une section).

  2. Cliquez sur Newsletter, puis sur Sélectionner.

  3. Saisissez un titre pour l'inscription à votre newsletter.

  4. Saisissez un sous-titre pour l’inscription à la newsletter.

  5. Cliquez sur Save (Enregistrer).

Carte

Vous pouvez ajouter une carte Google sur votre page d'accueil pour montrer aux clients où se trouve votre entreprise.

La section de la carte comprend les paramètres suivants :

  • Titre - Ajoutez un titre à votre section de carte.
  • Adresse et heures d'ouverture – Ajoutez l'adresse et les heures d'ouverture de votre boutique à la section de votre carte.
  • Adresse de la carte – Définissez la carte de manière à ce qu'elle affiche l'emplacement de votre boutique.
  • Texte du lien de la carte – Ajoutez un bouton menant à votre position sur Google Maps.
  • Afficher l'épingle – Ajoutez une épingle indiquant l'emplacement spécifique de votre boutique sur la carte.
  • Clé API Google Maps – Ajoutez la clé API de votre carte à la section Carte.
  • Image – Ajoutez une image qui s'affiche si la carte ne charge pas.
  • Position de l'image – Définissez l'emplacement de l'image.

Ajouter une carte à votre page d'accueil

  1. Cliquez sur Ajouter une section. 2. Cliquez sur Mapper, puis cliquez sur Sélectionner. 3. Utilisez les paramètres pour personnaliser la section de votre carte. 4. Cliquez sur Save (Enregistrer).

Texte enrichi

Utilisez la section Rich text (Texte enrichi) pour fournir tout contenu écrit que vous souhaitez afficher sur votre page d'accueil ou pour intégrer une page créée dans votre interface administrateur de Shopify. Par exemple, vous pouvez présenter de futurs événements en intégrant votre page de blog, ou afficher une page comportant l'un ou l'autre des éléments suivants :

La section de texte enrichi comprend les paramètres suivants :

  • Titre – Ajoutez un titre à votre section de texte enrichi. - Texte – Ajoutez et formatez votre texte personnalisé. Si vous souhaitez mettre en vedette une page de votre boutique, cliquez sur Ajouter du contenu, puis sur Page. Sélectionnez une page à afficher en tant que page d'accueil dans le menu déroulant. - Taille – Définissez la taille de votre texte.

Ajouter du texte enrichi à sa page d’accueil

  1. Cliquez sur Ajouter une section.

  2. Cliquez sur Texte enrichi, puis cliquez sur Sélectionner.

  3. Utilisez les paramètres pour personnaliser votre section de texte enrichi.

  4. Cliquez sur Save (Enregistrer).

Vidéo

Vous pouvez ajouter une vidéo YouTube ou Vimeo à votre page d'accueil. Les vidéos permettent d'éveiller la curiosité de vos clients et de les intéresser à votre entreprise.

Pour ajouter une vidéo, vous devez trouver le lien de partage de la vidéo :

  • YouTube – Un lien de partage YouTube ressemble à ceci : https://youtu.be/Oc5v_ToKP7c. Pour savoir comment copier le lien de partage d'une vidéo YouTube, consultez cet article de l'assistance de YouTube.
  • Vimeo – Un lien de partage Vimeo ressemble à ceci : https://vimeo.com/123456789. Pour découvrir comment copier le lien de partage d'une vidéo Vimeo, consultez cet article du Centre d'aide de Vimeo.

La section vidéo comprend les paramètres suivants :

  • Titre – Ajoutez un titre à votre section vidéo.
  • Lien de la vidéo – Ajoutez le lien de partage de votre vidéo.

Ajouter une vidéo à votre page d'accueil

  1. Cliquez sur Ajouter une section. 3. Cliquez sur Vidéo, puis cliquez sur Sélectionner. 4. Utilisez les paramètres pour personnaliser la section vidéo. 5. Cliquez sur Save (Enregistrer).

Code HTML personnalisé

Dans la section HTML personnalisé, vous pouvez utiliser du code HTML pour créer du contenu personnalisé pour votre page d'accueil. Par exemple, vous pouvez utiliser le langage HTML pour mettre en forme des blocs de texte, créer des tableaux ou incorporer du contenu à partir d'un site web tiers.

Ajouter une section HTML personnalisée à la page d'accueil

  1. Cliquez sur Ajouter une section.

  2. Cliquez sur Code HTML personnalisé, puis sur Sélectionner.

  3. Cliquez sur HTML personnalisé et saisissez le code HTML que vous souhaitez ajouter à votre page d'accueil.

  4. Cliquez sur Save (Enregistrer).

Prêt(e) à commencer à vendre avec Shopify ?

Essayez gratuitement