Module Facebook Store Prestashop par Knowband – Manuel de l’utilisateur

1. 0 Introduction

PrestaShop est une plateforme de commerce électronique gratuite où chacun peut créer sa boutique en quelques étapes. Après avoir eu un magasin, la préoccupation principale revient à tous les commerçants de faire le marketing et de rendre ses produits / marques de plus en plus exposés au monde. Comme le réclame Facebook, il y a plus de 2 milliards d’utilisateurs actifs sur Facebook d’ici 2017. Ici, nous avons facilité votre travail.

  • Maintenant, vous pouvez avoir votre boutique Facebook, modifier la mise en page, le modèle et le module sans compétences en conception ou en codage.
  • KnowBand Prestashop Facebook Store module vous permet de connecter votre boutique PrestaShop avec Facebook et vous aider à présenter vos produits à un très large éventail de personnes.

FB Store

1.1. Avantages pour le marchand

Le propriétaire du magasin peut augmenter le nombre de visiteurs et d’acheteurs potentiels sur son magasin PrestaShop et booster sa communauté Facebook avec l’aide de ce module Prestashop d’intégration de magasin fb.

  • Le module d’intégration Facebook de Prestashop intègre votre page de fans sur Facebook avec votre boutique PrestaShop.
  • L’intégration de la boutique facebook avec Prestashop offre une liste automatique des produits sur votre boutique Facebook.
  • Le module d’intégration de boutique facebook Prestashop a la possibilité d’afficher les catégories, les best-sellers, les produits phares, etc.
  • Le module d’intégration de Facebook Store de Prestashop augmente votre chiffre d’affaires et augmente la fidélité / fidélité de votre clientèle à votre marque.
  • Le module de boutique Facebook de Prestashop augmente les goûts et les adeptes sur votre page Facebook.
  • Le module d’installation de Facebook Store de Prestashop crée un onglet Boutique à l’intérieur de votre page de fans Facebook pour permettre aux utilisateurs de voir les produits.
  • Le module d’intégration de Prestashop Facebook analyse l’évolution de la vente avec Google Analytics.
  • Le Facebook Shop Addon de Knowband connecte n’importe quel nombre de pages et les gère à une extrémité.
  • Changez l’aspect et la convivialité de la boutique Facebook à tout moment.
  • Le plugin Prestashop respectif de Knowband affiche les produits et catégories souhaités.

1.2. Avantages du module Prestashop d’intégration de magasin fb pour les clients:

Avec ce module d’intégration facebook Prestashop de Knowband, le client peut consulter votre boutique / produits sans avoir à visiter votre boutique PrestaShop.

  • Le magasin Facebook peut être traduit dans la langue souhaitée.
  • Les prix de la boutique Facebook peuvent être modifiés dans la devise locale.
  • Après avoir cliqué sur “Ajouter au panier”, le client est amené au magasin pour avoir une expérience d’achat authentifiée

2.0 Installation

Après l’achat du module Prestashop, vous obtiendrez les fichiers suivants:

  • facebookstore.zip (contient le code source du module)
  • Manuel utilisateur

Suivez les étapes suivantes pour installer le module Prestashop:

Étape 1: Décompressez le fichier facebookstore.zip. Il contiendrait des fichiers et des dossiers comme indiqué ci-dessous –

Étape 2: Copiez tous les fichiers et dossiers du dossier décompressé dans le répertoire “modules” de votre magasin sur le chemin – Root Directory / modules /.

Étape 3: Maintenant, le module Facebook Store de Prestashop est prêt à être installé sur votre boutique et vous pouvez le trouver dans Store Admin -> Modules and Services. Il serait montré comme ci-dessous –

Dans le cas, vous n’êtes pas en mesure de trouver ce module Prestashop dans la liste des modules d’administration, veuillez essayer le module de recherche avec les détails suivants –

Mot – clé – Fb Store

Catégorie – Front office

Filtrer par – Installé et non installé / Activé et désactivé

Étape 4: Cliquez sur le bouton ” Installer ” pour installer le module de boutique Facebook. Cela afficherait une fenêtre pop-up pour votre confirmation. Cliquez sur l’option “Poursuivre l’installation”. Cette étape va installer le module Prestashop et afficher la notification – “Module (s) installé (s) avec succès”.

3.0 Configuration du système

Avant de continuer, il est important de savoir quel est le bon flux d’actions pour configurer ce système car il y a plusieurs choses qui dépendent d’autres choses et si nous ne prenons pas soin d’eux, il deviendrait difficile de traiter peut être sujet à erreur.

4.0 Création d’une application Facebook

Facebook App peut être créé en suivant les étapes mentionnées ci-dessous: –

Étape 1: Aller à l’URL donnée: https: //developers.facebook.com/apps/

Étape 2: Cliquez sur le bouton “Ajouter une nouvelle application”.

