38
Manual de Prestashop Manual de Prestashop Página 1 de 38 Manual de PrestaShop

Manual de presta shop

Embed Size (px)

Citation preview

Page 1: Manual de presta shop

Manual de Prestashop

Manual de Prestashop Página 1 de 38

Manual

de

PrestaShop

Page 2: Manual de presta shop

Manual de Prestashop

Manual de Prestashop Página 2 de 38

Índice de contenido1.- Instalación.......................................................................................................................3

1.1.- Descargar Prestashop. .............................................................................................3

1.2.- Subir la página a Internet.........................................................................................3 a) Descomprimirlo. ..................................................................................................3

b) Subirlo a nuestra página. ......................................................................................4 1.3.- Instalación...............................................................................................................4

2.- Gestión de Productos....................................................................................................10 2.1.- Categorías. ............................................................................................................10

2.2.- Productos. .............................................................................................................12 2.3.- Características. ......................................................................................................19

3.- Gestión de Clientes .......................................................................................................22 3.1.- Administración de clientes. ...................................................................................22

3.2.- Cree su cuenta.......................................................................................................23

4.- Gestión de Módulos. .....................................................................................................27 4.1.- Módulo PayPal (Addons) .....................................................................................27

5.- ¿Cómo realizar una compra?.......................................................................................30 5.1.- Elegir los productos...............................................................................................30

5.2.- Realizar el pedido..................................................................................................31

6.- Personalización. ............................................................................................................36 6.1.- Apariencia y Logo de la empresa...........................................................................36 6.2.- Información de la empresa. ...................................................................................37

Page 3: Manual de presta shop

Manual de Prestashop

Manual de Prestashop Página 3 de 38

1.- Instalación. 1.1.- Descargar Prestashop.

Para poder usar esta “tienda online” primero deberá descargar un fichero en formato “.zip” el cual contiene todo lo necesario.

La página desde la que puede hacerlo es: www.prestashop.com

Aunque si queremos que nos accede a la página directamente en español podremos indicar: http://www.prestashop.com/es/

Una vez en ella pulsaremos el botón que nos indica “DESCARGAR” y lo descargaremos pulsando nuevamente en un botón que nos indica “DESCARGAR AHORA”.

El tamaño del ficheo “.zip” es de aproximadamente unos 15 MB, por lo que posiblemente nos lleve un tiempo, dependiendo de la velocidad de acceso que tengamos a Internet.

1.2.- Subir la página a Internet. a) Descomprimirlo. Una vez bajado el fichero, deberemos de descomprimirlo, para ello es aconsejable situarlo

en alguna carpeta de nuestro disco.

Para descomprimirlo podremos hacerlo con cualquier programa que reconozca dicho formato de compresión. Si ya tenemos alguno instalado solamente deberemos de pulsar con el botón derecho del ratón y dar a la opción de “descomprimir”.

Este proceso durará un rato, pues nos va a generar un directorio con todo el contenido de la página “Prestashop”. Dentro de ese directorio vamos a tener todos los ficheros y directorios necesarios para su funcionamiento.

Una vez descomprimido el fichero “.zip” obtendremos (aproximadamente y dependiendo de la versión) en siguiente contenido:

Page 4: Manual de presta shop

Manual de Prestashop

Manual de Prestashop Página 4 de 38

b) Subirlo a nuestra página. Cuando lo hayamos descomprimido deberemos de subir el directorio que hayamos

obtenido tras la descompresión. Para ello usaremos un programa “cliente FTP” como “FileZilla”.

La forma de hacerlo es muy sencilla:

Nos conectaremos a nuestra página en Internet donde queramos tener la página de nuestra “tienda online”.

Crearemos una carpeta en la que pondremos la página. Por ejemplo, la llamaremos “tienda”.

Finalmente pondremos en dicha carpeta el contenido de la carpeta que nos ha aparecido al descomprimir el fichero inicial.

