Exemples de boutiques Shopify

Exemples de pieds de page de 15 boutiques Shopify

Ces exemples de pieds de page répondent aux questions qui subsistent après la navigation : retours, boutiques locales, coordonnées, etc. Ils font de la place pour ces tâches aux côtés des newsletters et des informations sur la marque. Leurs différences résident principalement dans le regroupement, les libellés et ce qui reste visible sur mobile.

15 exemples Dernière révision

Ritual

Chargement de la capture d'écran complète…

Ritual

Chargement de la capture d'écran complète…

Ritual

Régions, politiques et avis de non-responsabilité des produits

Ritual regroupe les liens de navigation avec les choix régionaux, les marques de certification et les avis de non-responsabilité des produits. Sur mobile, les groupes de liens se transforment en accordéons. Plusieurs types d'informations partagent ce pied de page, une séparation claire est donc importante : un acheteur doit pouvoir distinguer une destination de la boutique, une politique et un avis de non-responsabilité comme des éléments différents.

Pour votre boutique

Donnez des emplacements distincts aux liens pratiques et aux informations explicatives.

Visiter le site web

GSI Outdoors

Chargement de la capture d'écran complète…

GSI Outdoors

Achats et aide sous des libellés familiers

GSI Outdoors sépare les liens d'achat de ceux de l'aide, avec l'inscription à la newsletter et les liens légaux à proximité. Sur mobile, les groupes s'empilent verticalement. Les libellés utilisent des termes familiers du service client, offrant au catalogue d'équipement un annuaire simple et direct en bas de page.

Pour votre boutique

Utilisez des libellés reconnaissables pour les tâches d'assistance courantes.

Visiter le site web

Heart Coffee Roasters

Chargement de la capture d'écran complète…

Heart Coffee Roasters

Adresses des cafés et liens vers la carte

Heart accorde une place importante aux emplacements à côté de son menu et de sa newsletter. Les adresses et les liens vers la carte relient la boutique en ligne aux cafés. Les colonnes sur ordinateur s'empilent sur mobile, gardant les informations pour trouver une boutique disponibles dans une section distincte.

Pour votre boutique

Donnez aux emplacements physiques leur propre espace clairement identifié.

Visiter le site web

TRNK

Chargement de la capture d'écran complète…

TRNK

Une question sur le secteur professionnel à côté de l'inscription à la newsletter

TRNK demande aux visiteurs de la newsletter s'ils font partie du secteur professionnel. Cette distinction est liée à une entreprise de design s'adressant aux professionnels et aux particuliers. L'envoi du formulaire n'a pas été testé dans l'étude. Il n'est pertinent d'inclure ce champ que lorsque sa réponse modifie la façon dont l'entreprise communique avec un abonné.

Pour votre boutique

Posez des questions à votre audience dans un but précis pour vos communications futures.

Visiter le site web

Smith Teamaker

Chargement de la capture d'écran complète…

Smith Teamaker

L'inscription à la newsletter dans son propre bloc

Smith Teamaker sépare son invitation à la newsletter des liens vers l'entreprise, l'aide et le compte. Les sections s'empilent sur mobile. Quelqu'un qui cherche une réponse sur la livraison peut accéder aux groupes de liens sans passer par le formulaire d'inscription, tout en laissant à l'invitation la place de s'expliquer.

Pour votre boutique

Séparez visuellement l'inscription des liens d'aide essentiels.

Visiter le site web

Juniper Print Shop

Chargement de la capture d'écran complète…

Juniper Print Shop

Entreprise, Commandes et Assistance

Juniper Print Shop regroupe les liens de son pied de page sous les sections Entreprise, Commandes et Assistance, aux côtés des coordonnées et des liens sociaux. Sur mobile, des en-têtes marqués d'un signe plus déploient les groupes. Commandes et Assistance offrent aux clients existants des endroits clairs où chercher après un achat, en nécessitant un espacement lisible dans chaque section développée.

Pour votre boutique

Organisez les liens du pied de page pour les tâches post-achat tout autant que pour la navigation.

Visiter le site web

Our Place

Chargement de la capture d'écran complète…

Our Place

Les groupes sur mobile affichent des états plus et moins

