Pop-up

Affichez des informations complémentaires dans une fenêtre pop-up

Avez-vous un guide des tailles ou une liste d’ingrédients à afficher sur votre site ? Comme vous le savez, ces éléments peuvent prendre de la place et rendre votre boutique moins belle. Dans ce tutoriel, vous allez apprendre à insérer et personnaliser la fonctionnalité POP-UP inclus avec le thème SHOPIWEB.

Avant de commencer : Assurez-vous d’avoir une licence active installée sur votre boutique Shopify®. Si ce n’est pas le cas, vous pouvez en commander une nouvelle sur cette page.

Ajouter un bloc POP-UP

  • Rendez-vous dans la personnalisation du thème

  • Sélectionnez un MODÈLE DE PAGE PRODUIT depuis le menu déroulant situé en haut au centre de l’écran

Capture d'écran de l'interface de personnalisation du thème SHOPIWEB afin de sélectionner un modèle de page produit
ÉTAPE 1 : Cliquez sur le menu en haut au centre de l'écran pour choisir un modèle de page produit
  • Le bloc POP-UP se situe dans la section INFORMATIONS PRODUIT. Cliquez sur AJOUTER UN BLOC > POP-UP

Capture d'écran de l'interface de personnalisation du thème SHOPIWEB dans lequel on ajoute un bloc POP-UP dans la section INFORMATIONS PRODUIT
ÉTAPE 2 : Depuis la section INFORMATIONS PRODUIT, cliquez sur AJOUTER UN BLOC puis sur POP-UP
  • Pour personnaliser le bloc, rendez-vous dans la colonne située à droite de votre écran

Capture d'écran des options de personnalisation du bloc POP-UP inclus dans le thème Shopify français SHOPIWEB
ÉTAPE 3 : Sélectionnez le bloc POP-UP pour voir apparaître les options de personnalisation dans la colonne située à droite de l'écran

Insérer ou créer une page à afficher

  • Les informations qui vont apparaître dans la POP-UP proviennent d’une page Sélectionnez-là depuis le menu déroulant de la personnalisation du bloc POP-UP ou choisissez de CRÉER UNE PAGE

Capture d'écran des options de personnalisation du bloc POP-UP du thème SHOPIWEB pour ajouter une page à afficher dans la fenêtre pop-up
ÉTAPE 4 : Si vous n'avez pas encore créée de page à afficher dans votre POP-UP, cliquez sur CRÉER UNE PAGE. Une nouvelle fenêtre de votre navigateur va s'ouvrir
  • Si vous avez choisi de CRÉER UNE PAGE, une nouvelle fenêtre du navigateur va s’ouvrir dans laquelle vous allez entrer les informations de cette nouvelle page de votre boutique Shopify®

  • Écrivez le titre de la page

Capture d'écran de l'éditeur de page Shopify®
ÉTAPE 5 : Écrivez le titre de votre page ainsi que le contenu. Vous pouvez seulement insérer une image comme vous le voyez lors de l'étape suivante
  • Puis dans le corps de la page, choisissez d’importer une image ou d’écrire vos informations qui apparaîtront dans la POP-UP

Capture d'écran de l'éditeur de page Shopify® dans lequel on ajoute une image en guise de contenu
ÉTAPE 6 : Ajoutez une image comme un tableau des tailles en l'important sur votre boutique Shopify®
  • Sauvegardez puis revenez sur l’autre onglet où se trouve la personnalisation de la boutique

  • Sauvegardez également votre boutique puis rafraîchissez la page afin que le navigateur prenne en compte la nouvelle page que vous avez créez

Personnaliser le bloc POP-UP

  • De retour dans la fenêtre de personnalisation du bloc POP-UP situé dans la colonne à droite de l’écran, écrivez le texte sur lequel les internautes vont cliquer pour afficher la POP-UP. Dans notre exemple, j’ai écrit “Cliquez ici pour voir le guide des tailles”

  • Ensuite, sélectionnez la page que vous venez de créer dans le menu déroulant et cliquez sur SÉLECTIONNER

Capture d'écran des options de personnalisation du bloc pop-up pour ajouter une page Shopify® à afficher
ÉTAPE 7 : De retour sur l'interface de personnalisation du thème, sélectionnez la page que vous venez de créer depuis les options de personnalisation du bloc POP-UP
  • Personnaliser les marges qui apparaîtront au-dessus et en-dessous du lien de la POP-UP

Capture d'écran des options de personnalisation du bloc POP-UP avant d'enregistrer et de voir le résultat
ÉTAPE 8 : Écrivez le texte lien que vous souhaitez faire apparaître (appel à l'action), sélectionnez la page à afficher et réglez les marges du blocs
  • Faites glisser le bloc à l’endroit qui vous convient le mieux dans la section INFORMATIONS PRODUIT. Il est préférable de le placer au-dessus du bouton d’ajout au panier

Enregistrez et c’est terminé !

Félicitations, vous savez à présent ajouter et personnaliser une fenêtre POP-UP afin d’afficher des informations complémentaires mais indispensables à votre activité.

Besoin d’un coup de main ?

Profitez d’un coaching personnalisé avec Xavier LOPES, le créateur du thème SHOPIWEB. Durant cet entretien privilégié, il vous apprend à devenir autonome en création de boutique e-commerce avec Shopify®. Infos et réservations disponibles sur cette page.

Mis à jour

Ce contenu vous a-t-il été utile ?