Prestashop Facebook Store Module por Knowband – Manual de usuario

1. 0 Introducción

PrestaShop es una plataforma gratuita de comercio electrónico en la que cualquiera puede crear su tienda con solo unos pocos pasos. Después de tener una tienda, la principal preocupación es que cada propietario de la tienda es el marketing y hacer que sus productos / marca estén cada vez más expuestos al mundo. Como afirma Facebook, hay más de 2 mil millones de usuarios activos en Facebook para el año 2017. Aquí, hemos hecho su trabajo más fácil.

  • Ahora puede tener su Tienda de Facebook, cambiar el diseño, la plantilla y el módulo sin necesidad de diseñar o codificar.
  • El módulo Store de KnowBand Prestashop Facebook lo ayuda a conectar su tienda PrestaShop con Facebook y lo ayuda a mostrar sus productos a una gran variedad de personas.

FB Store

1.1. Beneficios para el comerciante

El propietario de la tienda puede aumentar el número de visitantes y compradores potenciales en su tienda PrestaShop y mejorar su comunidad de Facebook con la ayuda de este módulo de PrestaShop de integración de tienda fb.

  • El módulo de integración de Facebook Prestashop integra su página de fans en Facebook con su tienda PrestaShop.
  • La integración de la tienda de Facebook con Prestashop ofrece una lista automática de productos en su tienda de Facebook.
  • El módulo de integración de tienda de Facebook de Prestashop tiene la opción de mostrar categorías, mejores vendedores, productos destacados, etc.
  • El módulo de integración de la tienda de Facebook Prestashop aumenta sus ingresos e incrementa la fidelización y fidelización de los clientes de su marca.
  • El módulo de la tienda Prestashop Facebook aumenta los me gusta y seguidores genuinos en su página de Facebook.
  • El módulo de instalación de la tienda de Facebook de Prestashop crea una pestaña Comprar dentro de la página de fans de Facebook para permitir que los usuarios vean los productos.
  • El módulo de Integración de Facebook de Prestashop analiza el cambio en la venta con Google Analytics.
  • El complemento de tienda de Facebook de Prestashop por Knowband conecta cualquier cantidad de páginas y las administra en un extremo.
  • Cambie la apariencia de la tienda de Facebook en cualquier momento.
  • Los respectivos plugins Prestashop de Knowband muestran los productos y categorías deseados.

1.2. Beneficios del módulo Prestashop de integración de tiendas fb para clientes:

Con este módulo de integración de Facebook Prestashop de Knowband, el cliente puede echar un vistazo a su tienda / productos sin visitar su tienda PrestaShop.

  • La tienda de Facebook se puede traducir al idioma deseado.
  • Los precios de la tienda de Facebook pueden cambiarse a la moneda local.
  • Después de hacer clic en “Agregar al carrito”, se lleva al cliente a la tienda para que tenga experiencia de compra autenticada.

2.0 Instalación

Después de comprar el módulo de Prestashop, obtendrá los siguientes archivos como se detalla a continuación:

  • facebookstore.zip (contiene el código fuente del módulo)
  • Manual de usuario

Siga los siguientes pasos para instalar el módulo de Prestashop:

Paso 1: Descomprime el archivo facebookstore.zip. Contendría archivos y carpetas como se muestra a continuación –

Paso 2: copie todos los archivos y carpetas de la carpeta descomprimida en el directorio de “módulos” de su tienda en la ruta – Directorio / módulos raíz.

Paso 3: Ahora el módulo de la tienda de Facebook de Prestashop está listo para ser instalado en su tienda y puede encontrarlo en Administración de la tienda -> Módulos y servicios. Se mostraría como a continuación –

En caso de que no pueda encontrar este módulo de Prestashop en la lista de módulos de administración, intente buscar en el módulo los siguientes detalles:

Palabra clave – Fb Store

Categoría – Front office

Filtrar por : instalado y no instalado / habilitado y deshabilitado

Paso 4: haz clic en el botón ” Instalar ” para instalar el módulo de la tienda de Facebook. Mostrará una ventana emergente para su confirmación. Haga clic en la opción “Continuar con la instalación”. Este paso instalará el módulo de Prestashop y mostrará la notificación: “Módulo (s) instalado (s) con éxito”.

3.0 Configuración del sistema

Antes de continuar, es importante saber cuál es el flujo de acciones correcto para configurar este sistema, ya que hay varias cosas que dependen de otras cosas y si no las cuidamos, sería difícil procesarlas sin problemas o puede ser propenso a errores

4.0 Creación de aplicaciones de Facebook

La aplicación de Facebook se puede crear siguiendo los pasos mencionados a continuación:

Paso 1: Ir a la url determinada: https: //developers.facebook.com/apps/

Paso 2: haz clic en el botón “Agregar una nueva aplicación”.

Paso 3: ingrese el nombre de su aplicación y su ID de correo electrónico, luego haga clic en el botón “Crear ID de la aplicación”.

Paso 4: haz clic en la pestaña “Configuración”.

Paso 5: haz clic en “Agregar plataforma”.

Paso 6: elige “Sitio web” como plataforma.

Paso 7: ingrese su “Dominio de aplicación”, “Correo electrónico de contacto”, “URL de privacidad”, “URL de términos y condiciones”, “AddLogo”, “Seleccionar categoría”, “URL del sitio” y haga clic en el botón “Guardar cambios”.

App Dominios:

tudominio.com es correcto

yourdomain.com/store es incorrecto

www.dominio.com es incorrecto

Ingrese la URL de su sitio.

Una vez más, haga clic en “Agregar plataforma para agregar página”

Haga clic en “Pestaña de página”.

 

Agregue la URL de la pestaña Página como: www.example.com/module/facebookstore/fbHome

Paso 8: en la pestaña “Revisión de la aplicación”: –

Haga clic en “administrar páginas de páginas” y luego haga clic en “Agregar 2 elementos”

Después de seguir los pasos mencionados anteriormente, la pantalla se mostrará como se muestra a continuación.

¿Quién puede usar esta aplicación?

Si el administrador desea usar el mismo perfil de Facebook para administrar páginas, entonces no se necesitan aprobaciones especiales. El mismo ID se puede utilizar en modo de desarrollo. ¿La opción “Hacer que la tienda sea pública?” En la vista anterior estará en estado “deshabilitado”.

Si su aplicación solicita este permiso, Facebook tendrá que revisar cómo lo usa su aplicación. Puede otorgar este permiso en nombre de personas incluidas en la sección Roles del Tablero de la aplicación sin revisión por Facebook.

Si el administrador de la página de Facebook desea hacer que la aplicación sea pública, para ser utilizada con FacebookFacebook Idid, entonces tendrá que enviar elementos de permiso y obtener la aprobación de Facebook.

picture11

En la captura de pantalla anterior, haga clic en el enlace ” Editar notas ” de cada elemento.

Proporcione instrucciones en un formato paso a paso para reproducir la acción que solicita el permiso en particular. Cargue también el screencast como se muestra a continuación. Tenga en cuenta que no podrá guardar la página hasta que complete todos los pasos necesarios.

Repita los pasos anteriores para todos los permisos. Los pasos requeridos variarán de permiso a permiso y debe proporcionar las instrucciones para reproducir el permiso y el screencast siguiendo los detalles mencionados en la página. [Opcional] Pulse “ver notas” contra “verificación de la aplicación” y complete los detalles.

Pulse “enviar para revisión”, acepte la plataforma T & C y pulse “enviar”.

Puede controlar el estado de su envío desde la página de revisión de la aplicación.

Paso 9: copie el ID de la aplicación y la clave secreta de la aplicación.

5.0 Interfaz de administrador

La interfaz de administración de la integración de la tienda de Facebook con Prestashop está diseñada de tal manera que un propietario de la tienda PrestaShop puede realizar los cambios en su tienda de Facebook con los cambios sin perder el tiempo. Una vez que el módulo Prestashop está configurado por completo, el propietario de la tienda puede cambiar el logotipo, las pancartas y el diseño de la tienda.

A continuación se detallan los pasos que le ayudarán a configurar su interfaz de administrador del complemento de la tienda de Facebook por Knowband:

5.1 ¿Cómo iniciar el proceso de configuración?

Al hacer clic en configurar desde la página de listado de módulos de integración de compras de Facebook de Prestashop, el administrador será redirigido a la página de configuración para guardar el “ID de la aplicación de Facebook” y el “Secreto de la aplicación de Facebook” y conectarse a Facebook como se muestra a continuación:

  1. ID de la aplicación de Facebook: este campo del módulo de integración de la tienda de Facebook de Prestashop es para el ID de la aplicación de Facebook creado para este módulo de la tienda de Facebook.
  2. Secreto de aplicación de Facebook: este campo del módulo de tienda de Facebook de Prestashop es para Facebook App Secret creado para este módulo de tienda Fb.

Haga clic en el siguiente enlace para crear ID de aplicación y Secreto de aplicación:

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

      . Conectar: al hacer clic en este botón, la ID de la aplicación de Facebook y la aplicación secreta se guardarán en Db y se abrirá una ventana emergente para pedir permiso para conectarse con la aplicación de Facebook con permisos de administración de páginas.