Our Place affiche les liens de son pied de page dans des colonnes sur ordinateur et utilise des contrôles plus et moins pour les groupes sur mobile. Les en-têtes restent visibles pendant que les liens se réduisent. Ces contrôles nécessitent la sémantique de boutons et l'annonce d'un état développé pour que la mise en page fonctionne également pour les utilisateurs de clavier et de technologies d'assistance.

Pour votre boutique

Transformez les en-têtes de pied de page extensibles en boutons accessibles aux états clairs.

Visiter le site web

Jonathan Adler

Chargement de la capture d'écran complète…

Jonathan Adler

Informations sur la boutique et sélection de la devise

Le pied de page sur ordinateur de Jonathan Adler combine des colonnes de liens, des informations sur la boutique, l'inscription à la newsletter et un sélecteur de devises. Il couvre des choix pratiques à la fois pour les achats en ligne et le commerce physique. Le comportement des accordéons sur mobile n'ayant pas été entièrement enregistré, cette référence ne s'applique qu'à l'organisation sur ordinateur.

Pour votre boutique

Gardez les outils d'emplacement et de devise près des autres informations pratiques.

Visiter le site web

House of Spoils

Chargement de la capture d'écran complète…

House of Spoils

Une citation de client mène vers d'autres avis

House of Spoils place la citation d'un client et un lien vers d'autres avis à côté de la navigation de son pied de page. La citation ajoute une expérience spécifique tout en bas de la page, et le lien permet aux lecteurs de consulter d'autres retours. L'avis reste un témoignage client ; il ne doit pas être présenté comme une vérification indépendante.

Pour votre boutique

Liez les retours clients sélectionnés à la page listant tous les avis.

Visiter le site web

Allies of Skin

Chargement de la capture d'écran complète…

Allies of Skin

Quatre groupes de liens distincts

Allies of Skin utilise les groupes Acheter, Qui Sommes-Nous, Aide et Réseaux Sociaux comme groupes principaux dans son pied de page, avec des liens utilitaires en dessous. Sur mobile, ces groupes deviennent des sections extensibles. Chaque en-tête offre une raison claire de l'ouvrir, séparant ainsi les achats, les informations sur l'entreprise et l'assistance.

Pour votre boutique

Donnez à chaque groupe de liens un objectif distinct et reconnaissable.

Visiter le site web

Dinosaur Designs

Chargement de la capture d'écran complète…

Dinosaur Designs

Des horloges pour les villes des studios

Dinosaur Designs place des horloges en direct pour les villes internationales de ses studios au-dessus de la grille de liens. Ce détail crée un lien avec les véritables emplacements de l'entreprise. Les éléments animés doivent tout de même laisser les liens pratiques lisibles ; une boutique ayant des besoins d'emplacements différents pourrait opter pour une approche statique plus simple.

Pour votre boutique

Reliez les détails décoratifs aux informations utiles de l'entreprise.

Visiter le site web

Olli Ella

Chargement de la capture d'écran complète…

Olli Ella

Un bandeau email au-dessus de l'annuaire de liens

Olli Ella place un bandeau d'inscription par email au-dessus des liens de son pied de page. Sur mobile, les groupes de liens se déploient séparément. Les deux zones ont des limites claires, permettant au visiteur de distinguer l'invitation facultative de la navigation. Vérifiez l'affichage des groupes qu'ils soient ouverts ou fermés pour conserver une mise en page étroite prévisible.

Pour votre boutique

Accordez des zones séparées à la navigation marketing et à celle dédiée à l'assistance.

Visiter le site web

Appointed

Chargement de la capture d'écran complète…

Appointed

Emails de contact à côté de Boutique et Aide

Appointed inclut des adresses email de contact, des liens vers les réseaux sociaux et une inscription à côté de son annuaire. Sur mobile, des en-têtes comme Boutique et Aide déploient leurs groupes de liens. Une adresse email visible offre à la personne arrivée tout en bas un autre moyen d'obtenir une réponse. Elle doit rester lisible et facile à copier ou à ouvrir.

Pour votre boutique

Rendez les coordonnées utilisables directement depuis le pied de page.

Visiter le site web

Lemaire

Chargement de la capture d'écran complète…

Lemaire

Les informations sur les services mènent aux liens pratiques