Étape 3: Entrez votre nom d’application et votre adresse e-mail, puis cliquez sur le bouton “Create App ID”.

Étape 4: Cliquez sur l’onglet “Setting”.

Étape 5: Cliquez sur “Ajouter une plate-forme”.

Étape 6: Choisissez “Site Web” comme plate-forme.

Étape 7: Entrez votre “App Domain”, “Email de contact”, “URL de confidentialité”, “Conditions générales”, “AddLogo”, “Sélectionner une catégorie”, “Site URL” et cliquez sur “Enregistrer les modifications”.

Domaines d’application:

votredomaine.com est correct

yourdomain.com/store est incorrect

www.domain.com est incorrect

Entrez l’URL de votre site

Cliquez à nouveau sur “Ajouter une plate-forme pour ajouter une page”

Cliquez sur “onglet de page”.

 

Ajouter l’onglet de l’onglet Page: www.example.com/module/facebookstore/fbHome

Étape 8: Sous l’onglet “App Review”: –

Cliquez sur “manage_pagesmanage pages” puis sur “Add 2 items”

Après avoir suivi les étapes mentionnées ci-dessus, l’écran sera affiché comme indiqué ci-dessous.

Qui peut utiliser cette application?

Si Admin souhaite utiliser le même profil Facebook pour gérer les pages, aucune approbation spéciale n’est requise. Le même ID peut être utilisé en mode de développement .ie L’option “Make Store Public?” Au-dessus de sceenshot sera dans l’état “disabled”.

Si votre application demande cette autorisation, Facebook devra vérifier comment votre application l’utilise. Vous pouvez accorder cette autorisation au nom des personnes répertoriées dans la section Rôles du tableau de bord de votre application sans avoir consulté Facebook.

Si la page Facebook Admin veut rendre l’application publique, à utiliser avec n’importe quel FacebookFacebook Idid alors il devra soumettre des articles de permission et obtenir l’approbation de Facebook.

photo11

Dans la capture d’écran ci-dessus, cliquez sur le lien ” Modifier les notes ” de chaque élément.

Fournissez des instructions dans un format étape par étape afin de reproduire l’action qui demande l’autorisation particulière. Téléchargez également le screencast comme indiqué ci-dessous. Notez que vous ne pourrez pas enregistrer la page tant que vous n’aurez pas effectué toutes les étapes requises.

Répétez les étapes ci-dessus pour toutes les autorisations. Les étapes requises varient d’une autorisation à l’autre et vous devez fournir les instructions pour reproduire l’autorisation et le screencast en suivant les détails mentionnés dans la page. [Facultatif] Appuyez sur “afficher les notes” contre “Vérification de l’application” et remplissez les détails.

Cliquez sur “soumettre pour examen”, acceptez la plateforme T & C et cliquez sur “envoyer”.

Vous pouvez surveiller l’état de votre soumission à partir de la page de révision de l’application.

Étape 9: Copier l’identifiant de l’application et la clé secrète de l’application.

5.0 Interface d’administration

L’interface d’administration de l’intégration de la boutique facebook avec Prestashop est conçue de telle sorte qu’un propriétaire de magasin PrestaShop puisse apporter les modifications à son magasin Facebook pour les modifier sans perdre de temps. Une fois le module Prestashop entièrement configuré, le propriétaire du magasin peut modifier le logo, les bannières et la disposition de la boutique.

Voici les étapes qui vous aideront à configurer votre interface d’administration du plugin Facebook par Knowband:

5.1 Comment démarrer le processus de configuration?

En cliquant sur configurer à partir de la page de liste des modules d’intégration Boutique Prestashop facebook, l’administrateur sera redirigé vers la page de configuration pour enregistrer le “Facebook App Id” et “Facebook App Secret” et se connecter à Facebook comme indiqué ci-dessous: –

  1. Id de l’application Facebook: – Ce champ du module Intégration du magasin Facebook de Prestashop est pour l’identifiant de l’application Facebook créé pour ce module de boutique Facebook.
  2. Facebook App Secret: – Ce champ du module de boutique Facebook Prestashop est pour Facebook App Secret créé pour ce module de magasin Fb.

Cliquez sur le lien suivant pour créer l’identifiant de l’application et le secret de l’application:

https://developers.facebook.com/docs/apps/register/

      . Connexion: – Activé En cliquant sur ce bouton, l’identifiant de l’application Facebook et le secret de l’application seront enregistrés dans la base de données et une fenêtre contextuelle s’ouvrira pour demander la permission de se connecter à l’application Facebook avec les autorisations Gérer les pages.

5.2 Comment ajouter un profil?

Si l’application Facebook est connectée avec succès, la page Succès apparaîtra avec le lien “Ajouter un profil”.

