Joomla! Joomla! Diseños de sitios Web y Comercio Electrónico

Transcripción

1 Diseños de sitios Web y Comercio Electrónico Universidad Politécnica de Valencia Beatriz Tirado (beatigi@upvnet.upv.es)

2 Organización del curso viernes 15 martes 19 jueves 21 viernes 22 martes 26 jueves 28 viernes 29 Introducción a Instalación en local para usuarios finales Instalación en un servidor de hosting Organización del contenido Administración de Instalación de extensiones Plantillas: Instalación, Artisteer, HTML y CSS Tienda Online con VirtueMart (I) Tienda Online con VirtueMart (II) Plan de hosting, SEO y publicidad

3 VirtueMart Qué es VirtueMart? Ejemplos con VirtueMart Instalación componente (cambio idioma) Plugins y módulos Administración y Configuración Plantillas adecuadas

4 Qué es VirtueMart? Componente que implementa en un sitio Web la funcionalidades de un software tipo carrito de compras. Sofware libre desarrollado por Se puede emplear como tienda o como catálogo de productos. Permite manejar cantidades ilimitadas de productos, con precios, fotos,imágenes, descripción, incluso material para descargar.

5 Qué es VirtueMart? Manejo de distintas monedas, impuestos y países. Se pueden definir ofertas, destacar productos. Control de stock Administración On-line Sistemas de estadísticas e informes sobre productos, pedidos, clientes Admite diversos métodos de pago y envío de productos.

6 Ejemplos de sitios con VirtueMart Estos solo son algunos ejemplos. Existen muchos más sitios de tiendas realizadas con VirtueMart.

7 Distintos componentes para tiendas online VirtueMart 1.x Joomla 1.5 VirtueMart 2.x (beta) Joomla Joomshoping Joomla Oscomerce Joomla 1.5 (con instalación plugin) Magento Joomla 1.5 (magebridge) Prestashop Joomla 1.5 (Joomla2Prestashop Bridge) connect/yireo/extension/1664/magebridge-for-joomla-

8 Oscomerce A DESTACAR: Permite integrar varios idiomas. Gran comunidad de desarrolladores, en 2011 la mayor comunidad en español desaparece. Gestión de multitud módulos de pago. Gestión de envíos, ya sean por zonas, tramos de pesos, etc. Instalación muy sencilla. EN CONTRA: La instalación inicial es muy básica, requieren de muchos módulos para comenzar a parecer una tienda. Apenas usa CSS por lo que todos los cambios de bloques hay que realizarlos manualmente. Proyecto estancado, Versión 3 por tiempo ilimitado. Se esta quedando obsoleto. Muy laboriosos, cualquier pequeña modificación requiere grandes conocimientos de Php. No son accesibles (mapas del sitio, url amigables, meta-tags, títulos dinámicos, etc ) por parte de los buscadores si no implantamos un gran número de módulos. Con el cierre del foro en español de Oscomerce, desaparece la mayor ayuda que existía de este software en Español. Muchísimos bugs / errores en seguridad.

9 Prestashop A DESTACAR: Permite integrar varios idiomas. Coste final de proyecto económico ( ). Gestión de multitud módulos de pago. Fácil instalación con la mayoría de opciones. La herramienta atributos,personalizable y sencilla de usar. Permite definir productos físicos o virtuales (descargas). EN CONTRA: Pensado para tiendas pequeñas Soporte mayormente en Francés o Inglés, se trabaja actualmente para que esto no sea así. No tiene interfaz de multi-usuario.

10 Magento A DESTACAR: Muy potente, se puede realizar casi todo. Permite multitiendas. Permite una personalización completa del sitio. EN CONTRA: Relativamente nuevo del Dirigido a grandes empresas o proyectos. Comunidad pequeña, poco soporte, prácticamente casi todo en Inglés. Costes finales altos Instalación y personalización complicada. Módulos desarrollados o themes escasos. Panel de administración complicado, más todavía para empresas sin conocimientos informáticos. Consume muchos recursos. El tamaño del archivo de instalación es muy grande. Características del servidor bastantes exigentes. Muchos módulos de pago. En caso de tener una tienda con mucho tráfico es posible necesitar un hosting para el frontoffice y otro para el backend, por lo que el gasto se puede disparar. Lleva muy mal el hosting compartido.

11 Instalación VirtueMart EJERCICIO: (instalación Local) Descargaremos el fichero de: ó Descomprimir el fichero.zip Instalar el com_virtuemart_1.1.x.zip, como cualquier extensión de Joomla. Elegiremos la opción Install SAMPLE DATA

