STNETWORK CON QUÉ SE COME? ÍNDICE 1. Ingresar a su Stnetwork 2. Botones Para qué sirven? 3. Botón configuración 3.1. Cambiar Encabezado 3.2. Título de la Página 3.3. Cambiar Logo, Fondo Superior y Fondo de la Web 3.4. Captura de Pantalla Cómo se ven los cambios que hice a los fondos de mi página? 3.5. Descripción y Metatags puedo modificarlos? 3.6. Campo e-mail. 3.7. Dirección Principal 3.8. Teléfono Principal 3.9. Fondo Pie de Página 4. Botón Usuarios 4.1. Puntos a Considerar en éste Botón 5. Botón Galerías 5.1. Crear un Álbum Nuevo 5.2. Creación de Fotos Dentro del Álbum. 5.3. Puntos a Considerar 6. Botón Productos 6.1. Cómo creo un nuevo producto? 6.2. Agregar un álbum de fotos al producto. 6.3. Escribir descripción y características del producto 6.4. Puntos a considerar en la creación de sus productos. 7. Botón Banner 7.1. Cómo agrego un nuevo banner a mi página? 7.2. Posiciones de los banner en mi página 7.3. Link de los banner 8. Botón Categorías 8.1. Creación de categorías tipo Menú. 8.2. Creación de categorías tipo Producto. 8.3. Creación de sub-categorías. 8.4. Como se ven las Categorías Tipo Menú y Tipo Producto en mi Página?. 8.5. Puntos a Considerar 9. Botón Enlaces 9.1. Creación de un nuevo enlace 1
9.2. Puntos a Considerar. 10. Botón Páginas 10.1. Crear una Nueva Página. 10.2. Editar Página. 10.3. Puntos a Considerar. 11. Glosario 2
MANUAL DE USUARIO STNETWORK Estimado cliente, a continuación se le explicará los pasos necesarios para manejar el administrador de su página de comercio electrónico. 1. ACCESO AL ADMINISTRADOR Como usted sabrá, al entrar al administrador aparecerá la opción de acceder con el nombre de usuario y clave, que se le asigno al entregarle su página web. Nota: Si desea modificar la clave de su administrador, recomendamos insertar una clave que contenga letras, números y símbolos. 2. BOTONES PARA QUE SIRVEN? Una vez dentro, aparecerá la siguiente pantalla, donde podrá ver las opciones de configuración de su Stnetwork, como ser productos, páginas, categorías etc. Cada botón tiene una funcionalidad específica: Botón Configuración: me permite cambiar los fondos de mi web. Botón Usuarios: me permite ver y editar las personas que se han registrado en mi página. 3
Botón Galerías: me permite crear álbunes de fotos de los productos que ofertare en mi página, a raíz de este botón puede trabajar el botón productos. Botón Páginas: me permite administrar la información que muestro en mi pagina, (quienes somos servicios como comprar contacto etc.) Botón Categorías: me permite crear categorias tipo Menu o tipo Producto, a partir de este boton pueden trabajar los botones de paginas y productos Botón Banners: me permite administrar los banners de mi pagina. Botón Enlaces: me permite administrar los enlaces de mi pagina como contactenos, facebook, twitter etc. Boton Productos: me permite crear productos seleccionando una galeria previamente hecha, y una categoria previamente establecida. 3. BOTON CONFIGURACION El botón configuración se encuentra dividido en 3 partes, configuración de la pagina, datos de la empresa, y adicionales. 4
3.1. CAMBIAR ENCABEZADO El encabezado es la imagen de fondo que engloba el logotipo, y el menú superior. Es una imagen que usted podrá subir siguiendo el tamaño requerido de 1000px por 113px de alto En formato JPG Nota: El formato JPG es una imagen liviana que no ocupa mucho espacio, a diferencia de las imágenes en formato PNG. Para evitar la sobrecarga y lentitud de su página, recomendamos insertar solo imágenes en JPG. 3.2. TITULO DE LA PAGINA El titulo de la página se verá en la pestaña del navegador Recomendamos que sea un nombre corto que no pase de 3 palabras, el título de la pagina es el nombre de su empresa. El titulo de la pagina y el nombre, debe ser el mismo como se ve en el ejemplo (Nombre1). 5
No debe dejar en blanco el nombre del dominio, esto es indispensable para que los usuarios encuentren su página desde redes sociales, o buscadores. 3.3. CAMBIAR LOGO, FONDO SUPERIOR Y FONDO DE LA WEB Seguidamente podrá ver la opción de cambiar el logotipo recomendamos que sea PNG, para saber un poco más sobre este formato, puede revisar este link, el fondo superior y el fondo de la web debe ser JPG. 3.4. COMO SE VE LA CONFIGURACION DE LOS FONDOS Y EL LOGO? El fondo superior es el fondo que engloba el banner superior y el encabezado, el logo aparece dentro del encabezado. Ejemplo: Logo formato PNG Fondo superior Fondo encabezado El fondo de la web es una imagen de un color degradado, de 1200px por 150px de ancho en este caso. Usted puede poner el fondo que desee que vaya acorde con los colores de su página, lo cual puede crear una imagen en photoshop con un color degradado para poner de fondo a su página. 6
3.5. DESCRIPCION Y METATAGS, PUEDO MODIFICARLOS? La descripción es de vital importancia para que los usuarios y clientes de la web, encuentren su página a través de los buscadores como google, bing etc. Esta parte puede ser modificada de acuerdo a los servicios que ofrezca su empresa en el transcurso del tiempo. Así también las palabras claves son palabras que describen el servicio que usted ofrece. O las marcas con la que su empresa trabaja, recomendamos no modificar esta opción sin consultar previamente con soporte@marcaymercado.com 7
3.6. CAMPO E-MAIL El campo de E-mail, debe estar llenado con la dirección de correo corporativo asignado por la empresa, por el cual usted recibira reportes y/o mensajes que los usuarios de su página, en este campo solo debe ir escrito un correo electronico 3.7. DIRECCIÓN PRINCIPAL La dirección principal de su negocio, es una información importante para las redes sociales, y buscadores, ésta información no se muestra en su página pero la verán las personas interesadas en buscar su página, a travez de fanpages de facebook y buscadores. Recomendamos cambiar este campo solo y unicamente cuando sea necesario 3.8. TELÉFONO PRINCIPAL El teléfono principal es el número que se verá en el pie de página. Si desea puede rellenar ese campo, o no. 3.9. FONDO PIE DE PÁGINA El fondo de pie de página es lo que aparece en la barra final de su página, ésta imagen no debe tener ningún tipo de letras. 4. BOTÓN USUARIOS Las personas que se registren en su página las verá en esta parte de su administrador, podrá eliminarlos y editarlos de manera individual. 8
Editar Eliminar 4.1. PUNTOS A CONSIDERAR En esta parte de su administrador, puede inhabilitar a sus usuarios, para que estos no realicen pedidos en su página, hay personas que se registran en la pagina para molestar, hackear información o destruirla, en esta opción podrá eliminarlos o inhabilitarlos de la pagina, si viera algún usuario con actitudes malas en su página. Así también puede agregar un nuevo usuario, ya sea mediante el botón ó también desde la pagina web, mediante la opción registrarse. 5. BOTÓN GALERIAS Dentro de la opción galerías, usted podrá crear sus álbumes de fotos para sus productos, cada producto debe tener un álbum de fotos. Nota: no se pueden crear productos si antes no se creó una galería - Por qué? - Si usted quiere comprar un celular por internet, primero quiere ver la foto del celular, de todos los ángulos así como también las características y su descripción para poder comprarlo. Por lo tanto su producto no puede ser mostrado sin haberse creado antes un álbum en el botón galerías 9
5.1. CREAR UN ALBUM NUEVO Para crear este álbum debe dirigirse al botón que se encuentra debajo de la búsqueda alfabética, una vez dentro vera los campos a rellenar. Los cuales son Nombre del Álbum y Foto Portada, la foto portada es la primer foto que vera el usuario de su producto. Una vez dándole clic al botón álbumes creados con la foto de portada. volvemos al botón galerías y verá todos sus Así también usted tiene la opción de eliminar o editar sus álbumes de fotos. Editar Eliminar 5.2. CREACIÓN DE FOTOS DENTRO DEL ALBUM Cada álbum de fotos puede contener de 5 a 7 fotos, digamos que su producto es un televisor, la foto de portada será la foto del televisor, y dentro de este álbum estará la foto lateral frontal y la foto de algún detalle más de su producto. El número recomendado de fotos es 5. 10
Ponemos el cursor del mouse sobre la imagen, o sobre el nombre de la galería, y hacemos clic. E insertar fotos dentro de su álbum dándole clic en pasos que ya conocemos. y seguimos los 5.3. PUNTOS A CONSIDERAR Las fotos deben ser en formatos JPG, y no salirse de la medida que se indica en el administrador. Recomendamos que las fotos de sus productos estén en un fondo blanco, esto para mantener la pagina de forma estética al usuario. 6. BOTÓN PRODUCTOS Una vez creado su album de fotos podra dirigirse a la pestaña productos y crear un nuevo producto. Editar Eliminar Una vez creado el producto, este se pone disponible en su administrador Por defecto, esta opción ésta de color verde, que es la opción producto destacado dependiendo del modelo de su stnetwork, el producto destacado aparece en una parte especial de su página web. 11
Nota: si en la capacitacion de su pagina, no le explicaron sobre los productos destacados, debera dejar siempre el simbolo de bien, de color verde 6.1. COMO CREO UN NUEVO PRODUCTO Dentro de nuevo producto, deberá rellenar todos los campos, ya que son importantes para la persona interesada en comprar alguno de sus productos. A continuación se le explicara cómo llenar la información de sus productos. Código de su producto Nombre de su producto Aquí usted ira seleccionando las categorías de su producto, por ejemplo el producto RedBull estará en la categoría bebidas, sub-categoría Energizantes. Precio de su producto 6.2. AGREGAR UN ALBUM DE FOTOS AL PRODUCTO Debajo del campo moneda esta el campo de agregar álbum de fotos. Le damos clic en agregar y aparecerá una ventanita, donde seleccionaremos el álbum correspondiente al producto. 12
6.3. ESCRIBIR DESCRIPCION Y CARACTERISTICAS DEL PRODUCTO Es importa llenar resumida y clara la descripcion y las características del producto, para ello aparece un editor, con el que podra dar forma al texto de descripcion y caracteristicas. 6.4. PUNTOS A CONSIDERAR El editor de texto lo podrá ver de forma completa en el navegador mozilla firefox ya que el editor que usamos para su página web. Lo provee Firefox. Recomendamos colocar la descripción del producto de un color y las características de color negro en forma de lista. 7. BOTON BANNER Dentro del botón Banner en su administrador, vera una lista de los banner que haya creado, del mismo modo, podrá eliminarlos y editarlos, los banner son las imágenes publicitarias que aparecen en su página, en la cabecera y en la columna inferior derecha. 13
Verde: Se ve en la página Rojo: Se esconde en la página no se ve, el cambio es con un clic. 7.1. COMO AGREGO UN NUEVO BANNER A MI PÁGINA. Para crear un banner, deberá darle clic en nuevo banner, luego llenar los campos requeridos. Medidas del los banner Nombre de banner: pondrá usted un nombre del banner deseado. Banner: seleccionara el banner. Siguiente el requerimiento de tamaño que aparece en la parte derecha superior. Posición: podrá elegir la posición que tendrá ese banner en la página web, las opciones son: superior principal, superior derecha, inferior derecha. 14
7.2. POSICIONES DE LOS BANNER EN LA PÁGINA Una vez creados los banner, podrá apreciar sus cambios de la siguiente manera. Superior Principal Superior Derecha Inferior derecha 7.3. LINK DE LOS BANNER Como los banner son imágenes publicitarias, ya sea promocionando la marca de un producto, otra pagina suya, una fanpage etc. Usted podrá ponerle un enlace o link a los banner, en los campos url y destino. 15
Url: al banner seleccionado podrá ponerle una URL, una dirección de alguna pagina web Destino: podrá seleccionar cual será el destino del enlace (URL) Destino dentro de la página: el enlace (URL) se cargara dentro de su misma página web. Destino fuera de la página: el enlace (URL) se cargara en una ventana nueva. 8. BOTON CATEGORÍAS Las categorías pueden ser de tipo menú o producto, menú se refiere a la información que muestra en su página como por ejemplo las pestañas de quienes somos servicios como comprar contacto etc. Editar Eliminar 8.1. CREACIÓN DE UNA CATEGORIA TIPO MENÚ Esconder/mostrar Primeramente seleccionamos el boton siguiente ventana. y aparecerá la 16
Nombre: Colocamos en este campo el nombre de la categoría. Raíz: Las categorías de tipo Menú generalmente no tienen una raíz. Si su categoría menú la tuviera, selecciona en esta opción. Link: si desea su categoría creada puede tener un link (enlace) a otra pagina. Escribiendo la dirección URL en el campo link Destino: el link colocado para la categoría puede cargarse dentro de la página o fuera de ella como se muestra en esta sección. Tipo: seleccionamos tipo menú. 8.2. CREACION DE UNA CATEGORIA TIPO PRODUCTO Como podrá observar hay una categoría llamada productos que está escondida, dentro de ésta categoría, creamos los productos con categorías y/o subcategorías. hacemos clic productos Nos llevará al administrador de la categoría Productos aquí creará nuevas categorías de productos, de la misma forma que el punto [8.1] Con la diferencia que en vez de tipo menú colocamos tipo producto 17
Subir y bajar el orden de sus categorías, este orden se visualiza en su página web. 8.3. CREACION DE SUB-CATEGORÍAS Haciendo clic en cualquiera de las categorías tipo-productos que creamos, vamos a tener la opción de crear otra categoría. Por ejemplo si yo hago clic, en la categoría Electrodomésticos dentro puedo crear la sub-categoría Heladeras. 8.4. COMO SE VEN EN MI PAGINA LAS CATEGORÍAS? A continuación le mostrare una captura de pantalla de cómo se ven las categorías tipo producto y tipo menú en su página. Categorías tipo menú Categorías tipo producto 18
8.5. PUNTOS A CONSIDERAR La categoría productos debe permanecer siempre escondida de la página. Escondida? Por qué? no se pueden mezclar, menú con productos, el Stnetwork es una página de comercio electrónico, lo que ocupará más espacio en la web, son los productos, por tanto, Dentro de las categorías, esta la categoría productos, escondida, para que dentro de ella se creen sin límite de cantidad n productos de su empresa. Si usted cambió por error esta parte del menú, y habilito esta opción. Y tuviera algún problema por favor contactarse con soporte@marcaymercado.com 9. BOTON ENLACES Los enlaces como su nombre lo indica es un link, de otra pagina externa a la mía, puede ser el link de mi facebook, de mi twitter o de algún producto que oferto en mi página. Estos enlaces aparecen en la columna izquierda inferior. 19
Los enlaces tienen que tener una imagen referente al mismo. ENLACES 9.1. CREACION DE UN NUEVO ENLACE Seleccionamos el botón y dentro de el apareceran los campos requeridos para la creacion del enlace, la creación es similar a la de nuevo banner. 20
La imagen seleccionada debe ser: 200px de ancho y no más de 100px de alto. Enlace: Después de colocar el nombre del enlace, en el campo siguiente deberá pegar la URL que será una dirección como ésta: http://www.facebook.com/pages/ebay-bolivia/431194480287049?ref=hl El enlace puede cargarse dentro de la página o fuera de la página. Recomendamos para esto, que el enlace tenga un destino fuera de la página ya que es molesto a veces perder la página que estamos navegando para que se cargue otra encima. 10. BOTÓN PÁGINAS Las páginas son las categorías tipo menú que se ven en la parte superior de su página. 21
En el ejemplo vemos que el Stnetwork tiene 5 páginas que son las más principales. Inicio Servicios Empresa Contacto Como Comprar 10.1. CREAR UNA NUEVA PÁGINA Damos clic en el botón llenar y el editor la nueva página. y vamos a ver los campos requeridos para Titulo: Insertamos un título de la página, recomendamos que sea el mismo nombre que la categoría. Subtítulo: Escribimos un subtitulo de referencia Categoría: Seleccionamos la categoría de la página, si es servicios como comprar etc. Sub-categoría: si la categoría tiene una sub-categoría la selecciona en este campo. 22
Contenido: El contenido es la información que verá el usuario de su página. 10.2. PUNTOS A CONSIDERAR Tomar en cuenta que el editor de contenido, se muestra completo en el navegador firefox. Recomendamos que el nombre de la página sea el mismo que de la categoría. Si tuviera su página en código HTML, puede introducirla dándole clic al botón fuente HTML del editor y pegar el código. Recomendamos que para escribir el contenido de la página, utilice tablas. Las cuales se pueden crear fácilmente desde el editor. No se olvide que ante cualquier consulta duda, o soporte de su página puede contactarnos a soporte@marcaymercado.com 11. GLOSARIO Administrar: se refiere a eliminar, editar añadir un modulo especifico. URL: se refiere a una direccion web. Empezando Pixel: es la unidad del color, y en lo que están medidas las imágenes y fotos. Formato: describe el tipo de dato (formato JPG, PNG etc.) JPG: formato estándar de las imágenes y fotos. PNG: formato de imágenes más pesado que el jpg, soporta transparencias y es más usado para logos e imágenes de internet. USUARIO: persona que usa su página. 23