Si l’administrateur clique sur le lien «Continuer pour ajouter un profil / Ajouter un profil», l’administrateur sera redirigé pour ajouter un formulaire de profil.

Ajouter un profil a principalement deux sections: –

  1. réglages généraux
  2. Paramètres de contenu

5.2.1 Paramètres généraux

Dans ce champ de configuration Facebook Store Prestashop, lors de l’ajout / modification de tout profil, l’administrateur sera invité à se connecter à Facebook afin de s’assurer que l’utilisateur connecté est le même que connecté au moment de la connexion à Facebook App.

En cas de connexion réussie, l’utilisateur sera redirigé vers les paramètres généraux du formulaire “Ajouter un profil”.

  1. Activer: – Le contenu de l’onglet Facebook sera activé ou désactivé à l’aide de ce paramètre du module d’intégration de Prestashop Facebook.
  2. Nom du profil: – Ce champ de l’addon Shop Shop de Prestashop est pour le nom de profil pour différencier les profils.
  3. Choisissez une page: – Ce sera une liste déroulante contenant toutes les pages de Facebook. L’utilisateur sera seulement en mesure d’ajouter un onglet sur les pages FB pour lequel l’utilisateur est admin.
  4. Nom de l’onglet Facebook: – Dans ce champ d’intégration de magasin fb Prestashop, l’administrateur entrera le nom de l’onglet qui sera affiché sur la page Facebook sélectionnée.
  5. Magasin: – Il s’agit d’une liste déroulante montrant toutes les boutiques du site.
  6. Identifiant Google Analytics: l’ administrateur peut saisir l’identifiant Google Analytics pour suivre les performances des pages du magasin Facebook.

5.2.2 Paramètres de contenu: –

Tous les paramètres de contenu de la page d’accueil de l’intégration de Prestashop facebook seront sauvegardés à partir d’ici: –

untitle_02picture211

  • Logo: Système choisira le logo par défaut de PrestaShop. Si l’utilisateur le souhaite, il / elle peut télécharger un nouveau logo qui sera affiché sur la page Facebook de la boutique.
  • Bannière de la page d’accueil:  Dans ce domaine d’intégration de boutique facebook avec Prestashop, l’administrateur peut télécharger une image de bannière qui sera affichée sur la page d’accueil.
  • Contenu de la page d’accueil: Le texte ajouté sera affiché sur la page d’accueil de l’onglet boutique facebook.
  • Éléments de menu: Admin peut sélectionner les éléments de menu de la liste prédéfinie qui sera affichée sur l’onglet Facebook Shop. À partir de maintenant, gardez le menu en tant que niveau unique qui sera affiché sur l’onglet Facebook Store.

Options de menu possibles que l’utilisateur peut sélectionner.

  1. Page d’accueil
  2. Catégories
  3. Meilleurs vendeurs
  4. Nouveaux produits
  • Couleur de page de Facebook: Cette option d’intégration de boutique de facebook de Prestashop sera la couleur de tous les boutons et menu de la page de magasin de Facebook. Il y aura l’option pour remettre à la couleur originale de FB n’importe quand en cliquant le bouton de réinitialisation. La couleur par défaut sera: “# 48649f”
  • Max Nombre de catégories: Admin peut sélectionner le nombre maximum de catégories présentées sur la page d’accueil sous ce champ de l’intégration de magasin Facebook de Prestashop.
  • Catégories en vedette: Dans ce champ du module de boutique Facebook Prestashop, l’utilisateur admin peut sélectionner les catégories qui seront affichées sur la page d’accueil.
  • Produit À afficher: Le système demandera le type de produit à afficher sur la page d’accueil, c’est-à-dire parmi les options ci-dessous ou comme indiqué sur la page d’accueil du site principal. Ce sera une liste déroulante.
  • Max Nombre de produits en vedette: Ce champ de configuration Facebook Store Prestashop par Knowband permet à l’administrateur de sélectionner le nombre maximum de produits en vedette à afficher sur la page d’accueil.
  • Produits vedettes On Home: L’ utilisateur administrateur peut sélectionner les produits qui seront affichés sur la page d’accueil de la boutique Facebook.

  • Taille de l’image du produit: Dans ce champ du module d’intégration de Prestashop Facebook par Knowband, le système demandera la taille de l’image, c’est-à-dire petite ou grande.
  • Footer Content: Le texte ajouté sera affiché sur la page d’accueil de l’onglet Boutique facebook.

5.2.3 Liste des profils

Une fois la configuration de Facebook terminée, l’utilisateur sera redirigé vers la page de liste de profil en cliquant sur le bouton “Configurer”. Si aucun profil n’est ajouté, la table vide sera affichée avec le message contenant le lien pour ajouter un nouveau profil.

5.2.4 Action de liste de profil

