Team - 2shopp

Cada template tiene inmerso características y funcionalidades
Cada sitio está construido por stripes que incluyen ítems y elementos, todo lo que necesitas hacer es conectar los diferentes tipos de stripes y elementos que tu quieres y luego de manera simple y sencilla dar click & edit de acuerdo a tus necesidades.
Se puede agregar tantos stripes como se desee y agregar diferentes elementos para crear diseños únicos e innovadores.
Cada template está siempre listo para ser rediseñado con colores, tipos de letras, videos e imágenes de tu elección

Selecciona la mejor localización dentro del sitio que se este trabajando y da un click en el botón azul
Ahora podrás encontrar una variedad de opciones a escoger que están organizadas en diferentes galerías de acuerdo a su funcionalidad. En el menú de lado izquierdo podrás seleccionar el tipo de stripe que mejor se ajuste al diseño de tu sitio.
Una vez se de click en la sección de tu elección, podrás ver en el centro de la pantalla los diferentes diseños y templates, utiliza los botones con flechas para buscar entre todos hasta encontrar el que mejor calce a tu estilo
Una vez selecciones el template, da un click en el botón verde agregar para que el stripe se coloque en el sitio que te encuentras editando

En el lado derecho de cada stripe podrás encontrar la barra de herramientas

Presiona las flechas hacia arriba o hacia abajo para cambiar la posición del stripe en la página
Para cambiar el stripe, simplemente da click sobre el strip y escoge el icono X en rojo
Puede duplicar un stripe, solamente da click en el segundo botón desde la parte superior
Puedes customizar cada stripe dando click en el icono settings, podrás encontrar diferentes tipos de menú

Como una regla el menú permite cambiar el fondo, editar cada layout, agregar efectos y jugar con la apariencia generar del stripe, esto también permite nuevos ítems como slides y secciones de textos.

Puedes dar click en el botón Manage para fácilmente remover, duplicar y cambiar el orden de cada ítem en el stripe

Pasa el cursor sobre el botón Home ubicado en la esquina superior izquierda de la barra de herramientas y da click en agregar una nueva página.

Podrás encontrar una galería con diferentes diseños de páginas, puedes copiar una página existente, agregar una página en blanco o seleccionar una sobre los diseños disponibles
Click sobre el diseño de página escogido y dale un nombre
Selecciona agregar página, luego tú serás preguntado si deseas agregarla en el menú de sitio, escoge la opción que tú prefieras

Para agregar un nuevo elemento, click el botón gris (+) el mismo que mostrará los diferentes ítems

Esto abrirá un menú con elementos para tu elección

La selección depende del tipo de ítem que tú quieras agregar
En general, puedes agregar videos, imágenes, precios, botones, íconos, mapas y divisores; así como botones de redes sociales, áreas de texto, título y subtítulos
Simplemente da click en el tipo de elemento que tu quieres agregar
Para borrar un elemento, click sobre el mismo y un min menú se abrirá
Luego click en la X y tu elemento desaparecerá

Para agregar una imagen, da un click en el ítem donde te gustaría agregarlo, luego selecciona agregar imagen
Para remplazar una imagen, da un click sobre ella y selecciona remplazar imagen desde el menú, luego escoge una imagen desde tu librería o desde tu centro de medios

Borra imagen

Para borrar una imagen es muy fácil solo debemos dar click en el icono X en rojo
El mismo menú te permite editar la apariencia de tu imagen, agregar filtros, color, escoger opacidades

Imagen de fondo

Para agregar o remplazar la imagen del fondo del stripe, puedes dar click en el botón de settings azul ubicado en la barra de herramientas del stripe
Puede escoger una imagen de tu disco duro o agregarlo del centro de medios

Layouts

Puedes cambiar el layout de un stripe abriendo el menú de settings y dando click en la tabla de layout
Juega con las diferentes opciones y mira cual luce mejor en tu diseño

Fondo de la website

Para agregar una imagen en el fondo de la website que se está diseñando, anda al menú de estilo de la web localizado en la parte izquierda
En el botón se podrá ver las opciones de fondo de página, aquí puede cargar una imagen directamente desde tu computador o seleccionarlo desde el centro de medios

Para agregar un video da click en el botón (+) con el cual aparecerá un menú
Selecciona el ícono de video, con lo cual una ventana de video por default aparecerá
Para cambiar el video, click sobre el ícono editar video y coloca el link del video desde youtube o vimeo, asegúrate que el link aparezca como https://www.youtube.com/watch?v=5a
Una vez que hayas terminado, da click en guardar y retorna al modo editar

Textos, títulos, subtítulos

Hay 3 clases de elementos de texto, título, subtitulo y cuerpo, para editar da un click en cualquiera de ellos y un mini menú se abrirá

Para cambiar el texto, tipo de letra, color y tamaño da un click en editar

Editando el estilo del texto

Click sobre el texto que tu quieres editar, luego da un click en editar cuerpo, título, subtítulo
Al inicio podrás encontrar estas opciones
Resalta las palabras que tu quieras editar y luego un amplia gama de opciones de edición aparecerán

