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

É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

É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

É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

É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

É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

É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

É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

É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.