La liste des profils aura une colonne d’action dans la dernière grille. L’action Edit & Delete sera présente dans ce champ de l’addon Facebook Shop de Prestashop par Knowband.

  • Modifier: en cliquant sur le bouton d’édition, le système vérifiera l’accès de Facebook en utilisant le jeton d’accès stocké dans la base de données si l’accès pour obtenir l’information sur la page est disponible OU non. Sinon, la page affichera l’option de connexion à Facebook.

Une fois que l’utilisateur a cliqué sur “Se connecter à Facebook” et se connecter au système via Facebook, le système vérifie également si l’utilisateur connecté est le même à partir de laquelle il s’est connecté au système au moment de la création du profil.

Si les conditions ci-dessus sont vraies, le système affichera la même page qui est affichée au moment de la création du profil, c’est-à-dire la page Paramètres généraux et paramètres du contenu du profil.

  • Supprimer : Cliquez sur le bouton Supprimer pour supprimer le profil du système. La fenêtre de confirmation doit être affichée avant de supprimer la même chose.

5.2.5 Réinitialiser la configuration de l’application Facebook

En cliquant sur le bouton Configuration sur le dessus de l’intégration Prestashop fb magasin, l’utilisateur sera redirigé vers la page de configuration avec le bouton Reset. En cliquant sur Supprimer, si un profil existe, l’utilisateur sera invité à supprimer tous les profils en premier.

Si aucun profil n’est créé ou que tous les profils sont supprimés par l’utilisateur, l’utilisateur sera autorisé à modifier les paramètres de l’application Facebook et à se reconnecter.

6.0 Interface utilisateur de la page Facebook

En cliquant sur l’onglet Ajouté de la page Facebook, la page d’accueil Facebook Shop sera affichée.

6.1 Page d’accueil

La page d’accueil aura l’interface utilisateur similaire à celle mentionnée ci-dessous affichant les éléments suivants:

  • Barre du haut
  • Section d’en-tête
  • Barre de menu
  • Texte
  • Catégories vedettes
  • Produits en vedette, etc.

  • Barre supérieure: La barre supérieure de l’intégration de Prestashop sur Facebook aura un lien vers la page d’accueil, une liste déroulante de sélection de langues et une liste déroulante de sélection de devises si le magasin utilise plusieurs langues ou devises. Option pour aller en ligne sera également là (Aller à la boutique)
  • Section d’en- tête : La section d’en- tête du magasin Facebook comportera le logo, la barre de recherche et le lien Aller au magasin.
  • Barre de menus: En fonction de la sélection des éléments de menu, le menu s’affichera. Tous les liens doivent être ouverts dans facebook iframe lui-même au lieu de rediriger l’utilisateur vers le site Web.
  • Image de la bannière: Si elle est téléchargée depuis le panneau d’administration, la page d’accueil de la boutique Facebook affichera la bannière sur la page d’accueil.
  • Texte: Si un texte est ajouté dans l’admin, la page d’accueil de la boutique Facebook de Prestashop affichera le bloc de texte sinon il ne sera pas affiché.
  • Catégories en vedette: La section des catégories en vedette de la configuration du magasin Facebook de Prestashop sera affichée après la section «Texte». La section des catégories d’objets aura une image de catégorie, le nom de la catégorie. En cliquant sur le même redirigera l’utilisateur vers la page de catégorie respective.
  • Produits en vedette: Les produits en vedette seront affichés selon les paramètres du profil.

6.2 Autres pages

La page des nouveaux produits, les meilleurs vendeurs, la mise en page des catégories seront similaires à l’écran ci-dessous.

Maintenant, vous êtes prêt à avoir votre Boutique Facebook donnant à vos clients un moyen de se connecter avec vous en un seul clic. En cliquant sur l’option “Ajouter au panier”, le client est redirigé vers votre magasin pour avoir une expérience d’achat sécurisée.

Retrouvez ci-dessous plus de détails sur cet add-on Prestashop par Knowband:

Module Lien: https://www.knowband.com/prestashop-fb-store

Admin Demo Link: https://ps.knowband.com/demo2/16/admin1/index.php?controller=AdminLogin&token=aea1bb3fb1bab860c86c4db00ce5949e&redirect=AdminModules&demo_lang=fr

Lien de démonstration avant : https://www.facebook.com/knowbanddemo/app/227556457771171/?ref=page_internal

Regardez le didacticiel vidéo ici:

Veuillez nous contacter à support@knowband.com pour toute requête ou demande de modification personnalisée selon les besoins de votre entreprise.

Vous pourriez aussi aimer:

Joe Parker

We boast of the best in the industry plugins for eCommerce systems and has years of experience working with eCommerce websites. We provide best plugins for platforms like - Magento, Prestashop, OpenCart and Shopify . We also provide custom module development and customization services for the website and modules..

Leave a Reply

Your email address will not be published. Required fields are marked *