En esta categoría se explican diferentes procesos de configuración que se requieren para la creación de tu Prestapp

¿Cómo crear la portada de tu App?

Cuando abrimos una aplicación, lo primero que solemos ver son las portadas, esas páginas donde se presentan las novedades, las ofertas y/o las principales categorías de tu tienda. Ahora bien, ¿cómo crear tus portadas personalizadas? En este artículo te lo explicamos.

*NOTA: Puede variar según la versión del Prestashop.

En tu panel de control de PrestaShop, nos dirigimos a la siguiente ruta:

· Mejoras > Diseño > Páginas 

Si ya tienes instalado nuestro módulo, verás que tienes creada una categoría titulada «App». Dentro de esta categoría tienes una página llamada «app-portada». En esta se cargan las imágenes predeterminadas de tu tienda en la portada de la aplicación. 

Para editar los banners de portada

Dentro de «app portada» podrás ver los banners que vienen por defecto. Puedes editarlos, quitarlos, cambiarlos según veas conveniente. Te recomendamos que el tamaño de las imágenes sean iguales a los banners por defecto.

Si quieres que cierta imagen apunte a una categoría o producto específico, simplemente haz click derecho en la imagen y selecciona «insertar enlace», tras lo cual puedes buscar el enlace a la categoría y/o producto que quieras. Luego en la App, al tocar esa imagen, nos llevará a la categoría y/o producto que hayas definido.

Al finalizar la edición, en la parte inferior de la página haremos click en «Guardar».

Si quieres añadir más páginas, solo tienes que hacer click en el botón «Añadir nueva página». Tienes disponible un editor de texto y opciones de formato, así como para añadir imágenes, tablas, enlaces…etc. También, para los más valientes, podrás editar tu página escribiendo su código en html y guardándolo.

 

Para añadir páginas a conveniencia

Si quieres editar cualquier página, es tan sencillo como hacer click en el botón «Modificar» a la derecha de cada página.

Puedes hacer lo mismo con el resto de páginas que no sean de venta, tales como aviso legal, política de privacidad, quienes somos, términos y condiciones, etc. 

 

Si tienes alguna duda al respecto, no dudes en ponerte en contacto con nuestro equipo de atención al cliente.

 

¿Cómo generar las claves API?

En este artículo te explicamos cómo general las claves API de PayPal y Stripe para poder integrar estos servicios a tu App.

 

   STRIPE

Para generar las claves API de Stripe tendremos que:

  • Ir a la configuración de nuestra cuenta de Stripe
  • Allí navegaremos por el menú lateral y hacemos click en «API Keys«.
  • Teniendo la opción «View Test Data» desactivada, copiar las claves bajo los nombres: Publishable key y Secret Key

(Nota: En el apartado «Secret Key» debemos darle a «Reveal live key token» para que nos muestre esta información)

   PAYPAL

Para generar las claves API de Paypal debemos:

  • Ir a la dirección: http://developer.paypal.com
  • Iniciar sesión
  • Seguir la ruta: My apps and credentials > Rest API > Create App
  • Escribimos el nombre de nuestra App
  • Con la opción «Sandbox» activada, copiamos las claves bajo los nombres: Account, Client ID, Secret
  • Copiamos los mismos datos pero esta vez con la opción «Live» activada

(Nota: En el apartado «Secret» debemos darle a «Hide» para que nos muestre esta información)

 

Prestashop a App – Primeros pasos

Para poder empezar con el despliegue de la App, primero vamos a necesitar que sigas una serie de pasos y nos facilites la información necesaria. Esto se detalla a continuación

Pasos a Seguir

  1. Instalar nuestro módulo «XmlSync» en tu panel de Prestashop. Este módulo va a permitir a la app acceder al catálogo, a los métodos de pago, a los envíos y a los clientes para que los usuarios puedan comprar desde la misma app.
  2. Configurar el módulo con los métodos de pago PayPal y Stripe. Estos servicios proporcionan unas claves API que debes pegar en cada apartado de la configuración del módulo.
  3. Tener configuradas en tu Prestashop las páginas de Aviso Legal y Política de Privacidad
  4. Crear tus propias imágenes de portada y enlazarlas con las categorías y/o productos que desees destacar. Estas las puedes cambiar y modificar siempre que quieras desde tu panel Prestashop.
  5. Generar una nueva API de Webservice en tu panel prestashop. Una vez creada, deberás facilitarnos la clave generada. Para saber cómo hacerlo lee el siguiente artículo.

Información que necesitamos

  • Confirmación de que tu Prestashop está configurado, es decir, que tienes tus productos, categorías, atributos, etc, ya configurados
  • Información que hay que añadir en los Markets (Google Play y App Store)
    • Google Play Store (Android)
      • Descripción breve (máx. 80 caracteres) y descripción detallada (máx. 4000 caracteres) de tu tienda
      • Imagen de cabecera para la tienda. Deberá ser de 1024×500 px
      • Países donde estará disponible la App
      • Texto introductorio para la app
    • App Store (iOS)
      • Descripción breve y descripción detallada de tu tienda
      • Palabras clave para que las personas encuentren tu app más fácilmente
      • Un enlace a tu página de contacto
  • Imágenes para tu App. Necesitamos las imágenes que se utilizarán para adornar y personalizar tu App. Estas deben cumplir las siguientes especificaciones:
    • Icono App | El icono que tendrá la app.
      • Debe ser de 1024×1024 px en formato PNG.
    • Splash App | La imagen que aparecerá al iniciar la app.
      • Una única imagen en formato PNG de 2732×2732 px sería suficiente
    • Logo Home | Imagen horizontal.
      • Máximo 48px de altura y en formato PNG.
    • Imagen Menú | Imagen para mostrar en el menú lateral.
      • Debe ser de 200×300 px en formato PNG.
    • Portada App | Los banners que aparecen en el menú principal
      • Deben ser en formato PNG o JPEG de tamaño similar a los banners genéricos ya existentes en tu panel prestashop

Una vez que realices todos estos pasos y nos facilites toda esta información, empezaremos a desarrollar tu app, la cual quedará lista y publicada en un período de 48/72 horas.

Si tienes alguna duda sobre alguno de los pasos, o necesitas ayuda para completar alguno, no dudes en contactarnos. Estaremos encantados de ayudarte en lo que sea que necesites.