Lemaire commence son pied de page par des informations sur les services, suivies de l'inscription à la newsletter, de l'identité de marque et de groupes de liens. Les choix de pays et de langue se trouvent aux côtés de ces outils pratiques. Cette séquence permet au style visuel de la boutique de perdurer jusqu'aux informations dont les clients ont besoin après leur navigation.

Pour votre boutique

Donnez aux détails des services et aux contrôles régionaux des positions claires dans le pied de page.

Visiter le site web

Stumptown Coffee Roasters

Chargement de la capture d'écran complète…

Stumptown Coffee Roasters

La typographie distingue les libellés des invitations

Stumptown utilise un fond crème texturé et des styles typographiques contrastés pour les libellés de groupes et les textes plus grands liés aux achats ou à la newsletter. La typographie permet de distinguer les différentes parties du pied de page tout en conservant le caractère de la boutique. Les petits liens utilitaires doivent cependant rester lisibles face à la texture et aux lettres de présentation.

Pour votre boutique

Utilisez une hiérarchie typographique qui garde les petits liens pratiques lisibles.

Visiter le site web

Exemples de design de pied de page pour trouver de l’aide facilement

Commencez par les raisons pour lesquelles un client atteint le bas de la page. Juniper Print Shop utilise Entreprise, Commandes et Assistance pour séparer les informations sur l’entreprise des questions liées aux achats. Heart Coffee Roasters accorde une place importante aux adresses des cafés et aux liens vers des cartes. Appointed inclut des adresses e-mail de contact bien visibles, offrant aux visiteurs un accès direct lorsque le répertoire ne répond pas à leur question.

Les bons groupes dépendent de l’entreprise. Un détaillant physique a besoin d’informations sur ses boutiques ; une boutique internationale peut nécessiter des paramètres de pays et de langue, comme le montre Lemaire. Donnez à ces tâches des libellés reconnaissables avant d’ajouter un autre message de campagne ou d’inscription. Les clients doivent pouvoir identifier où mène un lien sans avoir à ouvrir plusieurs groupes aux noms vagues.

Our Place et Juniper Print Shop remplacent les colonnes sur ordinateur par des groupes extensibles sur mobile. Leurs titres restent visibles, ces libellés portent donc plus de responsabilités sur un téléphone : une personne cherchant une politique de retour doit savoir quel groupe ouvrir. Vérifiez le texte développé avec autant de soin que son état fermé et compact.

L’inscription à la newsletter peut rester séparée de ce répertoire. Smith Teamaker et Olli Ella donnent à cette invitation son propre espace, laissant les liens d’aide disponibles sans avoir à interagir avec un formulaire. Testez la navigation au clavier, l’annonce des états ouverts et la lisibilité du texte utilitaire. Un pied de page peut raccourcir la page grâce aux accordéons tout en gardant les informations de contact et de commande faciles d’accès.

Questions fréquentes

Quels liens inclure dans un pied de page Shopify ?

Incluez le contact, l'expédition, les retours, les politiques essentielles et les informations pertinentes sur le compte ou la boutique. Les liens de catégories et de marques peuvent également aider les visiteurs à trouver un autre chemin sur le site.

Quand les accordéons sur mobile sont-ils utiles ?

Ils permettent de raccourcir un long répertoire lorsque leurs titres rendent le contenu prévisible. Gardez l'aide essentielle visible ou donnez-lui un libellé de groupe sans équivoque.

Où placer l'inscription à la newsletter ?

Accordez-lui un espace distinct avec une description claire des e-mails. Les visiteurs doivent pouvoir accéder aux liens d'assistance et de politiques sans avoir à utiliser le formulaire.

Le pied de page doit-il répéter la navigation principale ?

Il peut répéter les parcours d'achat utiles, mais il sert aussi les clients qui cherchent des informations après avoir navigué. Donnez à l'assistance, aux politiques et aux coordonnées leurs propres libellés. Une copie intégrale de chaque lien de l'en-tête peut rendre ces destinations pratiques plus difficiles à trouver.

Faites le changement dans votre thème

Donnez à Fudge un objectif et une référence. Il suggère des modifications pour votre boutique, prépare un brouillon dans votre thème Shopify et vous fait un retour. Vous examinez chaque changement avant sa mise en ligne.

Découvrez comment fonctionne l'éditeur de boutique

Collections associées

Toutes les collections