Unidad 5 OSCOMMERCE. EL CATÁLOGO DE PRODUCTOS
1
Contenido
OsCommerce. El Catálogo de Productos ..................................3 Administración del catálogo (backend) ................................................... 7 Categorías/Productos .............................................................................. 7 Atributos del Producto: ......................................................................... 15 Comentarios ........................................................................................ 17 Ofertas ............................................................................................... 18 Próximamente ..................................................................................... 18 Fabricantes ......................................................................................... 19
Práctica ................................................................................. 21 Definir la Categoría y Subcategoría para el nuevo producto. ................. 21 Añadir el producto al catálogo ............................................................... 22 Definir el nuevo atributo........................................................................ 23
2
OsCommerce. El Catálogo de Productos OsCommerce incluye un Catálogo de productos de ejemplo. En la portada de nuestra tienda OsCommerce se muestra la siguiente información, por defecto:
Bloque de Categorías principales de productos.
Bloque de Fabricantes.
Los nuevo Productos.
Bloque de Los más vendidos, Comentarios, y Ofertas.
El área central de la página nos presenta el elemento más importante de una tienda que son sus productos. El Catálogo de productos de OsCommerce está organizado en Categorías, que son carpetas
que
almacenarán
otras
carpetas
llamadas
Subcategorías.
No
es
recomendable superar 4 niveles de subcategorías. En el siguiente esquema se muestra la organización de los directorios del Catálogo.
3
La clasificación de los productos de su tienda tendrá que realizarla teniendo en cuenta las características y atributos de los mismos. Recuerde que es muy importante el nombre de sus productos para facilitar y optimizar el trabajo de los buscadores. La aplicación nos permitirá crear todas las carpetas y subcarpetas que necesitemos, el criterio de clasificación de los productos dependerá de nuestro criterio. Piense muy bien cómo clasificar los productos antes de incorporarlos a la tienda. El último paso en la realización del Catálogo es introducir los productos. Veamos cómo visualizará un visitante de la tienda OsCommerce un producto cualquiera. Cuando el cliente haga clic sobre el producto de la portada le aparecerá la información siguiente:
Las columnas laterales se mantienen fijas y con las mismas funciones.
El panel central presenta el producto seleccionado por el cliente. También visualizará la información y descripción del producto, como precio, fabricante, especificaciones técnicas si el producto lo requiere, imagen del producto, etc. No hay que olvidar que nuestro objetivo es satisfacer la necesidad del cliente para que realice la compra y añada el producto a la cesta de compras. Cuanta más información le proporcionemos más satisfecho quedará.
4
En el panel inferior de la vista del producto elegido se verá un bloque de recomendaciones de otros productos relacionados. Son productos contenidos en subcategorías de la misma categoría que el seleccionado por el visitante o cliente.
El ejemplo que se ha mostrado en la imagen de la página anterior, el teclado (el producto), está contenido dentro de la categoría Hardware, subcategoría Keyboards, y los productos recomendados que muestra la aplicación están contenidos en otras subcategorías pero de la misma categoría que el producto elegido por el visitante.
El esquema siguiente ofrece una representación de cómo se estructuran las carpetas en la herramienta Catálogo de OsCommerce.
5
El proceso del diseño puede parecer algo complicado. Éstas son algunas recomendaciones para ayudarle en esa tarea: 1º. Asegúrese de recopilar toda la información antes de empezar el diseño. 2º. No olvide las imágenes del producto. Las fotografías son muy importantes ya que es lo que verá el cliente pero también debe equilibrar el tamaño y resolución de las mismas para que no se ralentice la descarga de su web. 3º. Asegúrese que tiene todas las especificaciones técnicas de cada producto. La información y descripción de cada producto es tan importante e indispensable como las fotografías. Y todos los elementos de los productos, precio, descuentos, fabricante, atributos, etc. 4º. Decida el tamaño que necesita para su catálogo (tenga en cuenta los costes de envío y la cantidad de productos que ofrecerá) 5º. Planifique y organice toda la información que debe incluir (una tabla le puede ayudar a organizar toda la información). 6º. Escriba el contenido utilizando frases cortas y fáciles de leer.
6
Administración del catálogo (backend) En esta sección explica cómo administrar el catálogo, crear categorías, productos y atributos.
Categorías/Productos Categorías/Productos: Las Categorías son las carpetas que contienen los productos. En el catálogo de ejemplo de OsCommerce podemos ver en la parte superior izquierda de la vista pública (frontend) de la tienda las categorías Hardware, Software, DVD Movies, Gadgets, que también observamos en el panel de Administración/Catálogo. frontend
backend
Cada una de estas categorías (carpetas) contiene productos con propiedades comunes, por ejemplo, la impresora se encuentra dentro de la categoría Hardware, mientras que las películas están dentro de la categoría DVD Movies.
7
Es muy importantes establecer muy bien la clasificación de nuestros productos para definir las categorías (carpetas) necesarias. Una buena organización de categorías y productos hará que nuestros clientes obtengan mejores resultados en sus búsquedas. A continuación veremos cómo insertar una categoría nueva: editarla, borrarla y moverla. Antes de añadir un producto debemos crear la categoría. Para ello pulsamos sobre el botón Nueva Categoría situado en la parte inferior de Categorías>Productos.
Al pulsar nos aparecerá en el panel de la derecha los campos en los que escribir el nombre de la categoría. Si tenemos más de un idioma instalado conviene escribir el nombre de la categoría en los dos idiomas. A continuación seleccionamos el archivo con la imagen que va a tener esta categoría y escribimos el número de orden. Cada carpeta de categoría está ordenada alfabéticamente a menos que usted haya escrito un número de orden de clasificación.
8
En la imagen que se muestra a continuación se ha creado una nueva categoría llamada Libros. Se ha subido una imagen y definido el número de orden 5, lo que hace que en la lista de categorías aparezca en el quinto lugar de la lista.
Además de crear Categorías podemos añadir subcategorías, es decir, otra carpeta dentro de la carpeta Categorías. Veamos un ejemplo en el catálogo de OsCommerce. Si hacemos doble clic sobre la categoría Hardware nos aparece una lista de carpetas llamadas Subcategorías y que nos servirán para almacenar los productos. No es imprescindible que las carpetas contengan productos, pueden estar vacías hasta que lo hagamos.
9
Para navegar por esta estructura de categorías y subcategorías disponemos de un cuadro desplegable situado en la parte superior, justo debajo del cuadro de Búsqueda, llamado Ir a:. Utilizaremos el botón Atrás para volver al estado anterior. Para ver las Subcategorías y Productos que contiene una categoría no es necesario editarla, basta con seleccionar la fila y en el panel de la derecha nos aparecerá la información del número de Subcategorías y Productos que contiene. En la imagen que se muestra a continuación se observa que la categoría Hardware contiene ocho Subcategorías y seis Productos.
10
Una vez que ya sabemos cómo añadir una nueva categoría podemos realizar las acciones de editar, eliminar y mover.
Si pulsamos sobre el botón Editar veremos el nombre, imagen y orden de la categoría. Si pulsamos sobre el botón Mover podemos desplazar la carpeta a otro lugar que definiremos en el cuadro Mover nombreCategoría a:. Si pulsamos sobre el botón Eliminar
se eliminará la carpeta (categoría o
subcategoría) y ¡TODO SU CONTENIDO! OsCommerce le mostrará una advertencia de todas las subcategorías y productos que contiene esa carpeta que desea eliminar. No es recomendable utilizar este botón ya que podríamos eliminar muchas horas de trabajo. ¡ESTA ACCIÓN NO SE PUEDE DESHACER!
Una vez que tenemos definidas y creadas las categorías y subcategorías de nuestro catálogo es el momento de empezar a añadir los productos. Para añadir un producto nuevo basta con pulsar sobre el botón +Nuevo Producto.
11
Si, previamente, tenemos seleccionada seleccionado una categoría el producto se añadirá a esa categoría, en caso contrario, se añadirá a la lista de todas las categorías, práctica ésta no recomendable. Cuando haya definido un nuevo producto siempre tendrá la posibilidad de mover o eliminar, de igual forma que con las carpetas de categorías. A continuación describiremos cómo configurar un Nuevo Producto. En la imagen siguiente se observa en el título que el nuevo producto se va a crear en la lista de categorías (“Inicio”). Al finalizar el proceso no debemos olvidar moverlo a la categoría correspondiente.
12
Describimos los parámetros de configuración de un nuevo producto: Estado de los productos: En esta sección si marcamos Disponible el producto se visualizará en la vista pública (frontend) y nos aparecerá dentro de la categoría marcado con un círculo verde (backend). Si marcamos Agotado no se visualizará en la vista pública (frontend) y nos aparecerá marcado con un círculo rojo (backend).
Es importante saber que marcar como Agotado un producto no lo elimina de nuestro catálogo tan sólo lo oculta de la vista del cliente (visitante) de nuestra tienda. En ocasiones es mejor marcar un producto como Agotado que eliminarlo de nuestro catálogo. Si eliminamos un producto perderemos toda la información sobre él. Fecha de Disponibilidad: En esta sección podemos escribir una fecha en la que estará disponible este producto para la venta. Esto no significa que no se vaya a mostrar hasta esa fecha, el cliente (visitante) verá el producto y la información de la fecha en la que estará disponible la venta al público. Fabricante del producto: En este cuadro seleccionaremos el nombre del Fabricante del producto que, previamente, habremos introducido en la sección de Fabricantes. Nombre del Producto: Espacio reservado para escribir el nombre del producto. Recuerde que si tiene varios idiomas instalado debe escribir el nombre para todos los idiomas.
13
Tipo de Impuesto: Esta sección se verá con más detalle en próximos capítulos. Es dónde seleccionaremos el tipo de impuesto. Si marcamos ninguno no se aplicará ningún impuesto. Precio del Producto (Neto): En esta sección añadiremos el precio del Producto (neto). Precio del Producto (Bruto): En esta sección se verá el precio del Producto más impuestos. Descripción del producto: En este cuadro escribiremos la información del producto. Podemos añadir etiquetas HTML con el fin de dar más estilo a texto pero no es imprescindible. Cantidad: Para escribir el número de productos que tenemos en stock. Modelo: Para escribir el modelo del producto. Imagen: Desde aquí podemos seleccionar la imagen del producto. URL de los Productos: (sin http://) En esta sección añadiremos la URL del producto si fuera necesario. Peso: Para definir el peso del producto. Una vez que hayamos terminado basta pulsar el botón Grabar. Para terminar con los Productos nos queda explicar algunas de las acciones que podemos realizar sobre ellos como es Mover y Copiar A. Cuando movemos un producto lo estamos desplazando a otro lugar pero seguimos teniendo un solo producto.
14
En cambio, cuando copiamos un producto tenemos dos opciones: 1. Enlazar producto. En este caso vinculamos la copia al producto original.
2. Duplicar producto. Si seleccionamos esta opción generamos un nuevo producto que es una réplica del original. Esta práctica es utilizada cuando se manejan varios stocks pero si sólo manejamos un stock es mejor enlazar producto.
Atributos del Producto: Son características que le añadimos a nuestro producto cuando éste tiene distintas versiones. Por ejemplo, una prenda de ropa (producto) tendrá como atributos, entre otros, la talla (grande, mediana, pequeña) y el color (verde, azul, blanco) o el tejido (raso, algodón, lino). Si usted necesita tener diferentes tamaños, opciones, colores y tener diferentes precios para cada opción, es posible de configurarlo en la sección de Atributos. La primera vez que se acceda a la sección Atributos, puede parecer un poco complicada.
15
La instalación de OsCommerce base incluye datos de ejemplo con un conjunto de atributos predefinidos que puede quitar o utilizar como ayuda. Pruebe a crear un producto nuevo y añadir sus propios atributos para ver cómo funcionan las diferentes opciones. ¿Cómo funciona la página de Atributos? En la página de atributos principales, verá 3 secciones, 1. Opciones de producto 2. Valores para Opciones 3. Atributos.
Opciones de Producto: Utilizaremos el botón Insertar de esta sección para añadir algún atributo. Valores para Opciones: En esta sección iremos añadiendo los diferentes valores del atributo que hemos creado. Por ejemplo, si insertamos el atributo color en esta sección seleccionaremos color y escribiremos verde, después volveremos a seleccionar color, y escribiremos azul; de esta forma hemos definido que para el atributo color de un producto, éste puede ser verde o azul.
16
Atributo: Utilizaremos esta sección para definir los atributos del producto. Seleccionamos de la lista desplegable el producto, después el atributo y un valor numérico (a la izquierda del cuadro con el +) si necesitamos que se incremente el precio del producto. Si el producto fuera descargable también tendríamos que poner el nombre del archivo. La información que aparecerá en los Días de caducidad y Número máximo de descargas ya fueron definidos en la sección Configuración>Downloads.
Comentarios Comentarios: Podemos editar los comentarios que hacen nuestros clientes y modificar los siguientes parámetros.
Estado del comentario: Podemos modificar a No publicado. Comentario: Podemos borrar o modificar el texto que ha escrito el cliente. Valoración: También podemos cambiar la valoración.
17
Ofertas Ofertas: En esta sección podemos definir aquellos productos que están en oferta en nuestra tienda. Para ello basta con pulsar en el botón Nuevo Producto.
Seleccionamos el producto, escribimos el precio y la fecha de caducidad de la oferta. Lea las notas para introducir correctamente los datos y pulse Grabar. El precio anterior aparecerá tachado y el de la oferta en rojo. Para quitar la oferta basta eliminarla de la sección Ofertas.
Próximamente Próximamente: En esta sección del panel de Administración aparecerán los productos en los que configuramos la Fecha Disponibilidad. Estos productos aparecerán de forma aleatoria en la vista pública (frontend) en el bloque Qué es lo nuevo?
18
Fabricantes Fabricantes. Para insertar un nuevo fabricante de nuestros productos basta con ir a Catálogo>Fabricantes y pulsar sobre Insertar.
Se rellenan los cuadros, Nombre del Fabricante, Imagen del Fabricante y URL del Fabricante. Podemos dejarlos en blanco, no obstante cuanta más información sobre nuestros productos tenga el visitante de nuestra tienda, mejor predisposición tendrá para realizar la compra. Es muy importante la elaboración del catálogo que va más allá de rellenar campos con información. El trabajo inicial de clasificación y de definición de atributos que debemos cuidar especialmente ya que repercutirá directamente sobre nuestras ventas.
19
PRﾃ，TICA
20
Práctica En esta práctica se añadirá un producto al catálogo de productos que ya viene instalado con la tienda de OsCommerce. Deberá realizar lo siguiente: 1. Definir una Categoría y Subcategoría para su producto. 2. Añadir el producto al catálogo con toda su información dentro de la nueva subcategoría creada. 3. Crear un Atributo para el nuevo producto en el que varíe el precio del mismo. Puede elegir libremente el producto a añadir a su catálogo. En esta práctica, a modo de ejemplo, añadiremos la categoría Libros, con la subcategoría Técnicos, y añadiremos un libro que podrá tener tapa dura o blanda (atributo).
Definir la Categoría y Subcategoría para el nuevo producto. Acceda a Administración>Catálogo>Categorías/Productos, deje las categorías de ejemplo y añada una nueva pulsando sobre el botón Nueva Categoría. Rellene el nombre de la categoría en los dos idiomas que tiene instalados. Seleccione un archivo de imagen (opcional) y grábelo.
21
Haga doble clic sobre la carpeta de la categoría creada y añada Nueva Categoría para crear la subcategoría Técnicos.
¡Terminado! Tenemos creada una categoría llamada Libros con una subcategoría llamada Técnicos, de momento sin productos.
Añadir el producto al catálogo Vamos a añadir un producto nuevo al catálogo de nuestra tienda, se trata de un libro técnico, pero usted puede realizar esta práctica con datos reales de sus productos. Para añadir un nuevo producto acceda a Administración>Catálogo>Categorías/Productos. El nuevo producto lo vamos a añadir dentro de la subcategoría Técnicos creada en el apartado anterior. De modo que seleccione esta subcategoría y añada un nuevo producto. Establezca los siguientes parámetros: Nombre del producto Tipo de impuesto Precio del producto (Neto) Descripción del producto
Cantidad Imagen
Instalación de e-tiendas Reducido 30 En este libro contiene toda la información necesaria para montar su tienda virtual. Desde la instalación hasta la puesta en producción de su tienda en Internet. 50 seleccione un archivo de imagen del tamaño recomendado (100x80 px)
22
El resto de valores puede dejarlos en blanco, siempre podrá acceder al producto para realizar actualizaciones o modificaciones. No olvide Grabar los datos. Compruebe el resultado en la vista pública del catálogo de la tienda, nuestro ejemplo quedaría de así:
A continuación definiremos el atributo, Tapa dura y blanda, para que el cliente pueda elegir entre los dos y el precio sea menor (un 5%) para el libro de tapa blanda.
Definir el nuevo atributo Ahora vamos a definir un nuevo atributo que necesitaremos para el nuevo producto que es un libro. El atributo se llamará Tapa que podrá tener los valores, Dura / Blanda y el precio del producto con tapa blanda será un 5% menor que el de tapa dura. Acceda a Administración>Catálogo>Atributos del Producto. En la pantalla que aparece,
23
Escriba en el bloque Opciones del Producto como nombre de la opción (en español) Tapa tal y como muestra la imagen y pulse sobre el botón Insertar. A continuación en el bloque Valores para Opciones seleccione Tapa y escriba en el cuadro de Valor de la Opción en español (es) Dura y pulse Insertar para terminar de introducir este valor.
Haga lo mismo para introducir el valor Blanda. Compruebe que se ha grabado correctamente, tiene que aparecer en los últimos lugares del bloque Valores para Opciones.
24
Por último, en el bloque Atributos, buscamos el nuevo libro añadido al catálogo, lo seleccionamos, a continuación seleccionamos Tapa, en el cuadro siguiente seleccionamos Dura y dejamos el resto de cuadros en blanco, finalizamos pulsando Insertar.
Hacemos lo mismo para Tapa Blanda, solo que en este caso introducimos un 5 € y cambiamos el signo más (+) por un menos (-) ya que el precio del libro si el cliente selecciona con tapa blanda será 5€ menor.
Para terminar pulse Insertar. Puede comprobar en el catálogo (frontend)
que al cliente le aparece un cuadro
desplegable para poder elegir el tipo de tapa que desea. En este cuadro se verá el descuento en el precio si elige la tapa blanda, no en el precio del producto. Cuando el cliente se registre y realice el pedido este descuento se hará efectivo en el total a pagar. Lo comprobaremos cuando lleguemos a la práctica de Envíos y Pedidos.
25