Sections dynamiques pour Brooklyn

Brooklyn comprend plusieurs sections dynamiques que vous pouvez utiliser pour personnaliser la mise en page de votre page d’accueil. Vous pouvez ajouter, réorganiseret supprimer des sections dynamiques pour créer la mise en page. Votre page d’accueil peut comporter jusqu’à 25 sections dynamiques.

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.

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. Cliquez sur Ajouter une section.
  2. Cliquez sur Diaporama, puis sur Sélectionner.
  3. Utilisez les paramètres pour personnaliser votre diaporama.
  4. Cliquez sur Save (Enregistrer).

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. Cliquez sur Ajouter une section.
  2. Cliquez sur Articles de blog, puis sur Sélectionner.
  3. Utilisez les paramètres pour personnaliser la section blog de votre page d'accueil.
  4. Cliquez sur Save (Enregistrer).

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. Cliquez sur Ajouter une section.
  2. Cliquez sur Liste de collections, puis sur Sélectionner.
  3. Utilisez les paramètres pour personnaliser la section de votre liste de collections.
  4. Cliquez sur Save (Enregistrer).

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 en vedette à votre page d'accueil

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

Image avec texte

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

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.
  • Étiquette du bouton – Ajoutez le texte que vous souhaitez voir apparaître sur le bouton.
  • 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. Cliquez sur Ajouter une section.
  2. Cliquez sur Image avec texte, puis sur Sélectionner.
  3. Utilisez les paramètres pour personnaliser votre section Image avec texte.
  4. Cliquez sur Save (Enregistrer).

Produit en vedette

Vous pouvez mettre en avant un produit sur votre page d'accueil, ce qui est idéal pour promouvoir un nouveau produit ou un produit soldé.

La section du 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 ».
  • 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. Cliquez sur Ajouter une section.
  2. Cliquez sur Produit en vedette, puis sur Sélectionner.
  3. Utilisez les paramètres pour personnaliser la section de votre produit en vedette.
  4. 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 Add section (Ajouter une section).
  2. Cliquez sur Mapper, puis 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 :

  • 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é. 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 Add section (Ajouter une section).
  2. Cliquez sur Vidéo, puis sur Sélectionner.
  3. Utilisez les paramètres pour personnaliser la section vidéo.
  4. Cliquez sur Save (Enregistrer).

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. Cliquez sur Ajouter une section.
  2. Cliquez sur Code HTML personnalisé, puis sur Sélectionner.
  3. Utilisez les paramètres pour personnaliser votre section HTML.
  4. Cliquez sur Save (Enregistrer).

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

Essayez gratuitement