OmbuShop Crea Tu Tienda Online

Se Viene el Cyber Monday 2017

  • Facebook
  • Twitter
  • LinkedIn
  • StumbleUpon
  • Email
  • RSS

El 30, 31 de octubre y 1 de noviembre será el Cyber Monday 2017 en Argentina, organizado por la Cámara Argentina de Comercio Electrónico (CACE).  Se trata de tres días de descuentos y financiación exclusivamente para compras por Internet. Estos días especiales propuestos por la CACE tienen por meta impulsar el e-commerce en el país.

Es una gran oportunidad, tanto para los que compran como para los que venden. Es por eso que, si vendes por internet, ¡no debes dejar pasar esta fecha clave!

 

seguridad-compras-online

Para que puedas obtener el mejor beneficio de estas fechas especiales, te damos algunos consejos prácticos.

Anuncia tus promociones

Si tu tienda online va a sumarse al Cyber Monday 2017, todos tienen que enterarse. Una forma muy efectiva de difundirlo a tus clientes es a través de un newsletter: envíales un mail contándoles sobre qué promociones ofrecerás durante estos días. Tratá de ser conciso, la idea debe quedar clara para que tus clientes entren a tu tienda en la fecha estipulada. Para saber más sobre cómo crear un newsletter, lee nuestra nota.
Coloca un banner en tu tienda online, contándole a tus visitantes sobre el Cyber Monday y los futuros descuentos.

¡Nos volvimos locos!

Hay muchos tipos de descuentos, podés ser creativo en este campo. Por nombrar algunos, tenemos el clásico porcentaje de descuento. Si ya lo ofreces en tu tienda, lo ideal sería que en el Cyber Monday superes ese valor. Que tus clientes se sorprendan al verlo.
También podés ofrecer regalos. Por ejemplo: “Durante el Cyber Monday 2017, por cada producto X que compres en nuestra tienda online te regalamos un producto Y”. Esta estrategia es interesante para dar a conocer un nuevo producto que aún no hayas lanzado o lo hayas hecho recientemente. Deberá ser algo que puedas darte el lujo de no cobrar, incluso si vendes mucho durante el Cyber Monday.

Anticipate a las confusiones

Para que el Cyber Monday no se convierta en una mala experiencia, debes estar preparado para enfrentar un mayor caudal de visitantes/compradores. Por otro lado, te recomendamos crear “Términos y condiciones del Cyber Monday 2017”. Así estarás cubierto por cualquier eventualidad, sobre todo para dejar en claro los alcances y limitaciones de las promociones.

Mantén tus ojos en la competencia

Cada vez más marcas se están sumando al Cyber Monday, por ser muy efectivo a la hora de aumentar las ventas.  Es por esto que deberás monitorear a tu competencia. Investiga si se están sumando (o no) al Cyber Monday, qué tipos de descuentos ofrecen y cómo lo comunican. Además de ingresar a sus tiendas, podés suscribirte a sus newsletters. Entérate en primera persona qué ofrecen, cómo lo comunican y cada cuánto lo envían.

Aprende de la experiencia

Cuando formes parte del Cyber Monday aprenderás mucho sobre las fechas especiales de ventas por Internet. Recomendamos que mantengas un registro de cómo le fue a tu marca durante esta acción. Esto te ayudará a evitar repetir  errores, mejorar lo que no estuvo del todo ajustado y enfocarte en lo que hiciste bien el año entrante.
Google Analytics ofrece una solución para rastrear el tráfico en tu tienda online y ver cómo se han comportado tus visitantes. Es una herramienta fácil de usar y gratis. Aprende a integrarla a tu tienda online en OmbuShop en esta nota: Tips para Gestionar la Información Analítica de tu Tienda Online.

Si todavía no tienes una tienda online, estás a tiempo de crearte una y sumarte al Cyber Monday. No te quedes afuera, con OmbuShop te llevará sólo unos minutos!

Crea tu Tienda Online

Cómo agregar un slider o carrusel en tu tienda

  • Facebook
  • Twitter
  • LinkedIn
  • StumbleUpon
  • Email
  • RSS

Ya hemos mencionado la importancia de crear una imagen de marca, generar contenido y mostrarle a tus clientes tu producto de diferentes maneras. En este artículo te contaremos cómo agregar un carrusel o slider a tu tienda, con imágenes de la temporada o de promociones. Es super simple y puede agregar dinamismo al diseño.
Por ejemplo, el Slider de Pitocatalán ayuda a ver de forma rápida el estilo de sus productos.

 

Prepara las imágenes para tu slider

Te recomendamos usar una medida standard de 960px de ancho por 400px o más de alto. A continuación, tendrás que subir las imágenes en la sección de Archivos Extras en Diseño > Personalizar que se encuentra al final de la página. Por cada imagen que subas, el sistema creará una URL de la imagen. Recuerda copiar estas URLs, ya que luego habrá que usarlas en el armado del slider.

files

url

 

Agregar el plugin de BxSlider

Para crear el carrusel, usaremos BxSlider. Ahora debes agregar el plugin a tu tienda. En Diseño> Personalizar, editarás el archivo theme.liquid.

theme

 

Este es el código que debes agregar, con el cual le darás estilo y funcionamiento a tu slider:

See the Pen BXslider by ignacio (@ignacio_bertotti) on CodePen.0

screen-shot-2016-12-02-at-1-35-31-pm

Si prefieres que el slider corra las fotos de forma automática, puedes utilizar este código en lugar del anterior:

See the Pen LbMLMW by ignacio (@ignacio_bertotti) on CodePen.dark

Luego, tienes que hacer clic en ‘Guardar y volver’

Creando el carrusel

Sólo resta crear el slider en una página de tu tienda. Si quieres agregarlo a alguna página ya creada, debes ir a la configuración de la página.
Si quieres crear una página nueva, debes ir a ‘Páginas’ y hacer clic en ‘Página nueva’. Allí debes agregar el título de la página y, dentro del editor de texto del contenido, hacer clic en ‘HTML’.
html

 

En esta pantalla, hay que ingresar el siguiente código. Y por cada elemento de la lista, agregarás la url de la imagen:

See the Pen xRpezP by ignacio (@ignacio_bertotti) on CodePen.dark

Para que funcione correctamente, la url y el nombre de la imagen siempre deben ir entre “”. Debe quedar así:

slider

Por cada imagen que se quiera agregar al slider, debe existir una línea de código de este tipom, tal como se ve en la imagen:

See the Pen yVprxJ by ignacio (@ignacio_bertotti) on CodePen.dark

Luego de armar el código, haz clic en ‘Update’ y en ‘Crear Página’. Una vez creada, ingresa en tu tienda desde el botón “Ver tienda”. ¡Ya deberías poder ver el carrusel en la página que elegiste!

 

Cómo agregar un Favicon a tu tienda online

  • Facebook
  • Twitter
  • LinkedIn
  • StumbleUpon
  • Email
  • RSS

En todas las tiendas de OmbuShop es posible editar el diseño desde el panel de administración. En este caso explicaremos cómo agregar un favicon, o ícono de favoritos, para otorgarle más personalidad a tu tienda.

Crear favicon

Si no cuentas con el ícono de antemano, puedes crearlo a partir de alguna imagen que tengas. Para esto existen diversos servicios, uno de ellos es Favicon-Generator.
Si utilizas este servicio, luego de elegir la imagen desde tu computadora, deberás elegir la opción “ Apps” y hacer click en “Create Favicon”. Luego podrás descargar el archivo con el ícono en distintos tamaños y formatos.

Agregar favicon a la tienda

Una vez que cuentes con el ícono en tu computadora, debes ingresar en la tienda, dirigirte a la sección “Diseño” e ir a “Personalizar“. Al final de la página, en la sección “Archivos extra”,  podrás subir el ícono desde tu computadora:

Si creaste el ícono con Favicon-Generator, debes elegir el archivo con nombre “favicon-16×16” con extensión “.png”. Cuando subas el archivo, podrás ver que a la derecha del mismo el sistema habrá creado una URL. Esta dirección remite al archivo que fué cargado en el servidor de OmbuShop. Es importante copiar esta dirección, ya que la utilizarás en el próximo paso.

screen-shot-2016-11-25-at-11-00-11-am

 

Por último, deberás ingresar en el archivo theme.liquid

y agregar la siguiente línea de código en la parte superior del archivo, a continuación de “<head>”, con la salvedad de que donde dice “/favicon-16×16.png” debe ir la dirección del ícono, que copiaste en el paso anterior.

<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">

Recordá agregar la dirección entre comillas (“”). Debería quedar así:

screen-shot-2016-11-25-at-11-13-30-am

Por último hay que hacer click en “Guardar y volver” y ¡Listo! Si ingresas en tu tienda, ya deberías poder ver el Favicon en la pestaña del navegador.

Cómo agregar imágenes a las páginas de tu tienda

  • Facebook
  • Twitter
  • LinkedIn
  • StumbleUpon
  • Email
  • RSS

En muchos casos es importante contar con banners o imágenes en las páginas de inicio o institucionales para mostrar un estilo o identidad de marca. En este post te mostraremos cómo agregarlas en pocos pasos.

 

Subir las imagenes a la tienda

El primer paso es subir las imágenes a la tienda, para guardarlas en nuestro servidor y que luego sea posible mostrarlas en la página que más te guste. Para esto, tienes que ingresar en tu Panel de Administración y dirigirte a la sección “Diseño” -> “Personalizar”. Al final de la página, encontrarás una sección llamada “Archivos Extra” donde podrás seleccionar las imágen desde tu computadora y subirlas a la tienda.

screen-shot-2016-10-28-at-11-24-15-am

Una vez que hayas subido las imágenes a la tienda, verás, para cada una, el nombre del archivo a la izquierda y la dirección o link a la derecha. Copia la dirección de la imagen deseada para luego poder agregarla en la página.

Insertar las imagenes en la página deseada

Para agregar una de las imágenes a la página, ingresaa en el menú “Páginas” y clickea en “Editar” sobre la página a la que quieres agregar la imagen. Esto abrirá el menú de edición de página. Hay que dirigirse al recuadro de contenido y hacer click en el botón “HTML” que aparece en el editor de texto.

screen-shot-2016-10-28-at-2-48-43-pm

Dentro del recuadro que aparece hay que pegar el siguiente código, teniendo en cuenta agregar, entre comillas, el link de la imagen que habíamos copiado antes:

See the Pen link imagen by ignacio (@ignacio_bertotti) on CodePen.dark

Por último hacemos click en “Update” y guardamos los cambios con “Guardar y volver”.
Si quieres agregar más imágenes, puedes repetir los mismos pasos.

¡Listo! ya deberías poder ver la imagen en la página de la tienda 😀

Cómo agregar un formulario de log-in para tus clientes mayoristas

  • Facebook
  • Twitter
  • LinkedIn
  • StumbleUpon
  • Email
  • RSS

Ya tienes dados de alta tus clientes mayoristas en tu tienda, es momento de agregar un formulario de log-in para que inicien sesión desde tu tienda.

Dentro del panel de administración de tu tienda, ingresaremos en a la pestaña “Diseño”, y luego a “Personalizar”. Allí estarán los archivos de HTML y CSS de la tienda. En este caso, debemos agregar el formulario dentro del archivo “theme.liquid”, por lo que haremos click en “editar” sobre este archivo.
Podemos agregar el formulario en cualquier sector dentro del archivo, pero recomendamos que sea justo antes de la línea que contiene ul id="navigation_bar" para que quede por encima de los botones de navegación de la página.

Una vez que hayas elegido el sitio donde colocarlo, puedes copiar y pegar este código allí:

 See the Pen EHmfD by Mauro Otonelli on CodePen. 0

Es importante tener en cuenta que si se modifica la plantilla de diseño, los cambios que se hayan hecho a los archivos se perderáb, por lo que es recomendable elegir la plantilla de diseño antes de hacer estas modificaciones.

Recuerda que puedes modificar el estilo del formulario, en consonancia con el diseño de la tienda, desde las hojas de estilo CSS.

Una vez agregado el código al archivo “theme.liquid”, solo queda guardar y podrás ver el formulario en la tienda!