Professional Documents
Culture Documents
ndice
CREAR UNA TIENDA VIRTUAL....................................................................................................... 5 REA DE ADMINISTRACIN. ......................................................................................................... 6 INICIO............................................................................................................................................... 8 Inicio - Detalles Personales. ...............................................................................................................................8 Inicio - Paquete......................................................................................................................................................8 Inicio - Conexiones..............................................................................................................................................8 PRODUCTOS ................................................................................................................................... 8 Productos - Categoras ......................................................................................................................................8 Productos - Productos. ........................................................................................................................................9 Productos - Opciones....................................................................................................................................... 10 Productos - Buscar............................................................................................................................................. 10 Productos - Opciones de Men. ................................................................................................................... 11 Productos - Productos Destacados............................................................................................................. 12 Gastos de Transporte........................................................................................................................................ 13 PEDIDOS . ...................................................................................................................................... 25 Pedidos - Aprobar ............................................................................................................................................ 25 Pedidos - Denegadas ...................................................................................................................................... 26 Pedidos - Aprobadas ....................................................................................................................................... 26 Pedidos - Listado Completo ......................................................................................................................... 26 Pedidos - Clientes ............................................................................................................................................. 26 Pedidos - Formas de Pago ............................................................................................................................ 26 Pedidos - Opciones de Factura . .................................................................................................................. 28 Pedidos - Estadsticas ...................................................................................................................................... 29 SITIO WEB ..................................................................................................................................... 30 Sitio Web - Editor de Contenidos................................................................................................................ 30 Sitio Web - Editor Pro....................................................................................................................................... 32 Sitio Web - Men de Navegacin. ............................................................................................................... 34 EXTENSIONES ............................................................................................................................... 36 Extensiones - Noticias. ...................................................................................................................................... 36
DISEOS . ...................................................................................................................................... 37 Diseos - Seleccionar un Diseo.................................................................................................................. 37 Diseos - Aadir un Nuevo Diseo............................................................................................................. 37 Diseos - Modifica............................................................................................................................................. 38 Diseos - Productos.......................................................................................................................................... 40 Diseos - Carrito................................................................................................................................................. 41 Diseos - Men Categoras............................................................................................................................ 42 HERRAMIENTAS ........................................................................................................................... 43 Herramientas - Manejar Imgenes.............................................................................................................. 43 Herramientas - Crear Nuevo Formulario. .................................................................................................. 44 Herramientas - Manejar Formularios. ......................................................................................................... 46 Herramientas - Posted Data........................................................................................................................... 46 ESTADSTICAS . ............................................................................................................................. 47 Estadsticas - Reportes..................................................................................................................................... 47 OPCIONES ..................................................................................................................................... 48 Opciones - Estilo del Sitio Web.................................................................................................................... 48 EJEMPLOS PRCTICOS ................................................................................................................ 49 Insertar nuestro propio logotipo en la cabecera................................................................................... 49 Insertar Productos Destacados en la pgina de Inicio. ........................................................................ 54
II
REA DE ADMIMISTRACIN
Para entrar en el rea de Administracin deberemos introducir la siguiente direccin URL en nuestro navegador: http://www.urbecom.com/ADMIN A continuacin deber introducir su Usuario (nombre de la tienda) y la Contrasea que introdujo cuando dio de alta su tienda online. Una vez que introduce los datos correctamente acceder a la pgina inicial del Administrador:
En la parte superior-izquierda podr cambiar el idioma del Administrador. En la parte superiorderecha podr abrir su tienda online haciendo click en Abrir el Sitio Web. En Salir se desconectar del Administrador. A continuacin vamos a explicar las opciones ms importantes del Men de Opciones.
INICIO.
Inicio - Detalles Personales.
En Detalles Personales puede ver y editar sus datos personales. Datos importantes: Correo para las Notificaciones: aqu deber introducir un correo electrnico vlido. A este correo se le enviar los detalles de los pedidos que hagan sus clientes en la tienda online. Moneda: Por defecto EURO. Si usted necesita cambiar de moneda hgalo aqu. Control de Stock: Por defecto Desactivado. El Control de Stock controla las unidades de los productos. Si usted activa esta opcin, cuando se generen pedidos los productos se irn restando automticamente al stock y cuando el producto quede a 0 este desaparecer de la tienda virtual online.
Inicio - Paquete.
Aqu podr ver el Paquete contratado que usted tiene. Si desea cambiar de Paquete seleccinelo haciendo click en la casilla de verificacin, baje a la parte inferior de la pgina, seleccione la forma de pago y presione Prximo para hacer el pago.
Inicio - Conexiones.
En esta pgina podr ver las IPs de los accesos al Administrador. Tambin podr ver las IPs de los accesos fallidos.
PRODUCTOS.
Productos - Categoras.
Antes de empezar a introducir productos en su tienda virtual, ser necesario que introduzca las categoras que albergarn a los productos. Si es la primera vez que accede, esta pgina estar en blanco. Para insertar una Nueva Categora tiene que hacer click en Aadir una nueva categora de productos. Se desplegar los campos de opciones para dar de alta la categora: Tipo de Categora: si usted no ha dado de alta ninguna categora anteriormente, se mostrar la opcin Categora principal. Si usted, con anterioridad, gener categoras aparecern aqu para que usted la pueda seleccionar en caso de que quiera insertar Subcategoras de productos dentro de Categoras. Nombre: nombre de la Categora que quiere crear. Descripcin: este campo no es obligatorio. Aqu puede escribir una pequea descripcin de la Categora que quiere crear.
Productos - Productos.
Una vez creadas todas las Categoras es hora de insertar nuestro catlogo de productos. En esta pgina veremos el rbol de categoras que anteriormente hemos creado. Deberemos hacer click en la categora correspondiente al producto que vamos a insertar, se abrir una pgina para insertar las caractersticas del producto. Datos que hay que introducir para insertar un producto: Nombre: nombre del producto que vamos a insertar. Imagen: aqu podemos introducir una imagen descriptiva de nuestro productos. Adems tenemos la opcin de poder aadir ms imgenes a nuestro producto seleccionando Imgenes Adicionales y introduciendo el nmero de fotografas que queramos introducir. Descripcin Corta: pequea descripcin del producto o servicio. Descripcin Larga: explicacin extendida de su producto o servicio. Precio: importe del producto o servicio. Fabricante: proveedor o fabricante del producto o servicio. Descarga de Enlace: si usted vende productos digitales para descargar directamente desde la web, aqu deber insertar el enlace para que el cliente se descargue el producto una vez pagado. Peso: peso en Kilogramos del producto. IMPORTANTE para calcular los gastos de transporte. Rank: posicin en la que se mostrar el producto. El nmero 1 ser la posicin primera. Activo: desde aqu podemos desactivar el producto para que no aparezca en la tienda virtual. Cargos del producto: si el producto tiene algn cargo extra, impuesto, etc. Categora Global: IMPORTANTE. Muchos usuari@s de internet entran en el portal de urbeCOM buscando productos para comprar. Estos usuari@s navegan por las categoras del portal buscando el producto que desean. Si su producto no est en la Categora adecuada, puede perder una posible venta. Mximo de artculos: Si tenemos activado el Control de Stock, aqu deberemos poner la cantidad de productos total que disponemos. Conforme se vayan generando ventas del producto en su tienda online, estas se irn restando automticamente. Cuando la cantidad de esta seccin llegue a 0 el producto no aparecer en la tienda online.
IMPORTANTE: Muchas veces es necesario agregar variaciones de un Producto. Imagine que vende un Ordenador con unas caractersticas comunes pero con 3 tipos de Memoria RAM (1,2 y 3 GB de RAM). Usted en su tienda virtual de Urbecom puede agregar variaciones a un producto. Cuando este creando o editando un producto y necesita aadir subproductos o variaciones deber hacer click en [Presione para Aadir/Editar Variaciones del Producto] y aada las caractersticas. Si necesitamos Editar algn producto que con anterioridad habamos insertado en el sistema tenemos que hacer click en Productos - Productos y seleccionar el producto a editar. Si necesitamos ver el listado de productos de una determinada Categora haremos click en Productos - Productos y hacemos click en la Categora que queramos ver sus productos.
Productos - Opciones.
Aqu podr cambiar la configuracin de como se muestran los productos en su tienda virtual online. Las Columnas, por defecto, tienen un valor de 3. Si usted desea mostrar ms columnas en la pgina de productos cambien el valor aqu. El nmero mximo de productos por pgina, por defecto, tiene un valor de 6. Si usted quiere mostrar ms o menos productos por pgina cambie el valor aqu.
Productos - Buscar.
En su tienda online, por defecto, tendr una buscador para que los usuarios puedan buscar productos dentro de su tienda. Por defecto estn seleccionadas las opciones Nombre, Descripcin Corta y Descripcin Larga. Esto quiere decir que cuando un usuario introduce una palabra en el buscador, el sistema buscar dentro de estos 3 campos de las opciones del Producto. Si usted desea acotar las bsquedas a menos valores, deseleccione el que desea.
10
11
Products Menu Level 1 - Border style: el estilo del borde del botn de la categora. Puede elegir entre el slido o ningn borde. Products Menu Level 1 - Border color: Color del borde expresado en hexadecimal. Products Menu Menu Direction: posicin en la que se muestra el men. Puede elegir entre Horizontal o Vertical. Parmetros Guardados: si hace algn cambio no olvide presionar este botn.
12
GASTOS DE TRANSPORTE
El sistema urbeCOM ofrece a los propietarios de las tiendas virtuales online la gestin de los Gastos de transporte. El sistema se puede adaptar a varias formas de clculo de los gastos de transporte: a) Un gasto de transporte fijo. Es decir, cuando queramos solamente aplicar un importe a todos nuestros envos. b) Varios gastos de transporte fijos. Igual que el anterior pero, en vez de aplicar un solo gasto, queremos aplicar varios y que el cliente seleccione uno. Ejemplo: Gastos de transporte urgente y gastos de transporte convencional. c) Gastos de transporte fijos por localidades (Solo Espaa). Cuando queremos aplicar un gasto para una localidad/es y otro gastos para otra localidad/es. e) Por intervalos de peso. Aqu el sistema suma el peso total del pedido del cliente y aplica el intervalo correspondiente. Para esta opcin es muy importante que usted introduzca el peso real de productos en kilogramos cuando introduzca artculos. f) Gastos gratuitos superando una cantidad. Usted si lo desea puede premiar a sus clientes no aplicando gasto de transporte si el cliente, en su pedido, ha superado una cantidad de dinero. Todas estas modalidades de Gastos de Transporte se pueden mezclar entre s, es decir, podemos crear un Gastos de transporte fijo y gratuito a la vez superando una cantidad de dinero. O, podemos crear otro que sea Gastos fijos para Espaa pennsula y otro gasto con intervalos de peso para Baleares. La mejor manera de explicar todo el proceso es con ejemplos. Vamos a crear varios ejemplos de configuracin vamos a explicarlos paso a paso.
13
PASO 2. Una vez insertada la zona de envo, tenemos que insertar el intervalo del gastos de transporte. Para esta accin hacemos click en Productos - Gastos de transporte. Se abrir una pgina donde tenemos que insertar el intervalo para el clculo de los gastos de transporte: Nombre de la zona: aqu seleccionamos la zona que hemos insertado con anterioridad Envo nacionales Espaa. Intervalo peso mnimo: aqu escribimos 0. Este es peso mnimo del intervalo. Intervalo peso mximo: ponemos por ejemplo 10000. Con esta cantidad nos aseguramos que cuando se sumen los pesos del pedido siempre estarn en el intervalo de 0 a 10000. Coste (): Aqu ponemos 15. Este es el coste de nuestros gastos de transporte. Presione Aadir.
14
Para este ejemplo ya tenemos configurados los gastos de transporte. Abajo puede ver una imagen de una compra con la suma de los gastos de transporte.
Ahora se va a mostrar otra imagen de una compra que supera los 90 . Puede comprobar como no se suman gastos de transporte.
15
16
PASO 2. Una vez introducidas las Zonas de Envo vamos a agregar sus respectivos Gastos de transporte, hacemos click en Productos - Gastos de Transporte. Para la zona Envo normal introducimos los siguientes datos: Nombre de la Zona: seleccionamos Envo normal. Intervalo de Peso Min.: escribimos el peso mnimo, por ejemplo 0. Intervalo de Peso Max.: aqu escribimos un peso mximo que seguro nunca se va a sobrepasar en los pedidos. Por ejemplo escribimos 10000. Coste (EUR): 10. Pulsamos Aadir. Sin salirnos de la pantalla, ahora vamos a configurar el Gastos de transporte para la el Envo urgente: Nombre de la Zona: seleccionamos Envo urgente. Intervalo de Peso Min.: escribimos el peso mnimo, por ejemplo 0. Intervalo de Peso Max.: aqu escribimos un peso mximo que seguro nunca se va a sobrepasar en los pedidos. Por ejemplo escribimos 10000. Coste (EUR): 20. Pulsamos Aadir. Podr ver en la parte inferior de la pgina los 2 Gastos de transporte creados. Con esto ya tenemos nuestros Gastos de Transporte preparados en nuestra tienda virtual online.
17
Para que vea como funcionara esta configuracin se va a generar un pedido de prueba. En la imagen de abajo puede ver lo que vera un cliente en su proceso de compra.
18
PASO 1. Lo primero ser crear las zonas de envo, hacemos click en Productos - Zonas de envo. Una vez abierta la pgina pasamos a introducir los datos: Nombre: escribimos Envo ordinario por Agencia de transporte. Provincia: aqu no seleccionamos ninguna opcin. Pas: seleccionamos nuestro pas, para este caso selecciono Espaa. Gratuito. Importe Max. Compra: aqu no escribimos nada. NOTA: si queremos aplicar transporte gratuito a nuestros clientes superando una cierta cantidad en nuestro pedido, escribimos aqu la cantidad a superar. Detalles: escribimos, Envo ordinario a toda Espaa por Agencia de transporte. Pulsamos Aadir.
19
PASO 2. Ahora necesitamos crear los intervalos de peso. Hacemos click en Productos - Gastos de transporte y pasamos a introducir todos los intervalos. Intervalo 1 (de 0 a 5 Kg. - 5 ): Nombre de la Zona: Envo ordinario por Agencia de transporte Intervalo de Peso Min.: 0 Intervalo de Peso Max.: 5 Coste (EUR): 5 Pulsamos Aadir. Ahora introducimos el intervalo 2 (de 5.01 a 10 Kg. - 10 ): Nombre de la Zona: Envo ordinario por Agencia de transporte Intervalo de Peso Min.: 5.01 Intervalo de Peso Max.: 10 Coste (EUR): 10 Pulsamos Aadir. Ahora introducimos el intervalo 3 (de 10.01 a 20 Kg. - 20 ): Nombre de la Zona: Envo ordinario por Agencia de transporte Intervalo de Peso Min.: 10.01 Intervalo de Peso Max.: 20 Coste (EUR): 20 Pulsamos Aadir.
20
Ya tenemos operativo nuestro sistema de gastos de transporte por intervalos. Ahora vamos a generar una compra de un Producto 1 (3 Kg) y un Producto 2 (4 Kg). En total la compra sumara 7 Kg, con lo cual el sistema, automticamente, deber coger el intervalo nmero 2 para aplicar el gastos de transporte. Puede ver una imagen abajo del resultado.
21
Ejemplo 4. Clculos de los Gastos de transporte por provincias (Solo para Espaa).
En este ejemplo vamos a crear 2 zonas de envo, una de ellas ser para Espaa con un coste fijo de 10 . La otra zona de envo ser para Baleares, con un coste de envo de 20 . PASO 1. Lo primero es crear las Zonas de Envo. Hacemos click en Productos - Zonas de envo y pasamos a rellenar los datos de la primera Zona (Espaa): Nombre: escribimos Envo para Espaa Pennsula. Provincia: aqu no seleccionamos ninguna opcin. Pas: seleccionamos nuestro pas, para este caso selecciono Espaa. Gratuito. Importe Max. Compra: aqu no escribimos nada. NOTA: si queremos aplicar transporte gratuito a nuestros clientes superando una cierta cantidad en nuestro pedido, escribimos aqu la cantidad a superar. Detalles: escribimos, Envo ordinario a toda la Pennsula Espaola por Agencia de transporte. Pulsamos Aadir. Ahora creamos la zona de Baleares: Nombre: escribimos Envo para las Islas Baleares. Provincia: Seleccionamos Baleares. Pas: seleccionamos Espaa.
Gratuito. Importe Max. Compra: aqu no escribimos nada. NOTA: si queremos aplicar transporte gratuito a nuestros clientes superando una cierta cantidad en nuestro pedido, escribimos aqu la cantidad a superar. Detalles: escribimos, Envo transporte. Pulsamos Aadir. ordinario a las Islas Baleares por Agencia de
22
PASO 2. Una vez introducidas las Zonas de Envo vamos a agregar sus respectivos Gastos de transporte, hacemos click en Productos - Gastos de Transporte. Para la zona Envo normal introducimos los siguientes datos: Nombre de la Zona: seleccionamos Envo para Espaa Pennsula. Intervalo de Peso Min.: escribimos el peso mnimo, por ejemplo 0. Intervalo de Peso Max.: aqu escribimos un peso mximo que seguro nunca se va a sobrepasar en los pedidos. Por ejemplo escribimos 10000. Coste (EUR): 10. Pulsamos Aadir. Sin salirnos de la pantalla, ahora vamos a configurar el Gastos de transporte para la el Envo urgente: Nombre de la Zona: seleccionamos Envo para las Islas Baleares. Intervalo de Peso Min.: escribimos el peso mnimo, por ejemplo 0. Intervalo de Peso Max.: aqu escribimos un peso mximo que seguro nunca se va a sobrepasar en los pedidos. Por ejemplo escribimos 10000. Coste (EUR): 20. Pulsamos Aadir. Podr ver en la parte inferior de la pgina los 2 Gastos de transporte creados.
Ya tenemos los gastos de transporte preparados. Con esta configuracin, si algn cliente de Espaa pennsula hace una compra se aplicar el gastos de 10 . Por el contrario, si la compra la realiza un cliente de las Islas Baleares se aplicar el gasto de 20 .
23
Con estos 4 ejemplos pueden quedar perfectamente explicados como se configuran los gastos de transporte dentro de urbeCOM. Comentarle que estos cuatro ejemplos son orientativos y que el sistema le brinda la posibilidad de crear multitud de combinaciones para sus gastos de transporte. Por ejemplo, puede crear una zona de envo con gastos de transporte por intervalos, y aparte, puede crear otra zona con gastos de transporte fijos. O crear una zona por provincia para unos gastos de transporte por intervalos y otra zona por pas con gastos fijos con portes gratuitos superando una cantidad de dinero. Existen multitud de posibilidades que esperemos que se adapten a sus necesidades.
24
PEDIDOS
Pedidos - Aprobar.
En esta seccin se vern el listado de Pedidos realizados en su tienda virtual online ordenados cronolgicamente. Debajo del listado se muestra un recuadro con informacin del pedido seleccionado y todos los datos del cliente. Pasando el ratn por encima del listado de pedidos el recuadro de informacin se actualizar segn en el pedido donde se encuentre el ratn en ese momento. Para la gestin de Pedidos tiene 2 opciones: Rechazar: si el cliente no paga el pedido o se produce alguna anomala, haciendo click en este link el Pedido quedar suspendido. Si lo desea puede introducir un texto por la razn de la suspensin del Pedido. Aprobar: si el pedido se ha realizado correctamente y se ha pagado, haciendo click en Aprobar el pedido quedar automticamente registrado como correcto.
25
Pedidos - Denegadas.
En esta seccin se mostrarn los pedidos que se han denegado. IMPORTANTE: si usted tiene activado el Control de Stock y rechaza un pedido automticamente los productos se sumarn otra vez al stock.
Pedidos - Aprobadas.
Listado de Pedidos correctos o aprobados. Aqu se da la opcin de Rechazar el pedido si ha habido algn problema. Adems, se puede generar una factura en PDF del pedido presionando en Factura. Para configurar las opciones de las Facturas debe hacer click en Pedidos - Opciones de Facturas.
Pedidos - Clientes.
Listado de clientes que se han dado de alta en su tienda virtual online. Tiene la opcin de poder eliminarlos totalmente del sistema.
Authorize.net: acepta tarjetas de crdito. Para su funcionamiento deber incluir su Authorize.net Login ID y Authorize.net Transaction Key. Google Checkout: pasarela de pago de Google para comprar por internet. Deber introducir su Google Merchant ID y Google Merchant Key. Cheque Bancarios: deber incluir la direccin de envo del cheque bancario. Transferencia bancaria: debe introducir los datos de la cuenta bancaria a la cual desea que le lleguen los pagos. Pago por Contrarrembolso: el pago se realiza a la entrega del pedido. Si su agencias de transportes cobra una comisin por esta modalidad de pago podr incluirla aqu en Porcentaje de gastos contrarrembolso. El sistema sumar automticamente el porcentaje de esta comisin al pedido. Tenga en cuenta que usted puede incluir ms de una forma de pago en su tienda virtual. Para incluir las formas de pago deber activar su casilla de verificacin. No olvide presionar el botn Guardar. Dentro de Formas de Pago tambin puede especificar si dispone de una cuenta PayPal IPN para la descarga de productos digitales y especificar el cuerpo de mensaje electrnico que recibir el cliente para la descarga del software.
27
28
Pedidos - Estadsticas.
En esta seccin podr ver un resumen estadstico de los Pedidos realizados en su tienda virtual online. Los valores que muestran son los siguientes: suma total de los pedidos, valor medio aprox. de un pedido, nmero total de pedidos, pedidos aprobados, pedidos denegados y pedidos a la espera de ser aprobados.
29
Sitio web.
Sitio Web - Editor de Contenidos.
Editor visual para editar las pginas que componen su tienda online. IMPORTANTE: Desde aqu recomendarle el Editor Pro (Sitio Web - Editor Pro) por ser ms efectivo y fcil de utilizar. En la parte superior y en horizontal los iconos de opciones. Son cuatro y ejecutan las siguientes operaciones: El primero (siempre empezando por la izquierda) es para la edicin de contenidos. El segundo es para la configuracin avanzada de la pgina: nombre del enlaces, ttulo de la pgina, descripcin, etc. El tercero es para borrar pginas. El cuarto es para previsualizar su tienda virtual. A continuacin haremos unos ejemplos para que vea el funcionamiento de todas las opciones de edicin. A) Lo primero que haremos es eliminar una pgina. Por ejemplo, la pgina de enlaces no le vemos utilidad por el momento. Para eliminar una pgina debemos de hacer click en el icono de Borrar (tercero por la izquierda) y sin dejar de presionar el botn izquierdo del ratn deberemos arrastrar el icono de borrar a la pgina que queremos eliminar, en este caso sera la pgina de Enlaces. El sistema nos preguntar si estamos seguros de nuestra decisin, presionamos Aceptar y pgina borrada.
B) Ahora vamos a cambiar el Titulo de la pgina Quienes Somos por Nuestra Empresa. Para hacer esta accin hacemos click en el icono de Configuracin (segundo por la izquierda) y sin dejar de presionar el botn izquierdo del ratn lo arrastramos a la pgina que queremos cambiar, en este caso ser la pgina Quienes Somos. Se abrir una pgina donde podremos cambiar los siguientes parmetros: Enlace de Texto: Nombre que se mostrar en el Men de Navegacin. Como lo queremos cambiar, aqu ponemos Nuestra Empresa.
30
Ttulos: Este parmetro es el ttulo que nos muestra en navegador en la parte superior del ttulo de la pgina. Ponemos por ejemplo Bienvenidos a nuestra Empresa. Activo: seleccionamos Si para que la pgina este visible. Defecto: aqu seleccionamos la opcin No. Extensin customizada: Seleccionamos la opcin NONE. Meta descripcin: es el texto que llevar la etiqueta HTML Description. Aqu podemos poner una breve descripcin de nuestra empresa. Meta Palabras Claves: es el texto que llevar la etiqueta HTML Keywords. Aqu puede poner un listado de palabras que describan su empresa. Tenga en cuenta que esta etiqueta antes era importante para la mayora de los buscadores para posicionar pginas web. Actualmente los mejores motores de bsqueda ya no la utilizan. Una vez introducidos los datos correspondientes hacemos click en Guardar y proceso terminado. C) A continuacin vamos a insertar texto en la pgina recin cambiada Nuestra Empresa. Para ejecutar esta operacin hacemos click en el icono de Edicin (primero por la izquierda) y sin dejar de presionar el botn izquierdo del ratn lo arrastramos a la pgina Nuestra Empresa. Se abrir el Editor Online. Ahora solo deber escribir los datos que crea convenientes, por ejemplo, una descripcin de su empresa con los servicios y productos que ofrece. Al texto que usted escriba puede darle formato (negrita, cursivas, listas ordenadas o desordenadas, enlaces, etc.) Seleccionando la opcin correspondiente. Una vez introducidos todo el texto deber hacer click en el icono de Save (Primer icono) para guardar los cambios y ya podr cerrar la ventana del Editor. D) Si quiere revitalizar como esta quedando su tienda virtual, puede hacer click en el icono de Previsualizacin (cuarto por la izquierda) y sin soltar el botn izquierdo del ratn arrastrarlo a la pgina que quiere ver.
31
32
Establecer como predeterminada: si hacemos click en esta opcin la pgina seleccionada ser la primera en abrirse cuando algn usuario entre en nuestra Tienda Virtual. Desactivada: esta opcin es para desactivar temporalmente alguna de nuestras pginas, y por lo tanto, no se muestran en nuestra Tienda Virtual. La pgina no queda eliminada, sigue estando hay, pero no se muestra a los usuarios. Para volver a mostrar la pgina deberemos seleccionar Activar. Iniciar el Editor WYSIWYG: si hacemos click aqu se abrir una ventana con el Editor. Con este Editor podemos insertar, modificar eliminar cualquier contenidos en nuestras pginas. Solamente deber escribir lo que desea que aparezca y modificar con las opciones que presenta el Editor (negritas, cursivas, aadir hora, aadir listas, cambiar color del texto, insertar tablas, pegar contenido de word, etc...). IMPORTANTE: cuando aadimos/editamos algn contenido en este Editor es importante presionar el botn de Guardar (Save) para realizar los cambios, es el situado en la esquina superior izquierda de la ventana del Editor. Editar cdigo HTML: si usted tiene experiencia con el cdigo HTML o utiliza algn software de composicin de pginas web (dreamweaver, frontpage), puede desde aqu pegar el cdigo HTML necesario para la pgina seleccionada. Insertar Ext. Propia: dejar en blanco, no seleccionar ninguna. Ajustes de la Pgina: se abrir una pgina para aadir algunos elementos importantes: - Enlace de Texto: Nombre que se mostrar en el Men de Navegacin. - Ttulo: Este parmetro es el ttulo que nos muestra el navegador. Etiqueta HTML <title>titulo</ title> - Activo: seleccionamos Si para que la pgina este visible, y No para que no aparezca. - Defecto: Si para que aparezca la primera al entrar en nuestra Tienda Virtual. - Extensin customizada: Seleccionamos la opcin NONE. - Meta descripcin: es el texto que llevar la etiqueta HTML <meta name=description>. Aqu podemos poner una breve descripcin de nuestra empresa o servicio. - Meta Palabras Claves: es el texto que llevar la etiqueta HTML <meta name=keywords>. Aqu puede poner un listado de palabras que describan su empresa. Tenga en cuenta que esta etiqueta antes era importante para la mayora de los buscadores para posicionar pginas web. Actualmente los mejores motores de bsqueda ya no la utilizan. Borrar Pgina: eliminar totalmente la pgina de nuestra Tienda Virtual.
33
Desde esta seccin del Administrador podr cambiar dicho aspecto grfico del men de navegacin. Para esta accin dispone de 2 herramientas: Estndar y Men Personalizado. IMPORTANTE: si cambia de una opcin a otra no olvide de presionar el botn Guardar. A continuacin se explica con detalle cada una de las 2 opciones. ESTNDAR. Si tiene seleccionada esta opcin, haga click en Opciones para acceder a la pgina de edicin. La pgina esta dividida en 2 columnas. La primera (izquierda) es para editar el aspecto grfico del Men y la segunda (derecha) es para editar el aspecto grfico del Submen (si hubiese). Ver las siguientes herramientas: Links Font: aqu puede cambiar el tipo de letra del men. Links Font size: para cambiar el tamao de la letra del men. Links Font color: color de la letra de men. Para cambiarlo tendr que introducir el valor hexadecimal del color. Links Text Decoration: para cambiar el formato de la letra del men. Tiene como opciones: itlica, negrita y subrayada. Links Text Decoration Mouseover: igual que el anterior pero cuando pasa el puntero del ratn por encima del texto. Level 1 - Width: ancho del men. Para cambiar este valor deber introducir la medida en pxeles. Tenga cuidado si pone un valor demasiado grande, puede deformar la pgina. Level 1 - Height: Altura del men expresado en pxeles. Links Padding: distancia en el eje Y del texto.
34
Level 1 - Links Offset: distancia en el eje X del texto. Level 1 - Background color: color de fondo del men. Si desea cambiar el color de fondo debe introducir el valor hexadecimal del color. Background color - Mouseover: Color de fondo del men pero cuando pasa el puntero del ratn por encima. Si desea cambiar el color de fondo debe introducir el valor hexadecimal del color. Level 1 - Border style: el estilo del borde del men. Puede elegir entre el slido o ningn borde. Level 1 - Border color: Color del borde expresado en hexadecimal. Menu Direction: posicin en la que se muestra el men. Puede elegir entre Horizontal o Vertical. Parmetros Guardados: si hace algn cambio no olvide presionar este botn. MEN PERSONALIZADO. Si usted tiene conocimientos HTML puede utilizar esta opcin para construir un men ms personalizado. Si presiona en Opciones podr configurar los siguientes parmetros: Show separator: Si quiere que, entre botn y botn de su men de navegacin, aparezca un linea de separacin pulse TRUE. Menu direction: direccin en el que aparece el men de la tienda virtual online (VERTICAL O HORIZONTAL). Custom links template: Cdigo HTML del contenedor del botn del men de navegacin. Use template: si usted ha generado una plantilla pulse en TRUE. En Construct/Modify podr personalizar an ms su men de navegacin. En esta seccin podr editar botn a botn la composicin del men de navegacin. Cuando accede podr ver todas las secciones o pginas de su tienda online, si hace click en alguna de ellas podr editar las siguientes opciones: NINGUNO: opcin activada por defecto, no se aplica nada. HTML: cdigo html del botn de la seccin. IMAGEN: tambin puede insertar de fondo del botn del men una imagen que usted haya diseado con anterioridad. Active esta opcin si es su caso y posteriormente seleccione la imagen que desea. Importante: la imagen o grfico lo debe antes de subir a su administrador. Para subir una imagen haga click en Herramientas Manejar imgenes. Los botones de su tienda online puede tener, si lo desea, 3 estados:
35
- Inactivo: cuando no se ha realizado ninguna accin sobre el botn. En este caso se ver la imagen que ha insertado arriba. - Activo: es cuando un usuari@ hace click en el botn y accede a la pgina correspondiente al botn que ha pulsado. Si usted desea que se muestre una imagen distinta para este estado del botn, active Image Selected y seleccione la imagen. - Ratn encima (MouseOver): es cuando el ratn pasa sobre algn botn. Si usted quiere aplicar una imagen a este estado o accin, active Image - Mouse Over y seleccione la imagen.
EXTENSIONES.
Extensiones - Noticias.
En su tienda virtual online tiene la posibilidad de insertar noticias de inters para sus usuari@s. Desde esta seccin se proporciona lo necesario para poder introducir sus noticias: Ttulo: como su nombre indica, aqu se escribe el ttulo de la noticia. Contenido: texto completo de la noticia. Activo: Si el estado est en YES, la noticia aparecer en su tienda online. Si por el contrari, est en NO, la noticia no aparecer. Importante: para que la seccin de noticias aparezca en su tienda virtual online debe insertar la etiqueta <wsa news/> en su plantilla html.
36
DISEOS
Diseos - Seleccionar un Diseo.
Si despus de crear nuestra tienda virtual online, descubrimos que la plantilla que hemos elegido no nos satisface, desde esta seccin podemos cambiar de plantilla de diseo. Tambin podemos seleccionar plantillas desde aqu plantillas creadas por nosotros para nuestra tienda online. La insercin de una nueva plantilla se explicar en la siguiente seccin (Diseos - Aadir un nuevo diseo). Por defecto, el sistema tiene configurado unas plantillas generales con el nombre STANDAR TEMPLATE. Para cambiar de plantilla solo tiene que hacer click sobre la que queramos.
<wsa description/> Este TAG, agrega la Descripcin a cada una de las pginas de la tienda online. Se agregar entre las etiquetas HTML <meta name=description content=<wsa description/>>
<wsa product_search/> TAGS para agregar el Buscador de Productos a su tienda virtual. Este TAGs ir colocado donde usted quiera que aparezca dentro del diseo de su tienda online. <wsa menu/> Este TAGs inserta el Men de Navegacin en su tienda virtual online. Puede poner el TAG donde usted quiera que aparezca el Men dentro del cdigo html. <wsa product_categories/> TAG que inserta el Men de Categoras (Subcategoras..) de los productos de su tienda virtual. <wsa logins/> Este TAG agrega el formulario para que los Usuarios-Clientes de su tienda online accedan a su cuenta personal. <wsa news/> Este TAG agrega las Noticias que usted ha insertado dentro de su rea de Administracin. <wsa content/> Este TAG debe aparecer en la parte donde usted quiera mostrar todos los contenidos de su pgina web. Suele estar en la parte de la web ms amplia para mostrar correctamente los contenidos, productos, carrito etc.. <wsa form/> TAG que debe aparecer siempre justo debajo del TAG <wsa content/>. Su funcin es mostrar los formularios que usted inserte en su tienda virtual online. <wsa languages_menu/> TAG que aade las banderas Britnica y Espaola para convertir su sitio en multidioma. Los idiomas disponibles en el sistema son el Ingls y el espaol. Aadir el Diseo: no olvide presionar este botn para guardar los cambios.
Diseos - Modifica.
Si necesita modificar la plantilla o eliminarla totalmente del sistema, en esta seccin podr hacer estas acciones. Una vez que entramos en esta seccin vemos una tabla con nuestro diseo y 3 acciones: Modifica (WYSIWYG), Modifica (HTML) y Borrar.
Modifica (WYSIWYG): este editor esta pensado para aquellos usuarios que no tengan conocimientos de programacin en HTML. Es un editor grfico parecido al estilo visual de Word. Si entra en este editor, podr ver en la parte superior una serie de iconos para modificar su diseo. Importante: pasando el ratn por encima de cualquier icono del editor aparece una leyenda explicativa de la accin del icono.
38
Entre las acciones que podr realizar estn: Modificar textos: negrita, cursiva, subrayado, cambiar tipo de letra, tamao de letra. Alineacin de textos: centrado, izquierda, derecha y justificado. Pegado de texto: pegar desde Word, pegar desde el block de notas. Tablas: insertar tabla, combinar celdas. Otras opciones: insertar capas, insertar imgenes, subndices, superndices, insertar imgenes, emotions, insertar elementos multimedia, etc.
Modifica (HTML): para aquellos usuari@s que tengan conocimientos HTML y un buen manejo de programas como Dreamweaver o Frontpage. Usted puede disear su pgina en estos programas, aprovechando toda la potencia que ofrecen, y pegar en este editor el cdigo html generado. Cuando se entra a esta seccin, se puede visualizar un cuadro llamado HTML. Pegue el cdigo html en este cuadro y no olvide presionar el botn Guardar para aplicar los cambios.
39
Diseos - Productos
Esta seccin se divide en 2 partes: Products Middle Result: Cambia el aspecto grfico de la pgina que muestra los productos en nuestra tienda online. A continuacin se muestra una imagen de la parte de la web que edita este formulario.
Debe tener en cuenta, que cuando disee el cdigo para este apartado deber insertar unas etiquetas o TAGs que actualizan automticamente, en su tienda online, la informacin correspondiente. Los TAGs son los siguientes: [CATEGORY_NAME]: TAG que aade la categora de los productos. [PRODUCT_LINK]: TAG que aade un vnculo a un determinado objeto (imagen, texto). Este vnculo direcciona a la pgina de Propiedades del producto. [PRODUCT_IMAGE]: TAG que aade la imagen del producto. [PRODUCT_PRICE]: TAG que aade el precio del producto. [PRODUCT_NAME]: TAG que aade el nombre del producto.
[ADD_CART_LINK]: TAG que aade el vnculo para aadir el producto al carrito de compras de su tienda virtual online. [PRODUCT_SHORT_DESCRIPTION]: TAG que aade la descripcin corta del producto.
40
Products Final Result: cambia el aspecto grfico de la pgina que muestra los detalles del producto. A continuacin puede ver una imagen de la pgina que edita este apartado.
TAGs que aaden el contenido a este apartado: [PRODUCT_NAME]: TAG que aade el nombre del producto. [PRODUCT_IMAGE]: TAG que aade la imagen del producto. [PRODUCT_PRICE]: TAG que aade el precio del producto.
[PRODUCT_LONG_DESCRIPTION]: TAG que aade la descripcin larga del producto. [ADD_CART_LINK]: TAG que aade al carrito de compras el producto. Por ltimo, comentar que esta seccin no dispone de Editor (WYSIWYG), por lo tanto, deber tener conocimientos HTML o manejar correctamente programas como Dreamweaver o Frontpage para editar esta seccin.
Diseos - Carrito
En esta seccin puede cambiar el aspecto grfico del carrito de compras en su tienda virtual online. A continuacin le mostramos una imagen del carrito de compras de una tienda.
41
TAGs necesarias que aaden contenido al carrito: [CART_PRODUCT_REMOVE]: TAG que aade una casilla para seleccionar el producto y poder eliminarlo en el carrito de compras. [CART_PRODUCT]: TAG que aade el nombre del producto en el carrito de compras. [CART_PRODUCT_PRICE]: TAG que aade el precio del producto en el carrito de compras.
[CART_PRODUCT_QUANTITY]: TAG que aade la cantidad de productos en el carrito de compras. [CART_PRODUCT_TOTAL]: TAG que aade el precio total del producto en el carrito. [SUB_TOTAL]: TAG que aade la suma total del carrito de compras. [CONTINUE_SHOPPING_BUTTON]: TAG que aade el botn de Continuar Comprando. [CHECKOUT_BUTTON]: TAG que aade el botn de Realizar Pedido.
Recordarle que esta seccin no dispone de editor WYSIWYG y necesitar de nociones de HTML.
42
HERRAMIENTAS
Herramientas - Manejar Imgenes.
Gestor de imgenes de su rea de administracin. En esta zona podr subir aquellas imgenes que usted considere, para posteriormente utilizarlas en su tienda online. Por ejemplo, puede subir la imagen de su logotipo y insertarla en su tienda virtual.
(Este ejemplo en concreto se explicar en la seccin de este manual EJEMPLOS PRCTICOS).
Cuando accede a esta seccin puede comprobar que la pgina se divide en 2 partes: Arriba puede ver una caja de formulario con un botn Examinar. Si presiona este botn acceder a su propio ordenador para seleccionar la imagen a subir al gestor. IMPORTANTE: no intente subir imgenes ms grandes de 400 KB porque el sistema no le dejar. No olvide presionar el botn Guardar para archivar la imagen en su rea de administracin. En la parte inferior hay una tabla con las imgenes ya insertadas en el sistema. Podr borrarlas seleccionando la imagen y presionando el botn de Borrar. IMPORTANTE: para insertar una imagen en cualquier parte de su tienda virtual online debe hacer lo siguiente: Haga click encima de la imagen que quiera colocar. Se abrir una nueva pgina con la imagen. Deber copiar la URL de la imagen que posteriormente utilizar para colocarla (ej.: http://www.urbecom.com/image.php?id=79825945 )
Agregue la imagen donde usted quiera dentro de su tienda virtual online utilizando la URL de la imagen.
43
44
Ya tenemos los campos de nuestro formulario creados, ahora tenemos que introducir los parmetros finales de nuestro formulario para que funcione correctamente: Texto del botn de enviar: esto es el texto que tendr botn que aparecer debajo de nuestro formulario, por ejemplo, escribimos Enviar. Correo electrnico para envo de la datos de los formularios(*): obligatorio, aqu debe especificar una direccin de correo electrnico vlida para la recepcin de los datos del formulario. Mensaje mostrado al usuario cuando los datos son enviados correctamente: aqu deber introducir el texto que ver el usuario cuando rellene el formulario y presione el en botn Enviar. Puede poner, por ejemplo, Muchas gracias por contactar con nuestra empresa, en breve atenderemos a su consulta. Una vez rellenados estos datos haremos click en Prximo. Aparecer la pantalla del paso final para la configuracin de nuestro formulario, donde
debemos decir al sistema en que pgina queremos que aparezca nuestro formulario. Para ejecutar esta accin hacemos click en Publicar el formulario en el sitio web y elegimos una pgina, por ejemplo Contacto [ES] y presionamos en Aplicar. Ya tenemos nuestro formulario insertado en la pgina de Contacto y funcionando perfectamente.
45
46
Estadsticas
Estadsticas - Reportes.
Seccin donde se muestran unas estadsticas bsicas del trfico de su tienda virtual online. Los parmetros que se muestran son los siguientes: Total: nmero total de visitas a su tienda online. nico: visitantes nuevos de su tienda virtual. Recurrentes: visitantes que acceden repetidamente a su tienda online. Mostrar grfica de visitas: si introduce un nmero de das y hace click en Mostrar aparecer una grfica de las visitas nicas y recurrentes de los das que ha insertado.
47
Opciones
Opciones - Estilo del Sitio Web
Seccin para modificar el estilo general de su tienda virtual online. Parmetros que puede editar: Disable these styles: esta seccin genera una hoja de estilos general para todo el sitio. Si desea que esta hoja de estilos no se visualice, presione en YES. Default Font: fuente por defecto para toda su tienda online. Seleccione el tipo de letra que ms le guste. Default Font Size: tamao de la fuente por defecto. Default Font Color: color de la letra por defecto. Para introducir un color deber insertar su valor en hexadecimal. Links color: color de los vnculos de su tienda virtual online. Valor en hexadecimal. Visited Links Color: color de los vnculos visitados. Valor en hexadecimal. Hover Links Color: color de los vnculos cuando pasa el cursor del ratn por encima. Deber introducir el valor del color en hexadecimal. Headers Font Color: color de los textos que se encuentren entre las etiquetas HTML <h1>...</ h1> - <h2>...</h2> - <h3>... </h3>. Guardar: no olvide presionar este botn para aplicar los cambios.
48
Ejemplos Prcticos.
Insertar un logotipo en la cabecera del Sitio Web.
En este ejemplo prctico introduciremos un logotipo en la parte superior de nuestra tienda. Para hacer esta accin haremos click en Herramientas - Manejar Imgenes.
Para introducir la imagen deberemos hacer click en Examinar y seleccionar la imagen de nuestro propio ordenador. Una vez introducida la imagen hacemos click en Aadir para terminar el proceso.
Debemos de tener en cuenta que no podemos introducir una imagen demasiado grande para nuestro logotipo, ya que puede trastocar drsticamente nuestro diseo de tienda virtual, el tamao mximo recomendable para el logotipo debe ser de 350 pxeles de ancho x 100 pxeles de alto.
49
Introducida la imagen de su logotipo en el sistema, haremos click en la imagen para que se abra en el navegador y poder copiar su ruta. Puede ver a continuacin unas imgenes de ejemplo del proceso:
50
Copiada la ruta de la imagen en el portapapeles CONTROL + C pasaremos a insertarla en la plantilla de nuestra tienda virtual. Haremos click en Diseos - Modifica. Se abrir una pgina con diferentes opciones para cambiar aspectos de nuestra tienda virtual. Elegiremos la opcin Modifica (WYSIWYG).
51
Se abrir el Editor Online para modificar la plantilla. Elegiremos la opcin de Insertar/Editar Imagen.
Aparecer un cuadro de dilogo donde nos pedir la ruta de la imagen (Image URL). En ese cuadro insertaremos nuestra ruta de la imagen copiada en del portapapeles con la combinacin de teclas CONTROL-V o con el botn derecho de ratn y seleccionando Pegar. Tambin podemos introducir alguna descripcin de la imagen, pero no es necesario. Una vez terminado este proceso hacemos Click en Insertar, para terminar el proceso.
52
Llegados a este punto ya solo nos queda guardar los cambios en editor online, presionado el icono de Guardar.
53
Se abrir una pgina con un cuadro, donde aparecer el cdigo HTML de la pgina Inicio. Introduzca al final del todo la siguiente etiqueta: <wsa featured_products/> Abra su tienda online en el navegador y podr ver como en la pgina de Inicio aparecen los productos destacados. Presione Guardar.
54