Puedes fácilmente agregar links a los elementos de tu página; así como textos e imágenes, para esto primero da un click en el elemento de tu elección y un menú vertical se abrirá

Si hay algún link existente, puedes dar click en editar y remover el link, luego continua con las instrucciones regulares
Da click en el ícono Link, aquí podrás ver los tipos de links que tu puedes agregar
Para agregar un link interno, click en la página, luego en la miniatura de la página que tu quieres conectar
Para agregar un link externo, click en external URL, coloca en la caja de diálogo la url que se quiere conectar
Puedes escoger también que el link se abrá en una nueva ventana, y/o en la misma página
Para conectar a una caja de luz lighbox, se puede dar click en dicha opción y luego seleccionar lo que se requiera
Para conectar un área específica de la web puedes dar click y escoger el elemento a conectar en el menú

Como regla los sitios creados por 2shopp permiten tener una gran visibilidad y una excelente reputación en los buscadores

Puedes colocar tus propias opciones SEO pasando el cursor sobre home colocado en la esquina izquierda de la parte superior de la barra de herramientas
Puedes describir tu sitio y escoger como te gustaría que aparezca en los buscadores
Ingresa el título de tu sitio, las palabras relevantes y una corta descripción de lo que trata
Puedes colocar un favicon y una imagen que aparecerá cuando tu sitio sea compartido en redes sociales
Finalmente, ingresa tus datos de identificación de Google Analytics, para monitorear la actividad de tu sitio
Cuando termines, podrás dar click en SET para guardar todos los cambios

RAW

Puedes agregar HTML, CCS y Java scripts en la página para lo cual puede dar click en el botón azul (+) con lo cual podrás encontrar un menú en la izquierda con diferentes tipos de stripes a ser escogidos
En los botones de este menú, puedes dar click en los elementos y escoger las opciones RAW o HTML de la derecha
Los elementos RAW agrega tu código al sitio completo mientras el HTML agrega a elementos específicos de la página,
A continuación podrás encontrar un stripe enteramente dedicado para agregar código
Click en el elemento stripe y selecciona edit raw
Cuando termine de editar el código, click en guardar

HTML

Si los elementos a agregar fuera en HTML
Click sobre el stripe y selecciona editar HTML
Ingres el código y luego da clik en guardar

Pasa el cursor sobre el botón home localizado en la esquina superior izquierda de la barra de herramientas y da click en agrega un Pop up.

Click en el Pop Up preset para escoger uno de los tantos estilos de pop up que aparecerán
Puedes colocar el email al cual te gustaría recibir la información de los sucriptores, también puedes agrega texto aser distribuido después de que un usuario remita sus solicitud
Puedes determinar la localización, ancho y alto del pop up
Puedes escoger las opciones de cómo el popup aparecería en la panatalla de los usuarios
Puedes escoger el layout y controlar el color del fondo
Puedes editar y agregar código raw HTML
Puedes agregar y/o editar elementos fácilmente, puedes agregar nuevos campos, botones, texto, mapa, video, etc..

Para editar o borrar popups existentes, pasa el cursor sobre el elemento y escoge una acción del menú:

Puedes cambiar el tipo de campo danod click en edit y esocogienco el nombre y tipo del campo que tu quieres
Click en el campo para poder editar la forma
Actualizar un email al cual la solicitud de registro será enviada
Agrega un mensaje de gracias que aparecerá automáticamente después que un usuario envíe la solicitud
Para cambiar el fondo del popup da click en el fondo, sobre el menú que aparecerá, click en agregar imagen para seleccionar una fotografía de una carpeta local o click en media center para escoger una de la colección existente, puedes buscar por palabra clave

Click en el ícono azul (+), selecciona agregar una nueva sección
Click sobre el mapa e identificación de la localización utilizando las flechas para así poder seleccionar los estilos favoritos
Click el ícono verde (+) para agregar un mapa a tu sitio
Clickeando el mapa aparecerá la barra de herramientas con la cual puedes editar el mapa y cambiar las opciones
Clickeando sobre editar mapa, puede cambiar el estilo del mapa y referenciar tu localización
Puedes cambiar los colores del mapa y las opciones desplegadas

Iniciando 2shopp

La plataforma tecnológica de 2shopp hace que el proceso de creación sea fácil, simple e intuitivo, cada sitio que se construya tiene 5 niveles:

Elementos

Item

Stripe

Página

Tienda

CARACTERISTICAS

Menú

Click & Edit, Mix & Match

Agregando Stripes

Managing Stripes

PAGINAS

Agregando una página.

Gestionando páginas y menus

Gestionando páginas y menus.

ELEMENTOS

Agregando y removiendo elementos

Agregando un stripe

Imágenes

Layouts y fondos de wesite

Video

Links.

Seo.

PUBLICANDO EL SITIO y agregando código

Publicando tu sitio

Agregando código

Agregando
slides

AGREGANDO
CONTACT FORM

AGREGANDO
UN BLOG

AGREGANDO
UNA GALERIA

AGREGANDO
UNA PROMOCION

AGREGANDO POPUP Y MAPAS

Agregando pop up

Editando o borrando pop up

Agregando un mapa a la página