12 Idioma VirtueMart Descargaremos el fichero languages.zip de: ó Descomprimir el fichero.zip Buscar en la raíz de nuestro sitio web la carpeta de los idiomas ejemplo: C:/xampp/htdocs/administrator/componentes/com_virtuemart/languages Sobrescribir las carpetas de idiomas Volver a entrar en el VirtueMart y comprobar

13 Plugins y módulos Instalaremos los plugins y módulos que nos vienen con el pack de instalación. Habilitaremos los plugins y módulos que hemos instalado. Más adelante configuraremos los plugins y módulos. Donde queremos que se muestren Como queremos que se muestren

14 Acceso a VM desde el panel de control EJERCICIO: (instalación iconos de acceso) Descargar el fichero mod_vm_quickicons.zip Instalar como cualquier componente de Joomla. Habilitar manualmente este módulo Desde el panel de control del administrador a la derecha en Bienvenido a Joomla enlace rápido. En gestor de módulos, administrador Habilitar y ajustar la posición del módulo. En este caso pondremos en posición cpanel Comprobamos.

15 Plantillas para Virtuemart Las habituales de Joomla no muestran bien el contenido de la tienda. Las especificas ofrecen un aspecto profesional y ordenado de la información a mostrar. Distintas opciones a la hora de elegir plantilla.

16 Usuarios VirtueMart Niveles de usuario: (o a 750) Los creados por defecto son: Admin 0 Storeadmin 250 Shopper 500 Se diferencian de los usuarios de Los registrados en Joomla están en VM como shopper. La información requerida a los usuarios de VM no es la misma. Podemos crear los usuarios directamente en VM.

17 Usuarios VirtueMart Ejercicio: Gestionar campos de usuario Editar los campos de usuario y añadir un campo nuevo: Tipo de campo Campo nombre Título del campo Requerido Si botón de selección Estado civil(nos devuelve vm_estado civil) Estado civil Más abajo en la tabla de diremos campo: Casado, Soltero, Divorciado, Viudo, con el valor si al predeterminado. Publicar el nuevo campo en el formulario de registro y comprobar.

18 Grupos de usuarios Que podemos hacer con los grupos de usuarios? Agregar clientes y asignar a diferentes grupos Dtos. a grupos de clientes (compradores) Los productos pueden tener distintos precios según el grupo. Restringir la visualización de precios. Asignar usuarios a grupos determinados para la administración de otras personas de la organización. Asignar productos a vendedores (mantienen solo sus productos).

19 Productos en VirtueMart Categorías de productos Creación de productos Gestión de precios y descuentos Variaciones de atributos del producto Descarga de imágenes y archivos de los productos Valoración de productos

20 Productos en VirtueMart Categorías de productos Las categorías clasifican los productos Las categorías pueden contener sub-categorías Las categorías se asocian a los proveedores Antes de la creación de un producto necesitamos adjudicárselo a una categoría

21 Productos en VirtueMart Ejercicio: creación de categoría Dentro del menú productos de la parte izquierda del panel de Virtuemart, pulsar en crear categoría Rellenar los campos, nombre: nombre de la categoría descripción: breve descripción de la categoría Imagen: imagen representativa de la categoría Guardar

22 Productos en VirtueMart Creación de productos Hay que tener clara su jerarquía. (Talla, color, tipo ) Los atributos son artículos(o hijos) de los productos padre Se crean productos padre cuando tienen campos comunes Los productos se pueden relacionar con productos similares

23 Productos en VirtueMart Impuestos de los productos: Elegiremos el impuesto correspondiente al país o países con los queramos trabajar. En el caso de España elegiremos el 0.18 para el IVA. Guardar

24 Productos en VirtueMart Ejercicio: creación de un producto padre y de los hijos o artículos Desde el panel de control pulsar en añadir producto Rellenaremos los campos del producto que sean comunes, como proveedor, categoría y guardaremos. Con la ficha del producto abierta pulsar en definir cualidad, darle un nombre y un número. Guardar. Iremos al listado de productos y con la casilla del producto seleccionada pulsar en el icono, nuevo artículo.

25 Productos en VirtueMart

26 Productos en VirtueMart Rellena los campos que distingan al hijo Guarda los cambios.