1.3.- Instalación. Para comenzar la instalación solamente deberemos de ir a nuestra página web y entrar en la

carpeta en la que hayamos subido el contenido de la página “Prestashop”. En nuestro caso deberemos de teclear en la barra de direcciones del explorador de Internet lo siguiente:

www.mipagina.com/tienda

A partir de ahí se iniciará el proceso de instalación al ser la primera vez que visitamos nuestra página. Los pasos a seguir son muy fáciles y sencillos. Vamos a verlos poco a poco.

En la primera página se pnos ide el idioma y que aceptemos los términos de uso de la página. Tras lo cual pulsaremos “Siguiente”.

Page 5: Manual de presta shop

Manual de Prestashop

Manual de Prestashop Página 5 de 38

En la siguiente pantalla se comprueba que el sistema que tenemos, y sobre el cual vamos a poner la página, es compatible con todos los requerimientos necesarios y con algunos opcionales.

Entonces deberemos de configurar la base de datos que se usará para la gestión de todo lo

necesario. Para ello deberemos de poner la contraseña de nuestro gestor de base de datos en nuestra página (normalmente “myphpadmin”) para que acceda a ella. En caso de darnos error accederemos a la base de datos y crearemos una tabla con el nombre que nos aparece en el formulario: prestashop.

Page 6: Manual de presta shop

Manual de Prestashop

Manual de Prestashop Página 6 de 38

Tras verificar que accede correctamente pondremos nuestro nombre de usuario, contraseña y la cuenta de correo a la que nos enviará los correos.

Y finalmente llegamos a la última página en la que nos pide algunos datos sobre el vendedor, entre los cuales podremos poner nuestro logo.

Page 7: Manual de presta shop

Manual de Prestashop

Manual de Prestashop Página 7 de 38

Es entonces cuando comienza el proceso de instalación automático, para el cual deberemos de esperar unos momentos.

Una vez acabada la instalación nos aparecerá la pantalla siguiente:

Page 8: Manual de presta shop

Manual de Prestashop

Manual de Prestashop Página 8 de 38

Momento en el cual ya podremos visitar nuestra página. Pero primero es aconsejable entrar

en la página de administración. Como podemos ver nos aparecerá un error advirtiéndonos de que debemos de eliminar el directorio “install” y renombrar la carpeta “admin” por seguiridad.

Para esta manual hemos optado por renombrar el directorio de administración con el nombre “admin2”.

A continuación ya podemos entrar en la página de administración de nuestra página.

Page 9: Manual de presta shop

Manual de Prestashop

Manual de Prestashop Página 9 de 38

Page 10: Manual de presta shop

Manual de Prestashop

Manual de Prestashop Página 10 de 38

2.- Gestión de Productos. Lo primero que deberemos hacer es dar de alta todos los productos que tenemos a la venta

en nuestra página web. Para ello deberíamos de tener muy claro que productos tendremos para poder clasificarlos por categorías y facilitar así tanto su gestión como la localización de ellos por parte de los clientes que visiten nuestra página.

Para este manual vamos a usar como ejemplo una tienda de informática. Para ellos vamos a tener varias categorías tal y como sigue (de forma muy general):

Ordenadores:

Sobremesa.

Portátiles.

Dispositivos de Entrada:

Teclados.

Ratones.

Dispositivos de Salida:

Pantallas.

Impresoras.

2.1.- Categorías. Primero accederemos a la pantalla que nos permite la gestión de las categorías de

productos pulsando en el menú “Catálogo / Categorías”.

Una vez en la pantalla de las categorías podremos dar de alta las nuevas categorías (ver fleja roja de la imagen). En caso de que haya alguna categoría que aparezca por defecto tras la instalación de la página procederemos a borrarla seleccionando el cuadradito que tiene a su izquierda y pulsando el botón “Borrar Seleccionados” que aparece al final de la lista (ver fleja verde de la imagen).

Page 11: Manual de presta shop

Manual de Prestashop

Manual de Prestashop Página 11 de 38