5.2 ¿Cómo agregar perfil?

Si la aplicación de Facebook está conectada correctamente, aparecerá una página de éxito con el enlace “Agregar perfil”.

Si el administrador hace clic en el vínculo “Proceder para agregar perfil / Añadir perfil”, se redirigirá a administrador para agregar el formulario de perfil.

Agregar formulario de perfil tiene principalmente dos secciones:

  1. Configuración general
  2. Configuración de contenido

5.2.1 Configuraciones generales

En este campo de Prestashop Facebook Store Setup, al agregar / editar cualquier perfil, se le pedirá al administrador que se conecte a Facebook para asegurarse de que el Usuario conectado sea el mismo que el que se conectó al momento de conectarse a la Aplicación de Facebook.

En Conexión exitosa, el usuario será redirigido a Configuración general del formulario “Agregar perfil”.

  1. Habilitar: – El contenido de la pestaña de Facebook se habilitará o deshabilitará utilizando esta configuración del módulo de integración de Facebook de Prestashop.
  2. Nombre del perfil: este campo del complemento de tienda de Facebook de Prestashop es para el nombre del perfil para diferenciar los perfiles.
  3. Elija una página: – Será un menú desplegable que contenga todas las páginas de Facebook. El usuario solo podrá agregar pestañas en las páginas FB para las cuales el usuario es administrador.
  4. Nombre de la pestaña de Facebook: – En este campo de integración de la tienda fb Prestashop, el administrador ingresará el nombre de la pestaña que se mostrará en la página de Facebook seleccionada.
  5. Tienda: – Es un menú desplegable que muestra todas las tiendas del sitio.
  6. ID de Google Analytics: el administrador puede ingresar la identificación de Google Analytics para rastrear el rendimiento de las páginas de la tienda de Facebook.

5.2.2 Configuraciones de contenido: –

Toda la configuración del contenido de la página de inicio de la integración de facebook Prestashop se guardará desde aquí: –

untitle_02picture211

  • Logotipo: El sistema seleccionará el logotipo predeterminado de PrestaShop. Si el usuario lo desea, puede subir un nuevo logotipo que se mostrará en la página de la tienda de Facebook.
  • Banner de la página de inicio:  en este campo de la integración de la tienda de Facebook con Prestashop, el administrador puede cargar una imagen de banner que se mostrará en la página de inicio.
  • Contenido de la página de inicio: el texto añadido se mostrará en la página de inicio de la pestaña de la tienda de Facebook.
  • Elementos de menú: el administrador puede seleccionar los elementos del menú de la lista predefinida que se mostrará en la pestaña Tienda de Facebook. A partir de ahora, mantenga el menú como un solo nivel que se mostrará en la pestaña Tienda de Facebook.

Posibles elementos de menú que el usuario puede seleccionar.

  1. Página de inicio
  2. Categorías
  3. Best Sellers
  4. nuevos productos
  • Color de la página de Facebook: esta opción de la integración de la tienda de Facebook de Prestashop tendrá el color de todos los botones y menú de la página de la tienda de Facebook. Habrá una opción para restablecer el color original de FB en cualquier momento al hacer clic en el botón Restablecer. El color predeterminado será: “# 48649f”
  • Número máximo de categorías destacadas: el administrador puede seleccionar el número máximo de categorías destacadas que se mostrarán en la página de inicio en este campo de la integración de tienda de Facebook de Prestashop.
  • Categorías destacadas: en este campo del módulo de la tienda Prestashop Facebook, el usuario administrador puede seleccionar las categorías que se mostrarán en la Página de inicio.
  • Producto que debe mostrarse: El sistema le preguntará el tipo de producto que se mostrará en la página de inicio, es decir, desde las opciones seleccionadas a continuación o como se muestra en la página de inicio del sitio web principal. Será un menú desplegable.
  • Número máximo de productos destacados: este campo de Prestashop Facebook Store Setup de Knowband permite al administrador seleccionar la cantidad máxima de productos destacados que se mostrarán en la página de inicio.
  • Productos destacados en el hogar: el usuario administrador puede seleccionar los productos que se mostrarán en la página de inicio de la tienda de Facebook.

  • Tamaño de la imagen del producto: en este campo del módulo de integración de Facebook Prestashop de Knowband, el sistema preguntará por el tamaño de la imagen, es decir, pequeña o grande.
  • Contenido del pie de página: el texto añadido se mostrará en la página de inicio de la pestaña de la tienda de Facebook.

5.2.3 Listado de perfiles

Una vez que finalice la configuración de Facebook, el usuario será redireccionado a la página de listado de perfil al hacer clic en el botón “Configurar”. Si no se agrega ningún perfil, se mostrará una tabla en blanco con un mensaje que contenga un enlace para agregar un nuevo perfil.

