Comment utiliser Gempages (Tuto Shopify)

Ça vous est déjà arrivé de devoir chercher pendant des heures le thème parfait qui conviendrait à votre idée de design pour votre boutique? Personnellement, je suis passé par là.

Le problème c'est qu'il est souvent impossible de trouver un thème qui réponde à 100% à nos critères. La seule solution qui nous vient à l'esprit, c'est donc de passer par du code (html,css,js,...). 

Malheureusement, cela laisse beaucoup de monde sur le côté car coder n'est pas à la portée de tous. Et c'est très chronophage.

Si vous souhaitez personnaliser totalement votre thème Shopify, sans code, alors Gempages est la solution. Vraiment... 

Qu'est-ce-que Gempages?

GemPage est une application "Page Builder" Shopify. Elle vous permet de créer des pages produits, pages de collections, page d'accueil, facilement. En effet, comme nous allons le voir, il vous suffit de déplacer des blocs pour créer votre page.

Ainsi, vous pouvez facilement et rapidement créer des pages personnalisées qui correspondent à ce que vous voulez exactement. 

Vous allez pouvoir passer outre les limitations d'un thème afin de tirer le meilleur de l'application. Comme par exemple, augmenter votre taux de conversion, améliorer la lisibilité de votre page, ajouter plusieurs boutons d'ajout au panier sur n'importe quelle page, ajouter des avis, et bien d'autres,...

Fonctionnalités de Gempages

Drag & Drop

Gempages est un Page Builder Drag & Drop. Cela signifie que pour créer votre page, il vous suffit de déplacer des blocs pour tout réorganiser. Cela rend la tâche très facile et rapide.

Parallax

Le Parallax est une option qui permet d'avoir un effet de perspective sur les images. Je vous met un exemple ci-dessous:

Responsive

En effet, avec Gempages, vous pouvez réorganiser séparément l'affichage mobile sur smartphone si celui-ci ne vous convient pas. 

Cela permet d'optimiser au maximum la façon dont les visiteurs vont visiter votre site, en fonction de l'appareil qu'ils utilisent. Et ainsi, vous évitez toutes sortes de bugs ou de défauts de designs avec des thèmes classiques. 

Templates

Gempages vient avec de nombreux templates pré-fabriqués afin de vous économiser du temps. Pour chaque type de page, vous aurez le choix entre une dizaine de templates différents. Vous pouvez aussi décider de commencer d'une page vierge.

Liquid / Code

Si vous le souhaitez, vous pouvez intégrer un bloc de code pour une personnalisation sans limites.

Bannières avant après

Une fonctionnalité qui peut être incroyable pour beaucoup de produits! Elle vous permet de voir un avant-après grâce à un slider, comme présenté ci-dessous:

 

Bien entendu, il existe de nombreuses autres fonctionnalités sur Gempages. Mais je vous laisserai découvrir cela par vous-même.

Comment utiliser Gempages?

Installation Shopify

Pour installer Gempages, rien de plus simple:

1. Rendez-vous sur la page d'installation Gempages
2. Cliquez sur "Try It Free"
3. Puis, cliquez sur "Add App"
4. La suite se déroule comme une installation classique

Configuration

Une fois sur la page d'accueil de l'application, vous trouverez un menu à votre gauche reprenant toutes les pages possibles.

Parmi celles-ci: 

• Sous-pages
• Page d'Accueil
• Page Produit
• Page de Collection
• Page de Blog

Vous pouvez aussi lier Gempages à des application externes comme par exemple:

• Ryviu
• Loox
• Bold Subscription
• Klaviyo
• Et bien d'autres... 

Ces intégrations permettront d'adapter vos pages Gempages avec les fonctionnalités de ces dernières. 

Comment créer une page et utiliser Gempage?

Prenons pour exemple une "sous-page" classique:

1. Cliquez sur "Sub Pages"
2. Cliquez sur le bouton "Create New Page" en haut à droite
3. Ensuite, sélectionnez le template blanc
4. Renommez votre page (uniquement visible par vous)
5. Une fois cela validé, vous arrivez enfin sur le page builder

Afin de vous repérer, voici une explication en image: 

 

1. Les blocs vous permettant d'intégrer différentes fonctionnalités à votre page
2. Une galerie avec de nombreuses ressources pré-fabriquées à directement intégrer sur votre page
3. L'onglet vous permettant de changer de vue entre ordinateur fixe, ordinateur portable, tablette et smartphone
4. Le bouton de sauvegarde de la page avec le bouton de prévisualisation (avant publication)
5. Le bouton de publication avec le bouton de visualisation de la page (une fois publiée)
6. Votre espace de personnalisation

Personnaliser une page

Pour personnaliser votre page, déplacez simplement les blocs dans votre espace de personnalisation comme indiqué sur ce GIF: 

 

Une fois un bloc déplacé, il vous suffit de cliquer dessus pour accéder à ses options et son design.

Le reste est très intuitif et je vous laisse découvrir toutes les fonctionnalités par vous-même. Faites moi savoir en commentaires si vous souhaitez un article complet sur toutes les fonctionnalités de Gempages. 

Publier une page sur Gempages

Une fois votre page terminée, il vous suffit de la sauvegarder puis de cliquer sur "Publish" en haut à droite. 

Dans Publish, attention à bien vérifier certaines options: 

• Concernant le "Page Title", il s'agit du titre de votre page. Celui-ci sera visible dans les moteurs de recherche. Donc renommez votre page correctement. 
• Le "URL and Handle", c'est simplement la spécification du lien de votre page. Dans ce cas, mon lien s'afficherait comme ceci: 
  https://dropshipping-entrepreneur.com/pages/page-test
  Le "page-test" étant le handle, et c'est cela que vous devez modifier. C'est une fonctionnalité importante pour le SEO
• Même chose pour la Meta Description, c'est une fonctionnalité pour la référencement naturel. Il s'agit de la description qui accompagne le titre dans les résultats Google
• Le Lazy Loading est une fonctionnalité qui permet d'accélérer la vitesse de chargement de votre site. Cela fait en sorte que la page charge directement les éléments visibles mais pas les éléments que le visiteur ne voit pas. Ainsi, vous gagnez de la vitesse de chargement.
  Une fois que l'utilisateur scroll, le reste se met à charger. C'est une fonctionnalité de plus en plus utilisée et importante.

Une fois ces options terminées, cliquez simplement sur "Publish".

Vous pourrez retrouver votre page dans Gempages ou même sur l'interface administrateur de votre boutique Shopify dans l'onglet "Pages".

Exemple

Afin de vous donner une idée de ce que peut donner une page personnalisée avec Gempages, voici quelques exemples.

Bien entendu, il existe des milliers de façons de personnaliser une page donc je vous laisse aussi découvrir l'application par vous-même.

Dans ces exemples, je me base sur un site existant fournisseur de Standing Desks. Vous pouvez donc cliquer sur l'image pour visualiser le site en direct.

Page d'accueil

Page produit

Prix

Via ce lien, Gempages est gratuit pendant 14 jours au lieu de 10. 
Vous pouvez supprimer l'application à tout moment pour annuler votre abonnement et ne plus payer. 

Concernant les différents abonnements pour l'application, cela commence à $15.

Cependant, je vous recommande au minimum la version à $29. En effet, celle-ci permet de personnaliser les pages produit, collection et blog, ce qui n'est pas possible dans la version de base. 

De plus le plan Pro vous permet d'avoir le Lazyloading, l'intégration de code et les ressources pré-fabriquées. 

Voici un tableau de toutes leurs offres:

> POUR BÉNÉFICIER DE 14 JOURS GRATUITS AVEC GEMPAGES, CLIQUEZ ICI