Procedamos pues a dar de alta las categorías para este manual. Para ello rellenaremos los campos: nombre y descripción. Como podemos ver, también podremos subir una imagen para la categoría y otra información aunque para una página básica no es necesaria.

En el apartado “Acceso de grupo” podremos indicar que grupos de usuarios podrán ver dichas categorías. Como puede observarse, está activa para todos los usuarios, pero podremos definir que alguna categoría no la puedan ver algunos usuarios.

Otro aspecto muy importante si queremos que nuestra página está en varios idiomas es la bandera que nos indica el idioma en el que estamos escribiendo (ver flechas rojas). Pulsando sobre ella nos aparecerán los idiomas disponibles y podremos así escribir todos los textos en los idiomas que deseemos.

Una vez dadas de alta las tres categorías principales (que cuelgan de la categoría “Inicio”) pasaremos a dar de alta las otras categorías. Para cada una de ellas habrá que seleccionas la categoría de la que dependen, por ejemplo, para dar de alta la categoría “Sobremesa” o “Portátiles” que dependen de “Ordenadores”, habrá que seleccionar la categoría de la que dependen (y no “Inicio” como aparece por defecto seleccionado).

Una vez dadas de alta todas las categorías tendremos la siguiente pantalla:

Page 12: Manual de presta shop

Manual de Prestashop

Manual de Prestashop Página 12 de 38

En cual podemos ver que sólo aparecen las categorías principales. Además podemos ver en la parte derecha las acciones posibles sobre ellas: modificar, eliminar y vista (en caso de tener alguna categoría dentro de ella).

Si queremos ver las categorías que contiene una categorías pulsaremos sobre ella y nos aparecen las categorías que contiene dentro:

Para poder volver a la categoría principal pulsaremos sobre “Inicio”. Otra forma mejor de ver la correspondencia es entrando dentro de la opción de “Añadir

Nueva”, y desplegar la lista con las categorías que hay hasta ese momento pulsando dobre la opción “Expandir todo”.

2.2.- Productos. Lo siguiente que deberemos de hacer es indicar los productos que tenemos y sus datos:

precio, descripción, etc. Para ellos iremos al menú “Catálogo / Productos”.

Page 13: Manual de presta shop

Manual de Prestashop

Manual de Prestashop Página 13 de 38

Aparece una lista con los productos que ya tenemos. Y para crear nuevos productos pulsaremos sobre la opción “Añadir nuevo”. Para cada producto podremos guardar gran cantidad de información. Esta información aparece en varios apartados, a los que podemos acceder usando las opciones que nos aparecen a la izquierda de la pantalla: información, precio, SEO, asociaciones, transporte, etc.

La primera pantalla nos pedirá información global del producto: nombre, referencia, descripción, etc. Los datos más importantes serán:

Tipo: indicaremos si se trata de un producto, un paquete o un producto virtual (como un servicio, una reserva, etc.)

Nombre: nombre del producto que le aparecerá al cliente.

Referencia: podremos poner una referencia interna nuestra.

EAN13: Código de barras internacional EAN13.

Estado: si queremos que esté activo o no (para la venta).

Visibilidad: donde queremos que se vea el producto: en todas partes, sólo en el catálogo, sólo en las búsquedas o en ninguna parte.

Opciones: si está disponible y si queremos que se vea su precio.

Estado: se trata del estado del producto: nuevo, usado o restaurado.

Breve descripción: que aparecerá en las listas de productos y en la parte superior de la página del producto.

Descripción: que aparecerá en el cuerpo de la página del producto. Veamos un ejemplo. Para ello daremos de alta una pantalla:

Page 14: Manual de presta shop

Manual de Prestashop

Manual de Prestashop Página 14 de 38

Una vez introducidos estos datos pulsaremos el botón que hay en la pare superior derecha “Guardar y permanecer” para continuar introduciendo datos.

Pasaremos ahora a la pantalla de “Precio”. En ella podremos indicar lo siguiente:

