Sections de la page d'accueil pour Brooklyn

Brooklyn comprend une sélection unique de sections de la page d'accueil. Vous pouvez ajouter, réorganiser et supprimer ces sections pour personnaliser la mise en page de votre page d'accueil.

Diaporama

Vous pouvez créer un diaporama de page d'accueil pleine largeur ou adapté à la hauteur de la première image de la séquence :

La page d'accueil d'une boutique en ligne appelée John's Apparel, qui affiche une image de diaporama en plein écran. La navigation de l'en-tête apparaît en haut de l'image.

Il est préférable d'utiliser des images haute définition pour vos diapositives. Utilisez des images de 3840 x 2160 px ou plus, à condition de ne pas dépasser les limites de mise en ligne de Shopify.

Étant donné que la taille et la forme du diaporama dépendent de la taille et de la forme de l'appareil du client, les images de votre diaporama seront recadrées sur certains écrans. Essayez d’utiliser des images avec un point focal au milieu de manière à ce que la partie importante de chaque image soit toujours visible.

Pour en savoir plus sur les bonnes pratiques pour les images de diaporama, voir Uploading images (Téléchargement d'images).

La section du diaporama comprend les paramètres suivants :

  • Rotation automatique entre les diapositives – Définissez la lecture automatique du diaporama.
  • Changer de diapositive toutes les – Sélectionnez la fréquence de changement des diapositives.
  • Image – Ajoutez une diapositive d'image à votre diaporama.
  • Superposition – Ajoutez une couleur sur votre diapositive d’image. Une superposition peut rendre le texte du diaporama plus facile à lire.
  • Opacité – Définissez l'opacité de votre superposition.
  • Texte du sous-titre – Ajoutez un sous-titre à votre diapositive. Le sous-titre apparaît avant le titre.
  • Texte du titre – Ajoutez un titre à votre diapositive.
  • Texte du bouton – Ajoutez un bouton avec une étiquette texte à votre diapositive.
  • Lien de diapositive – Reliez votre diapositive à une autre partie de votre boutique en ligne.
  • Adapter à la première image - Régler la hauteur du diaporama pour s’adapter à la hauteur de la première image.
  • Position de l'image - Choisissez la zone de l'image la plus importante sur laquelle vous concentrer dans le diaporama.
  • Alignement du texte - Alignez le texte par rapport aux diapositives.
  • Sélecteurs de couleurs pour les boutons et le texte du diaporama.

Personnaliser votre diaporama

  1. À côté de Brooklyn, cliquez sur Personnaliser.

  2. Cliquez sur Diaporama.

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

  4. Cliquez sur Save.

Articles de blog

Vous pouvez afficher jusqu'à trois articles de blog sur votre page d'accueil.

La section des articles de blog comprend les paramètres suivants :

  • Titre – Ajoutez un titre à la section des articles de votre blog.
  • Blog – Configurez le blog dont vous souhaitez afficher des articles.
  • Articles – Définissez le nombre d'articles de blog à afficher.
  • Afficher la date – Affichez la date à laquelle les articles de votre blog ont été publiés.
  • Afficher l'auteur – Affichez l'auteur de vos articles de blog.
  • Afficher l'image de couverture – Affichez l'image de couverture de vos articles de blog.
  • Afficher un extrait – Affichez un bref résumé des articles de votre blog.
  • Bouton « Afficher tout » – Ajoutez un bouton menant à la page du blog de votre boutique en ligne.

Ajouter des articles de blog à votre page d'accueil

  1. À côté de Brooklyn, cliquez sur Personnaliser.

  2. Cliquez sur Ajouter une section > Articles de blog > Ajouter.

  3. Utilisez les paramètres pour personnaliser la section blog de votre page d'accueil.

  4. Cliquez sur Save.

Liste des collections

Vous pouvez afficher jusqu'à neuf collections sur votre page d'accueil.

La section de la liste des collections comprend les paramètres suivants :

  • Titre – Ajoutez un titre à votre liste de collections.
  • Collection – Définissez les collections que vous souhaitez mettre en vedette.

Ajouter une liste de collections à votre page d'accueil

  1. À côté de Brooklyn, cliquez sur Personnaliser.

  2. Cliquez sur Liste de collection.

  3. Utilisez les paramètres pour personnaliser la section de votre liste de collections.

  4. Cliquez sur Save.

Collection en vedette

Vous pouvez mettre en vedette les produits d'une de vos collections sur votre page d'accueil.

La section de la collection en vedette comprend les paramètres suivants :

  • Titre – Ajoutez un titre à la collection que vous mettez en vedette.
  • Collection – Définissez la collection dont vous souhaitez mettre les produits en vedette.
  • Style de grille – Définissez la mise en page de vos produits en vedette.

Ajouter une collection vedette à votre page d'accueil

  1. À côté de Brooklyn, cliquez sur Personnaliser.

  2. Cliquez sur Collection en vedette.

  3. Utilisez les paramètres pour personnaliser la section de votre collection en vedette.

  4. Cliquez sur Save.

Image avec texte

Vous pouvez afficher une image et du texte personnalisé sur votre page d'accueil.

La section image et texte d'une boutique en ligne. La moitié gauche de la section montre une image, et la moitié droite de la section affiche du texte et un bouton.

La section d'image avec texte comprend les paramètres suivants :

  • Image – Sélectionnez une image à ajouter à la section.
  • Alignement de l'image – Définissez le côté de la page sur lequel vous souhaitez afficher l'image.
  • Titre – Ajoutez un titre à la section.
  • Texte – Ajoutez du texte à la section.
  • Texte du bouton – Ajoutez un bouton avec une étiquette texte à la section.
  • Lien du bouton – Insérez dans votre bouton un lien vers une autre page ou un autre site web.

Ajouter une image avec du texte à une page d'accueil

  1. À côté de Brooklyn, cliquez sur Personnaliser.

  2. Cliquez sur Ajouter une section > Image avec texte > Ajouter.

  3. Utilisez les paramètres pour personnaliser votre section Image avec texte.

  4. Cliquez sur Save.

Produit en vedette

Vous pouvez présenter un produit sur votre page d'accueil. Mettre un produit en vedette est un excellent moyen de promouvoir un nouveau produit ou un produit soldé.

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

  • Produit – Sélectionnez un produit à mettre en vedette sur la page d'accueil.
  • Afficher les étiquettes de variantes – Affichez les étiquettes des variantes du produit, p. ex. « Taille » et « Couleur ».
    Une liste de produits pour une chemise avec la possibilité de choisir différentes variantes de couleur. L'étiquette « Couleur » est en surbrillance.
  • Afficher le distributeur – Affichez la marque ou le fournisseur du produit.
  • Texte – Ajoutez du texte à votre produit en vedette.
  • Texte du bouton – Ajoutez un bouton avec une étiquette texte à votre produit en vedette.
  • Lien du bouton – Insérez dans votre bouton un lien vers une autre page ou un autre site web.

Ajouter un produit en vedette à votre page d'accueil

  1. À côté de Brooklyn, cliquez sur Personnaliser.

  2. Cliquez sur Ajouter une section > Produit en vedette > Ajouter.

  3. Utilisez les paramètres pour personnaliser la section de votre produit en vedette.

  4. Cliquez sur Save.

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.

La section newsletter sur un site web. Ce champ comprend une zone de texte pour que les clients y saisissent leur adresse e-mail, mais aussi un bouton « S'abonner ».

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

  • Titre – Ajoutez un titre à votre inscription à la newsletter.
  • Sous-titre – Ajoutez un sous-titre à votre inscription à la newsletter.

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

  1. À côté de Brooklyn, cliquez sur Personnaliser.

  2. Cliquez sur Ajouter une section > Newsletter > Ajouter.

  3. Utilisez les paramètres pour personnaliser votre section d’inscription à la newsletter.

  4. Cliquez sur Save.

Carte

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

Conseil Pour que votre carte s'affiche, vous devez enregistrer une clé API Google Maps.

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. À côté de Brooklyn, cliquez sur Personnaliser.

  2. Cliquez sur Ajouter une section > Carte > Ajouter.

  3. Utilisez les paramètres pour personnaliser la section de votre carte.

  4. Cliquez sur Save.

Texte enrichi

Vous pouvez ajouter un texte personnalisé sur votre page d'accueil.

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

  • Affichage large – Réduisez les marges de chaque côté de votre texte.
  • Titre – Ajoutez un titre à votre section de texte enrichi.
  • Texte – Ajoutez et formatez votre texte personnalisé.
  • Taille – Définissez la taille de votre texte.

Ajouter un texte personnalisé à votre page d'accueil

  1. À côté de Brooklyn, cliquez sur Personnaliser.

  2. Cliquez sur Texte enrichi.

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

  4. Cliquez sur Save.

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 découvrir comment copier le lien de partage d'une vidéo YouTube, consultez cet article de l'Aide 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. À côté de Brooklyn, cliquez sur Personnaliser.

  2. Cliquez sur Ajouter une section > Vidéo > Ajouter.

  3. Utilisez les paramètres pour personnaliser votre section vidéo.

  4. Cliquez sur Save.

Code HTML personnalisé

Vous pouvez créer un 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 autre site web.

La section HTML personnalisée comprend les paramètres suivants :

  • HTML – Ajoutez le code HTML que vous souhaitez afficher sur votre page d'accueil.
  • Largeur du conteneur – Définissez la largeur de votre section HTML personnalisée.
  • Alignement vertical – Définissez la position verticale du contenu dans la section.

Ajouter du code HTML personnalisé à votre page d'accueil

  1. À côté de Brooklyn, cliquez sur Personnaliser.

  2. Cliquez sur Ajouter une section > Code HTML personnalisé > Ajouter.

  3. Utilisez les paramètres pour personnaliser votre section HTML.

  4. Cliquez sur Save.

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

Essayez gratuitement