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

 

Aquí te enseñamos cómo configurar tu correo electrónico de empresa en cualquier cliente de correo (Outlook, eMClient, Mozilla Thunderbird…etc)

Para configurar nuestro correo tendremos que ingresar los siguientes datos:

  • (Para una configuración de correo segura de SSL/TLS)

Nombre de usuario: correo@dominio.com
Contraseña: Utilice la contraseña de la cuenta de correo electrónico.
Servidor entrante: mail.dominio.com o bien la dirección del servidor
IMAP Puerto: 993
POP3 Puerto: 995
Servidor de correo: mail.dominio.com o bien la dirección del servidor 
SMTP Puerto: 465

Se requiere autenticación para IMAP, POP3 y SMTP.

::::::::::::::::::::

  • (Para una configuración diferente de SSL)

Nombre de usuario: correo@dominio.com
Contraseña: Utilice la contraseña de la cuenta de correo electrónico.
Servidor entrante: mail.dominio.com o bien la dirección del servidor
IMAP Puerto: 143
POP3 Puerto: 110
Servidor de correo: mail.dominio.com o bien la dirección del servidor
SMTP Puerto: 25

Se requiere autenticación para IMAP, POP3 y SMTP.

En caso de duda, por favor, no dudes en ponerte en contacto con nuestro equipo de asistencia técnica.

¿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)

 

¿Qué son las claves API?

Te imaginas reinventar la rueda cada vez que quieras fabricar un coche? Pues con la misma lógica se han creado las claves API (‘Aplication Programing Interface’ – Interfaz de Programación de Aplicaciones)

Las claves API están diseñadas para que las aplicaciones se puedan comunicar con otras y así no tener que programar otra aplicación externa de manera innecesaria. Por poner un ejemplo. Si desde tu aplicación quieres hacer que se pueda pagar mediante el servicio de pagos «PayPal», usaremos las claves API de PayPal para acceder a este servicio en vez de programar una app aparte.

Para poder acceder al servicio, cada app genera unas claves de autentificación. Necesitaremos esas claves para integrar el servicio en tu app. En el siguiente artículo te explicamos cómo generar las claves API de los servicios de pago PayPal y Stripe

En este artículo te explicamos qué son los módulos de Prestashop®. Ahora te explicamos qué es nuestro módulo de tiendas XmlSync y para qué sirve.

Como te explicamos en el artículo «como funciona PrestApp«, nuestro equipo de desarrollo necesita instalar un módulo en tu panel de Prestashop®. Este módulo es una funcionalidad añadida en tu tienda que se va a encargar de «comunicarse» con la App. De este modo se producen dos líneas de comunicación:

  • La App podrá recibir información. Por ejemplo, recibirá datos de productos, formas de pago disponibles, envíos, etc…
  • Por otro lado la App podrá enviar información a la tienda. Podrá enviar , por ejemplo, datos de pedidos, actualizaciones de información del perfil de usuarios, etc…

Este módulo se encargará de que la información de la tienda y la App estén siempre sincronizadas y actualizadas.

Como se indica en el artículo Cómo funciona PrestApp, para que la App pueda funcionar, nuestro equipo de desarrollo tiene que instalar un módulo en el panel de control. Ahora bien, ¿qué es un módulo de Prestashop®? En este artículo te lo explicamos.

Un módulo en Prestashop® es una pequeña «aplicación añadida» que lo que hace es aportar funcionalidades extra que no integra la plataforma por defecto. Por ejemplo, se puede instalar un módulo para crear campañas publicitarias por correo electrónico, para crear un cupón de descuento a los usuarios que están de cumpleaños ese día, etc…

Existen módulos de pago y módulos gratuitos. Prácticamente hay módulos para cada una de las ideas que tengas para tu tienda online.

En el siguiente artículo te explicamos en qué consiste nuestro módulo de tiendas Prestashop®.

 

Para poder convertir tu tienda Prestashop®, es necesario que nuestro equipo de asistencia tenga acceso al panel de control de Prestashop®. ¿Por qué? En este artículo te lo explicamos.

Nuestro equipo de desarrollo y soporte necesita acceso básicamente por dos motivos:

  1. El primer motivo es clave. Como se aclara en el artículo Cómo funciona PrestApp, para que la app pueda acceder a los datos de al tienda online, nuestro equipo de desarrollo, tiene que instalar un módulo sobre tu Prestashop® (instalándolo mediante el panel de control) que permitirá pasar datos, como productos, clientes, métodos de pago, etc… desde la tienda a la App.
  2. En segundo lugar, esto facilitará el acceso al panel de control en caso de que necesite ayuda con alguna configuración de su tienda Prestashop®.

Puedes tener plena confianza en que bajo ningún concepto se hará un mal uso del panel de control de tu tienda Prestashop ni se revelarán tus datos a ninguna empresa ajena al proyecto.

¿Que son Hosting y Dominio web?

Para crear tu tienda online Prestashop® necesitas contratar un «hosting» y un «dominio web«. Pueden parecer conceptos complicados pero no te preocupes. En este artículo te explicamos qué son estos conceptos.

  • HOSTING

El hosting, también llamado alojamiento web,  es un servicio mediante el cual vamos a poder “alojar” una página web en un servidor remoto para que pueda ser usada y consultada por usuarios de Internet. Hay diferentes empresas que prestan este servicio. Si deseas contratar con nosotros este servicio para tu tienda Prestashop®, no dudes en pedirnos presupuesto sin compromiso.

  • DOMINIO WEB

Un dominio o nombre de dominio es el nombre que identifica un sitio web. Cada dominio tiene que ser único en Internet. Por ejemplo, «www.prestapp.es» es el nombre de dominio de la página web de PrestApp.

Un solo servidor web puede servir múltiples páginas web de múltiples dominios, pero un dominio sólo puede apuntar a un servidor.

 

 

 

¿Qué es Prestashop®?

Para poder crear tu PrestApp, es necesario contar con una tienda Prestashop®. En este artículo te explicamos qué es Prestashop®.

Prestashop® es una plataforma web la cual te permite desarrollar una actividad de comercio electrónico, desde la que puedes gestionar todos los aspectos necesarios de una tienda como, por ejemplo, la gestión de productos, clientes, métodos de pago y envío entre otras muchas cosas.

Si no dispones de una tienda online Prestashop®, y no sabes como crear una, te invitamos a pedirnos presupuesto sin compromiso para que te la configuremos nosotros. 

Si ya tienes una tienda Prestashop®, en este artículo te explicamos los primeros pasos hacia el despliegue de tu App

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.