Precio mayorista sin IVA.

Precio al Por Menor sin IVA.

Regla de impuestos: la cual nos permitirá indicar que impuesto queremos aplicar (en porcentaje) y también dependiendo del país, como veremos más adelante.

Precio de venta con IVA: calculado automáticamente por la página.

Mostrar en la página producto el icono "en rebajas" y el texto en la lista de productos: nos permite promocionar productos rebajados de precio.

En los precios específicos podremos crear diferentes precios para distintos clientes, o clientes de diferentes países, etc. Aunque esto en principio no se utiliza mucho.

Y por otro lado también podemos indicar en que orden aplicamos las reglas de precio si uno tiene varias, aunque la opción por defecto suele ser la mejor.

Veamos pues como introducimos los datos:

Page 15: Manual de presta shop

Manual de Prestashop

Manual de Prestashop Página 15 de 38

Una vez introducimos los datos pulsamos nuevamente el botón “Guardar y permanecer” para continuar introduciendo datos.

La siguiente opción que nos puede interesar es: “Asociaciones”. En ella indicaremos a que categoría pertenece el producto, en este caso a la de “Pantallas”. Podemos indicar que pertenece a varias categorías (si fuera el caso), crear una nueva e indicar cual es su categoría por defecto.

Además podremos indicar el fabricante del producto (o dar uno nuevo de alta) para así indicar más datos suyos.

Veamos como quedaría esta pantalla:

Page 16: Manual de presta shop

Manual de Prestashop

Manual de Prestashop Página 16 de 38

Una vez introducimos los datos pulsamos nuevamente el botón “Guardar y permanecer” para continuar introduciendo datos.

Pasando a la pantalla de “Transporte” vemos que podemos hacer una descripción del tamaño del producto, el coste del transporte y la empresa que lo enviará.

Una vez introducimos los datos pulsamos nuevamente el botón “Guardar y permanecer” para continuar introduciendo datos.

Pasando a la pantalla “Cantidades” podremos usar la gestión de productos de la página (Para ello es necesario activar la gestión de las existencias avanzado). En caso de querer usarla rellenaríamos los datos:

Page 17: Manual de presta shop

Manual de Prestashop

Manual de Prestashop Página 17 de 38

Una vez introducimos los datos pulsamos nuevamente el botón “Guardar y permanecer” para continuar introduciendo datos.

La siguiente pantalla es la de “Imágenes”, en la cual podremos poner imágenes del producto, de las cuales una de ellas podremos ponerla para que aparezca en la portada.

Una vez introducimos los datos pulsamos nuevamente el botón “Guardar y permanecer” para continuar introduciendo datos.

Ahora pasamos a la pantalla de “Características”, en la que podremos indicar el alto, ancho, etc. O añadir alguna otra característica (como ya veremos más adelante). Además, si alguna de las características no se pone nada, no aparecerá cuando se muestre el producto.

Page 18: Manual de presta shop

Manual de Prestashop

Manual de Prestashop Página 18 de 38

Una vez introducimos los datos pulsamos nuevamente el botón “Guardar y permanecer” para continuar introduciendo datos.

Por otro lado podemos también adjuntar archivos, por ejemplo, con más información del producto. Para ello le daremos un nombre al archivo, pondremos una pequeña descrición y después subiremos el archivo, que ya estará disponible.

Una vez introducimos los datos pulsamos nuevamente el botón “Guardar y permanecer” para continuar introduciendo datos.

Y por último podemos indicar que proveedores tenemos para este artículo.

Page 19: Manual de presta shop

Manual de Prestashop

Manual de Prestashop Página 19 de 38

Una vez introducimos los datos pulsamos nuevamente el botón “Guardar” para volver al catálogo de productos.

2.3.- Características. Como ya se mencionó antes, vamos a ver como añadir nuevas características para que

puedan ser usadas en un producto. Al acceder al menú de “Catálogo / Características” veremos las que ya hay definidas:

Si pulsamos sobre los botones que cada una de las características tiene a su derecha (señalados por la flecha roja, con el nombre de “Acciones”) podremos modificarla, eliminarla o ver sus detalles. En la siguiente imagen vemos el resultado de haber pulsado sobre el botón “+”, con el que nos muestra los detalles de esa característica:

Page 20: Manual de presta shop

Manual de Prestashop

Manual de Prestashop Página 20 de 38

Veamos ahora como crear una nueva característica. Tras pulsar sobre el botón “Añadir una nueva característica” nos pedirá el nombre de la característica. Pongamos que queremos definir una característica llamada “Duración”:

Pulsaremos el botón “Guardar” y así crearemos la característica y volveremos a la lista de características:

Una vez dada de alta dicha característica podremos darle valores. En este caso vamos a dar de alta dos valores a dicha característica: “60 min.” y “100 min.”. Para ello pulsaremos en el botón “Añadir un nuevo valor de característica” y en la nueva ventana introduciremos el valor y el nombre de la característica en la lista desplegable que nos aparece:

Page 21: Manual de presta shop

Manual de Prestashop

Manual de Prestashop Página 21 de 38

y el segundo valor:

Tras lo cual ya tenemos la característica con esos dos valores. Para verlos pulsaremos sobre el botón “+” que hay a la derecha de la característica y nos mostrará sus valores:

Page 22: Manual de presta shop

Manual de Prestashop

Manual de Prestashop Página 22 de 38

3.- Gestión de Clientes 3.1.- Administración de clientes.

La gestión de clientes es muy sencilla, para eso iremos al menú “Clientes” y pulsaremos en la primera opción: “clientes”.

Entonces iremos a la pantalla que nos muestra el listado de clientes hasta ese momento (puede que tengamos ya uno, creado por defecto al instalar la página).

Pulsando sobre el botón “Añadir nuevo” iremos a la página que nos permite crear un nuevo cliente:

Y al guardar el cliente volveremos a la lista de clientes:

Page 23: Manual de presta shop

Manual de Prestashop

Manual de Prestashop Página 23 de 38

3.2.- Cree su cuenta. También es posible que un mismo cliente se dé de alta. Para ello sería necesario que el

cliente pulse en “Log in” en la pantalla principal.

Después deberá entrar en el apartado “Cree su cuenta”, que aparece a la izquierda de la ventana de acceso. En caso contrario (si el cliente ya se dio de alta) deberá entrar introduciendo su dirección de correo electrónico (email) y su contraseña en la parte derecha de dicha ventana (Apartado: “¿Ya está inscrito?”).

Page 24: Manual de presta shop

Manual de Prestashop

Manual de Prestashop Página 24 de 38

En la siguiente pantalla se le pedirán algunos datos, como por ejemplo: nombre, apellidos, dirección de correo electrónico, etc.

Y si todo ha ido correctamente:

Page 25: Manual de presta shop

Manual de Prestashop

Manual de Prestashop Página 25 de 38

Una vez creada la nueva cuenta podrá dar de alta su dirección y algunos datos más:

O incluso podrá dar de alta varias direcciones, que podrán ser usadas posteriormente para el envío de los pedidos.

Page 26: Manual de presta shop

Manual de Prestashop

Manual de Prestashop Página 26 de 38

También podremos cambiar nuestros personales: nombre, apellidos, dirección de correo electrónico, etc.

Page 27: Manual de presta shop

Manual de Prestashop

Manual de Prestashop Página 27 de 38

4.- Gestión de Módulos. Hasta ahora la página ha funcionado con sus valores por defecto, entre ellos los módulos

de pago, por eso,hasta este momento sólo podemos pagar de dos formas:

Para poder permitir que los clientes paguen usando “PayPal” deberemos instalar dicho módulo.

4.1.- Módulo PayPal (Addons) Vamos a ver como instalar el módulo de “PayPal”, para ello iremos al menú “Módulos” y