27 Productos en VirtueMart Descarga de imágenes y archivos de los productos (1) Administración/Configuración/Descargas Marcar el estado de pedido que nos indique que el pedido ha sido pagado. Indicar la ruta donde se encuentran los ficheros descargables Definir el número máximo de descargas y su caducidad (en segundos) El nivel de stock siempre marcado (ya que no hablamos de productos físicos)

28 Productos en VirtueMart Descarga de imágenes y archivos de los productos (2) Dar de alta un producto nuevo Guardar cambios con aplicar, para no salir de la ficha del producto Asociarle un fichero, desde el menú de la izquierda pulsar en Añadir imagen/archivo Examinar y subir el archivo. Tipo de archivo archivo descargable(para ser vendido) Marcar paso de descarga Guardar

29 Productos en VirtueMart Cuando el cliente que compra el producto a descargar tiene confirmado el pago, se le manda un con el enlace y código de la descarga. Al entrar en su cta./área de descarga le aparecería algo como esto:

30 Valoración de los productos en VM Primero debemos activar la opción en la configuración global de VM/ propiedades del frond-end permitir revisión de cliente/sistema de valoración Solo podrán valorar los productos los usuarios registrados, identificándose y entrando en el producto a valorar. (min. 100 caracteres)

31 Tipos de descuentos de los productos Primero tiene que estar definido el dto. Menú de la izq. Añadir/crear tipo de dto. Podemos darle una duración determinada al dto. Ir a la ficha del producto y aplicarle el dto. creado Comprobar el producto como nuestra la cantidad tachada y el dto ahorro: 10%

32 Tipos de descuentos de los productos Aplicar un dto. global a un grupo de compradores: Abrir la ficha del grupo de compradores. Menú de la izq./compradores/listar grupo de compradores. Vamos a utilizar para el ejemplo el grupo Gold level Definiremos el dto. con o sin IVA, cantidad en %, Guardaremos A los usuarios que se registre y pertenezcan a este grupo les mostrara el precio con el dto. aplicado.

33 Tipos de descuentos de los productos Aplicar un precio concreto a un producto para un grupo de compradores: Vamos a hacer que un producto cueste un precio fijo a un grupo de clientes Ir a la ficha del producto con la ficha abierta pulsar en Añadir precio /nuevo Rellenar precio bruto para que nos calcule el impuesto y elegir grupo de compradores Guardar

34 Tipos de descuentos de los productos Rango de precios según cantidad Ir a la ficha del producto, entrar dentro del producto, pulsamos en añadir precio del menú de la izq. Rellenamos el precio bruto y la cantidad 1 a 10 Guardamos y comprobamos. Si añadiéramos más cantidad adicional al carrito de este producto coge el precio del rango correcto, es decir si tengo 3 ud y añado 5ud =8 el precio lo cogería del rango de 1 a 10

35 Configuración tienda Para configurar la parte de la tienda, nos iremos al menú de la parte izquierda, dentro de la pestaña tienda en editar tienda. En este apartado introduciremos los datos que se muestran de la tienda.» Tienda: Nombre de la tienda, dirección» Información de la tienda: imagen o logotipo, pedido mínimo,» Descripción, y servicios: Breve descripción de nuestra tienda y de las condiciones de servicio.» Información de contacto: cuando reciben un correo de muestra tienda, indica quien lo manda.» Moneda y formato: la moneda por defecto, las aceptas, su símbolo, los decimales

36 Configuración Paypal cuenta Sandbox Vamos a dar de alta una cuenta de prueba en Paypal. Entraremos en: Crearemos una cuenta para acceder a las dos cuentas necesarias, la de usuario vendedor y la de usuario comprador. Comprador=bussines=xxxxxx_biz@gmail.com Vendedor=personal=xxxxx_per@gmail.com Cuando estén creadas ir a: Joomla/virtuemart/tienda/métodos de pago, para configurar Paypal-Api

37 Exportar/importar/actualizar CSV A la hora de subir muchos productos a nuestra tienda o actualizar todos los precios de los productos ya introducidos. Nos ayudaremos de las herramientas desarrolladas para este fin. Un archivo CSV es un documento en formato abierto para presentar datos en forma de tabla. Existen varias extensiones para realizar la importación de productos en VirtueMart CSV_improved CSVI VirtueMart SimpleCSV

38 Exportar/importar/actualizar CSV Nos vamos a quedar con los gratuitos com_simplecsv_1.2.3b.zip com_csv_improved_0.9.zip Funcionan con PHP 5 o superior Se instalan como una extensión más Recomendable usar el mejorado (improved), porque nos permite crear plantillas para la exportación e importación de productos. Existen manuales del manejo por la red