TV4. Administrador de Tienda virtual e-Proscai

Es muy sencillo personalizar la tienda virtual de Proscai referente a los aspectos gráficos: anuncios, imágenes y colores. Esta personalización es adicional a la configuración que se realiza en la base de datos de Proscai y permite agregar la vista que desee a su tienda virtual.

1. Ingrese a su portal de tienda virtual.

2. Registre el código de usuario y clave, este usuario fue dado de alta previamente en Proscai. (Si tiene dudas consulte el punto 9 del tema TV3. Configuración en Proscai de Tienda virtual e-Proscai). 

mceclip4.png

En la página principal de la administración de tienda, encontrará 11 pestañas en la parte superior que le guiarán en la personalización de la parte gráfica de su tienda, de forma muy rápida y sencilla.

d800f87d-2c7a-4132-af8d-8892fe7d6c82.png

1 General Permite asignar los colores de fondo y textos; etiquetas, enlaces, tipografía, etc.

2 Header Permite cargar las imágenes de logotipo, icono y un anuncio promocional (imagen) que aparece en la parte superior.

3 Footer Permite agregar un anuncio publicitario (imagen), así como editar y enlazar las opciones de información.

4 Página principal Permite cargar imágenes (Tetrix) para PC, tableta y celular; el conjunto de imágenes (slideshow) de la página principal; las imágenes para logos de marcas y un anuncio publicitario y video.

5 Crear páginas Permite crear o insertar páginas HTML adicionales que complementan la información del footer.

6 Crear Tetrix Permite el acomodo de las imágenes que aparecen en la página principal, adicionales a los sliders.

7 Sliders Imágenes que aparecen lateralmente en el detalle de un producto y pueden ser enlazados a otras secciones.

8 Template Correos Permite importar los templates de correo generados por otras aplicaciones (ejemplo Mailchimp) para notificar vía correo electrónico a sus clientes.

9 Envíos Permite crear y editar el mensaje que verán los clientes en el proceso de pago y envío, ofreciendo información al respecto. Permite configurar costos.

10 Validar productos Valida el estatus de los productos publicados, indicando si hay algún error en precio, descripción, etc.

11 Scripts Permite pegar los scripts de Google Analitics y AdWords.

Será necesario guardar los cambios que vaya realizando en la aplicación.

fb3b6b26-3c13-4ed0-bc87-4fcc135f9a09.png

 

Pestaña General

Desde esta sección se configuran los colores de fondo y texto en general y las etiquetas de los productos. También se definen algunos textos del encabezado y de las etiquetas de los productos, así como su posición.

La primera parte permite configurar el encabezado de la página: color de fondo, de texto y de los enlaces (1); del menú superior puede agregar color al fondo y a los enlaces, así como registrar el texto de las pestañas para Suscribirse, Iniciar sesión y Registrarse, etc. (2). También podrá asignar color al contador de productos (3).

La asignación de color puede hacerla por código hexadecimal o directamente de la paleta de colores.

a0309701-0de9-498f-8354-190032e3e06c.png

Estos colores se verán reflejados de forma inmediata en la tienda virtual, una vez que refresque la pantalla.

7a55e400-fdce-4faf-b8d0-8b8425952611.png

Otra característica que permite esta sección (adicional a asignar el color), corresponde al Envío y a las Etiquetas de estatus de producto.

94deb0fc-8bd3-4948-9356-f2e0705875fc.png

En el caso del Envío, permite decidir si se muestra el mensaje de envío gratis en el carrito de compras (debe cubrir el monto estipulado que se registre previamente en parámetro especial.)

f9ffc31d-44d4-409a-b2cb-cfd5ad065a01.png

En el caso de las etiquetas, adicional al color que asigne, existen otros valores que también puede controlar.

mceclip5.png

No olvides guardar los cambios para que se vean reflejadas las modificaciones.

 

Header

Desde esta sección se agregan las imágenes del logotipo de la empresa/marca, el icono que aparecerá en la pestaña del explorador y el anuncio promocional que encabeza la tienda virtual (este último, opcional).

5fe2bfb9-8f5f-4ba4-9f54-8d4b8322c1a8.png

En el caso del logotipo, el tamaño será de 290 x 105 px y el formato *.JPG o *.PNG

En el caso del icono, este deberá estar en formato *.ICO

El anuncio promocional podrá ser de formato *.GIF, *.JPG o *.PNG. Si ya no deseas presentar anuncio promocional, se elimina simplemente el archivo.

 

Footer

Desde esta sección se puede agregar un anuncio (1), que típicamente podría servirle para anunciar sus formas de pago, y también le permite editar los títulos de las secciones informativas de la parte baja de la tienda virtual (2). Recuerde que el color se asigna desde la pestaña General.

500dc7a8-a0bb-43a7-a38e-448dbecae3fc.png

 

Página Principal

Esta sección se divide en 5 partes.

88611f65-fbc9-461d-b750-41f149b3e9bd.png

 

Página Principal – Tetrix de imágenes

1.      Tetrix de imágenes: Permite cargar las imágenes que aparecerán en la pantalla principal de su tienda.

Considerando los diversos medios por los cuales se puede acceder a una tienda virtual, esta aplicación permite diferenciar las entradas de acuerdo a los dispositivos: PC, Tableta y celular, los cuales se ajustarán de forma responsiva según el medio utilizado.

a0fedad3-5353-4b4d-b10a-55a96a0de8ab.png

Estos rompecabezas de imágenes pueden ser diferentes en imágenes y/o acomodo, según la imagen que desee presentar en cada dispositivo.

a08ed02f-6835-4c1b-a1f6-e67746163b6e.png

 

Página Principal – Slideshow

2.      Slideshow: Permite cargar imágenes para que se muestren en la página principal de la tienda, permitiendo agregarles un enlace URL y un texto.

a39c809c-1f98-4454-a488-a6c514760321.png

 

Página Principal – Grid de imágenes

3.      Grid de imágenes: Permite agregar diversas imágenes que muestran algunas características, como logotipos de marcas, o identificadores de secciones o de colecciones, etc. así como registrar un enlace URL y una descripción.

2804bde7-0cc0-41da-840a-1b40ff54e478.png

Si deseas que aparezca esta sección, es necesario activarla.

 

Página Principal – Anuncio publicitario

4.      Anuncio publicitario: Esta pestaña permite agregar los anuncios promocionales para la página de inicio, en su parte superior. Este anuncio se muestra debajo del header.

edc5659d-cc9c-4c8b-b3b7-9e5831e5b20f.png

 

Crear páginas

Permite crear páginas HTML para armar la sección de información del footer.

6d8ee3d5-cfee-4d1b-b4db-02269c73fdf2.png

 

Crear Tetrix

Permite agregar hipervínculos a las imágenes que colocó en la pestaña Página principal /Tetrix de imágenes y direccionarlos a donde desee, a través de una URL: alguna sección, producto e incluso una página externa.

e6f6fd54-fda9-4bb9-81cd-1b8b61963316.png

Recuerde, las imágenes se cargan y acomodan desde la pestaña Página principal /Tetrix de imágenes.

 

Sliders

A través de esta pestaña se agregan los slider que aparecen de forma aleatoria en el detalle de los productos según la familia asignada, también se puede agregar un enlace URL y un texto.

c420d0bd-cc99-4574-b009-e51dcde67611.png

Puedes indicar el número de imágenes por página e indicar si serán o no visibles.

 

Mensaje envío

Texto informativo para los clientes. Referente al proceso de pago y envío.

08c3aeab-98f8-4a71-b8f1-366e422e8b40.png

 

Validar productos

Valida en conjunto el estatus de los productos publicados indicando si hay algún error en precio, descripción, etc., para proceder a su revisión y corrección.

45e73b6c-e992-415e-86f3-941046881495.png

 

Scripts

Permite agregar los scripts de Google Analitics y AdWords.

b7fc9972-9ea8-4343-98a1-cc07445895c2.png

NOTA: Para conocer sobre los alcances y beneficios de estas herramientas (Google Analitics y AdWords), diríjase a Google.

 

A continuación se describe el detalle de las imágenes que se requieren para alimentar la visualización gráfica de su tienda virtual.

Se sugiere crear en su equipo una serie de carpetas que le permitan administrar sus imágenes de forma ordenada y facilitar su búsqueda al momento de utilizar el Administrador de tienda virtual Proscai.

 

Archivos de imágenes requeridas

Imágenes Header

Logotipo: Logotipo de su empresa en formato *.jpg o *.png. Tamaño máximo: 290 x 105 pixeles.

95943cc0-9cac-4b8c-a492-eb334907399c.png

Icono: Imagen en formato .ico

5d21b467-391d-4877-91ed-f70bc4010d10.png

Anuncio promocional: Anuncio que aparece en la parte superior de la tienda, en formato *.GIF, *.JPG o *.PNG

7800da34-cb4c-47f3-9716-2b1d31c11e75.png

 

Imágenes Footer

Anuncio publicitario: Imagen que aparece en la parte inferior de la tienda, en formato *.GIF, *.JPG o *.PNG

510de6de-69d5-448b-98e9-2535d7b1cc1d.png

 

Página principal

Tetrix de imágenes: Colección de imágenes que aparecen en el cuerpo de la ventana y pueden ser direccionadas (a páginas especiales, promociones, secciones o productos).

Permite conformar 3 tetrix para que sean visualizados por diferentes dispositivos (pc/lap, tableta y celular) Todas las imágenes deben estar en formato *.jpg o *.png.

Tetrix para PC:

  • ANCHO máximo=1139px y mínimo=50px
  • ALTO máximo=sin límite y mínimo=10px

Tetrix para Tableta:

  • ANCHO máximo=710px y mínimo=50px
  • ALTO máximo=sin límite y mínimo=10px

Tetrix para Celular:

  • ANCHO máximo=380px y mínimo=50px
  • ALTO máximo=sin límite y mínimo=10px

4085c5c3-4b69-4f52-8493-5e4adeb703ce.png

 

Slideshow: Conjunto de imágenes que se agregan a la ventana principal en formato *.JPG y pueden ser hipervinculadas a otras secciones, productos, etc.

050314bc-8b29-4ada-991a-e9d1b6f58344.png

 

Grid de imágenes: Una opción para esta sección es agregar logotipos de marcas, en formato *.GIF, *.JPG o *.PNG Estas imágenes pueden ser enlazadas y mostrar texto al pasar sobre ellas.

29bbc7b1-6d3c-40de-a8f0-8f7dc462f570.png

 

Anuncio publicitario: Anuncio que aparece en la página de inicio, en formato *.GIF, *.JPG o *.PNG

6af7760c-3ed5-426b-b28e-25cdcb294d63.png

 

Slider

Slider Conjunto de imágenes que aparecerán de forma aleatoria cuando está viendo un producto; si hace clic sobre la imagen lo direccionará a la sección que le haya registrado. Formato *.GIF, *.JPG o *.PNG

cfcab3d8-4cdd-423f-9cc1-f94e10b585a9.png

 

 

¿Fue útil este artículo?
Usuarios a los que les pareció útil: 0 de 1

Comentarios

0 comentarios

Inicie sesión para dejar un comentario.