5.2.4 Acción de listado de perfil

La lista de perfil tendrá una columna de acción en último lugar en la grilla. La acción Editar y Eliminar estará presente en este campo de Prestashop Facebook Shop Addon by Knowband.

  • Editar: Al hacer clic en el botón Editar, el sistema verificará el acceso de Facebook utilizando el token de acceso almacenado en DB si el acceso para obtener la información de la Página está disponible O NO. De lo contrario, la página mostrará la opción para iniciar sesión en Facebook.

Una vez que el usuario hizo clic en “Conectarse a Facebook” e ingresó al sistema a través de Facebook, el sistema también verificará si el usuario registrado en Facebook es el mismo desde el cual se conectó al sistema en el momento de la creación del perfil o el sistema lo hará a través del mensaje de error.

Si las condiciones anteriores son verdaderas, el sistema mostrará la misma página que se muestra en el momento de la creación del perfil, es decir, la página Configuración general y configuración de contenido del perfil.

  • Eliminar : al hacer clic en el botón Eliminar, se eliminará el perfil del sistema. La ventana emergente de confirmación debe mostrarse antes de eliminar la misma.

5.2.5 Restablecer la configuración de la aplicación de Facebook

Al hacer clic en el botón Configuración en la parte superior de la tienda de integración de fb Prestashop, el usuario será redirigido a la página de configuración con el botón Restablecer. Al hacer clic en Eliminar, si existe algún perfil, se le solicitará al usuario que elimine todos los perfiles primero.

Si no se crea ningún perfil o el usuario borra todos los perfiles, el usuario podrá cambiar la configuración de la aplicación de Facebook y volver a conectarse.

6.0 UI de la pestaña de Facebook

Al hacer clic en la pestaña Agregada de la página de Facebook, se mostrará la página de inicio de la Tienda de Facebook.

6.1 Página de inicio

La página de inicio tendrá la interfaz de usuario similar a la que se menciona a continuación y mostrará lo siguiente:

  • Barra superior
  • Sección de encabezado
  • Barra de menú
  • Texto
  • Categorías Destacadas
  • Productos destacados, etc.

  • Barra superior: la barra superior de la integración de facebook de Prestashop tendrá el enlace de inicio, la lista desplegable de selección de idioma y el menú desplegable de selección de moneda si la tienda tiene varios idiomas o monedas. La opción para ir a en línea también estará allí (Ir a comprar)
  • Sección de encabezado: la sección de encabezado de la tienda de Facebook tendrá el logotipo, la barra de búsqueda y el vínculo Ir a la tienda.
  • Barra de menú: de acuerdo con la selección de elementos de menú, se mostrará el menú. Todos los enlaces deben abrirse en el propio iframe de Facebook en lugar de redirigir al usuario al sitio web.
  • Imagen del banner: si se carga desde el Panel de administración, la página de inicio de la tienda de Facebook mostrará el banner en la página de inicio.
  • Texto: Si se agrega texto en el administrador, la página de inicio de la tienda Prestashop Facebook mostrará el bloque de texto, de lo contrario no se mostrará.
  • Categorías destacadas: la sección de categorías destacadas de la configuración de la tienda de Facebook de Prestashop se mostrará después de la sección “Texto”. La sección de categorías de características tendrá una imagen de categoría, nombre de la categoría. Al hacer clic en el mismo, se redirigirá al usuario a la página de categoría respectiva.
  • Productos destacados: los productos presentados se mostrarán según la configuración del perfil.

6.2 Otras páginas

La página de Nuevos productos, Mejores vendedores, diseño de páginas de categoría será similar a la pantalla siguiente.

Ahora está listo para que su Tienda de Facebook les brinde a sus clientes una forma de conectarse con usted con un solo clic. Al hacer clic en la opción “Agregar al carrito”, el cliente se redirige a su tienda para tener una experiencia de compra segura.

Encuentre a continuación más detalles sobre este Prestashop Addon by Knowband:

Enlace de módulo: https://www.knowband.com/prestashop-fb-store

Enlace de demostración del administrador: https://ps.knowband.com/demo2/16/admin1/index.php?controller=AdminLogin&token=aea1bb3fb1bab860c86c4db00ce5949e&redirect=AdminModules&demo_lang=en

Enlace de demostración frontal : https://www.facebook.com/knowbanddemo/app/227556457771171/?ref=page_internal

Mira el video tutorial aquí:

Póngase en contacto con nosotros en support@knowband.com para cualquier consulta o solicitud de cambio personalizado según los requisitos de su empresa.

También podría gustarte:

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 *