elegiremos la opción “Módulos”:

Entonces nos aparecerán todos los módulos disponibles. Como queremos instalar un módulo de “pago” pulsaremos sobre esa opción en la columna izquierda, de esa forma sólo nos aparecerán los 10 módulos que tienen que ver con pagos y así localizar antes el módulo que deseamos:

Entonces buscaremos el módulo “PayPal” y pulsaremos el botón que nos permite instalarlo:

Page 28: Manual de presta shop

Manual de Prestashop

Manual de Prestashop Página 28 de 38

Una vez instalado nos lo indicará:

Y a partir de entonces al realizar un pago nuestros clientes podrán hacerlo a través de este medio de pago:

Page 29: Manual de presta shop

Manual de Prestashop

Manual de Prestashop Página 29 de 38

Page 30: Manual de presta shop

Manual de Prestashop

Manual de Prestashop Página 30 de 38

5.- ¿Cómo realizar una compra? 5.1.- Elegir los productos.

En primer lugar deberemos de elegir los productos que deseamos comprar. Para ello iremos a la parte izquierda de la ventana y seleccionaremos una categoría pulsando sobre el símbolo “+” y después una de las subcategorías:

En el ejemplo vamos a seleccionas una pantalla y después pulsaremos sobre el botón “Añadir al carrito”:

Page 31: Manual de presta shop

Manual de Prestashop

Manual de Prestashop Página 31 de 38

Entonces nos aparecerá ya dicho producto en el carrito que aparece en la parte superior derecha:

5.2.- Realizar el pedido.

Page 32: Manual de presta shop

Manual de Prestashop

Manual de Prestashop Página 32 de 38

Una vez hecha la compra podemos pulsar sobre en botón “Confirmar” para pasar a realizar el pedido. En el primero de los 5 pasos podemos cambiar la cantidad del producto elegido, volver atrás para realizar algún cambio en el pedido o continuar pulsando el botón “Siguiente”:

El siguiente paso es entrar en el sistema usando el login que tengamos, es decir, nuestra dirección de correo electrónico y la contraseña. Una vez estemos dentro pasaremos a elegir nuestra dirección. Podemos tener una dirección de entrega y una de facturación distinta, e incluso en estos momentos podemos añadir más direcciones nuestras:

Page 33: Manual de presta shop

Manual de Prestashop

Manual de Prestashop Página 33 de 38

El cuarto paso es el método de transporte. En este caso seleccionaremos la opción de recogida en la tienda:

Y finalmente seleccionaremos el modo de pago:

Page 34: Manual de presta shop

Manual de Prestashop

Manual de Prestashop Página 34 de 38

Una vez acabado todo esto, pasaremos a confirmar el pedido:

Y en la última ventana nos aparecerán (en este caso) los datos para realizar la transferencia:

Page 35: Manual de presta shop

Manual de Prestashop

Manual de Prestashop Página 35 de 38

Page 36: Manual de presta shop

Manual de Prestashop

Manual de Prestashop Página 36 de 38

6.- Personalización. Finalmente vamos a ver como personalizar algunas de las características de nuestra página

como, por ejemplo, el logo y los textos que aparecen en la parte inferior izquierda: información de la empresa, aviso legal, etc.

6.1.- Apariencia y Logo de la empresa. Lo primero que haremos es cambiar el logo. Para ello entraremos en la opción

“Preferencias/Temas”

Y en el apartado de “Apariencia” podremos subir el logo:

Page 37: Manual de presta shop

Manual de Prestashop

Manual de Prestashop Página 37 de 38

6.2.- Información de la empresa. La información de la empresa se encuentra en el apartado “Preferencias/CMS”:

Para cambiar los textos accederemos al apartado de la categoría correspondiente pulsando la acción de “Modificar”.

Page 38: Manual de presta shop

Manual de Prestashop

Manual de Prestashop Página 38 de 38

Y una vez allí podremos modificar el texto en el cuadro “Contenido de página”: