• Quienes somos
  • Servicios
  • Productos
  • Editor
  • Contáctanos
  • Suscripciones
  • Blog
  • Programa Avanzado
  • Sign in

Iniciando 2shopp


Lets work together

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



En la base existen Elementos




Item



Un número de Elementos crean un Item




Stripe



Un grupo de Items crean un Stripe




Página



Un grupo de Stripes combinados construye una Página




Tienda



Una Página con una Galería y Carrito de compras crea una Tienda



CARACTERISTICAS



Menú





  • El botón azul de la derecha abre un menú para editar cada una de las características del stripe
  • Las secciones dentro del stripe son los ítems y si pasas sobre ellos se podrá mirar las diferentes opciones de edición
  • Las secciones en gris de la izquierda permiten abrir el menú del sitio permitiendo hacer los ajustes necesarios, manejar páginas, editar fondos, definir el tipo de letra, tamaño y mucho más




Click & Edit, Mix & Match





  • 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




Agregando Stripes





  1. Selecciona la mejor localización dentro del sitio que se este trabajando y da un click en el botón azul
  2. 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.
  3. 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
  4. 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




Managing Stripes





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



PAGINAS



Agregando una página.



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



Gestionando páginas y menus



  • Se puede navegar entre páginas y gestionarlas desde la parte superior de la barra de herramientas
  • En la izquierda de la barra de herramientas podrás encontrar un dropdown menú con el nombre de la página que actualmente estas editando
  • Para navegar a una página diferente, simplemente selecciona directamente desde el menú



Gestionando páginas y menus.



  • Podrás encontrar opciones para renombrar o duplicar en la página que se está trabajando
  • Puedes cambiar la orden de tus páginas, clonarlas o borrarlas completamente
  • Puedes también cambiar, borrar o arreglar el diseño del menú de tu sitio y agregar links


Para ajustes más específicos, seleccione los settings de la página en la parte superior derecha de la barra de herramientas



ELEMENTOS



Agregando y removiendo elementos





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á​


Agregando un stripe





  • Click en el botón azul (+) y podrás ver las diferentes secciones, podrás encontrar un menú en la izquierda con diferentes tipos de stripes para tu elección
  • En el botón de este menú, click en elementos y escoge una de las opciones de la derecha


Imágenes





  1. Para agregar una imagen, da un click en el ítem donde te gustaría agregarlo, luego selecciona agregar imagen
  2. 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 y fondos de wesite





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



Video



  • 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


Links.



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ú


Seo.



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





PUBLICANDO EL SITIO y agregando código



Publicando tu sitio





Publicar tu sitio es un proceso simple y sencillo, tienes que pasar el cursor sobre la esquina superior derecha de la barra de herramientas

  • Luego escoge una de las opciones, sea está una URL temporal para tu sitio o un dominio permanente
  • Selecciona el tipo de licencia que tu necesitas
  • Completa los detalles de pago y da click en continuar para poder conectar tu dominio y luego publicar tu sitio




Agregando código





​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


Agregando
slides



AGREGANDO
CONTACT FORM



AGREGANDO
UN BLOG



AGREGANDO
UNA GALERIA



AGREGANDO
UNA PROMOCION



AGREGANDO POPUP Y MAPAS



Agregando pop up



​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..



Editando o borrando pop up



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




Agregando un mapa a la página



  • 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