OmbuShop Crea Tu Tienda Online

Artículos para el mes: enero, 2016

Cómo hacer que los clientes ocasionales vuelvan a tu tienda

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

Ya pasaron las ventas del Black Friday y Navidad. Seguramente en estas fechas habrás vendido tus productos o brindado tus servicios a nuevos compradores de ocasión. Ahora te preguntarás sobre cómo hacer para que estos nuevos clientes vuelvan a comprar tus productos. Porque nada mejor que convertir clientes ocasionales en habituales, de tal manera que tus ventas puedan incrementarse mes a mes. Así, no dependerás de fechas clave para  aumentar  tus ventas y lograr mantener o incrementar el nivel de tu negocio a lo largo del año.

MIERCOLES

Aquí te daremos algunas sugerencias para que tus clientes ocasionales se conviertan en habituales:

Utiliza el correo electrónico

Envía un newsletter de bienvenida a cada uno de tus nuevos clientes contándoles acerca de la historia de tu marca y acerca de tus productos para poder  captar su atención. Es muy probable que tu cliente, aún estando muy satisfecho con lo que adquirió, se olvide y pierda contacto con tu marca luego de esa única compra navideña o de Black Friday.

Estos mails podrían ser un buen recordatorio para que el cliente tenga presente tu marca. Trata de no enviarlo ni bien se hizo efectiva la compra, sino pasados uno o dos días. Una vez hecho este primer contacto vía mail, es bueno que continúes esa relación enviándole periódicamente mails en donde le informes acerca de todas las novedades de tu marca, tales como nuevos productos, descuentos y promociones. Lo ideal es que estos mails sean personalizados y se adapten al perfil de compra de cada cliente.

Muchas veces vale la pena el esfuerzo, pero eso depende también del volumen y tipo de productos que vendas. Si lo deseas, pon material didáctico en tus correos acerca de temas relacionados al nicho de mercado al que corresponden los productos que vendes. Por ejemplo, si vendes productos de cosmética puedes incluir alguna nota  acerca de cuidados que debe recibir la piel en el verano. O si vendes tablas y artículos para hacer surf puedes enviar videos de surfers montando olas o compartir anécdotas e historias relacionadas.

Puedes aprender  a enviar un newsletter en sólo 3 pasos en nuestra nota de blog.

¡Sorprende a tu cliente!

¿Cómo hacer para que tu marca sobresalga entre tantas otras? Simple. Trata siempre de superar las expectativas de tu cliente. Te damos algunas recomendaciones:

a- Haz que tu correo de bienvenida a tu cliente ocasional sea especial. Trata de que sea un mensaje personal y significativo. Puedes mandar una foto de una carta de agradecimiento o desearle que le gusten tus productos. Toma tu tiempo para hacerlo lo más personal posible. No olvides que la diferencia muchas veces está en los detalles.

b- Ofrece descuentos, cupones o tarjetas de regalo. Una forma fácil de que la gente regrese a tu tienda es a través de promociones y descuentos. ¡Estas ofertas siempre tientan a los clientes!

c- ¡Adelántate a tu cliente! No esperes a que tu cliente venga con inquietudes y preguntas. Interésate por él, ofrécele tu ayuda y consúltale acerca de su experiencia con tus productos. Ser proactivo en lugar de reactivo puede ser la diferencia entre perder o no un cliente.

d- Envía mensajes a tus clientes por las redes sociales. Por ejemplo, un buen plan sería pedir a tus clientes que suban una foto con el producto que compraron, con un hashtag propuesto por la marca

Apuesta por el retargeting

Pon en marcha una estrategia de retargeting de Facebook en tu tienda online. Así, todos los clientes que alguna vez han realizado una compra en tu tienda online, seguirán en contacto con tu marca y sus novedades a través de ads o anuncios.
Compartimos una guía para aprender cómo hacer acciones de retargeting en Facebook. Puedes leerla aquí.

No dejes de poner en práctica estos consejos, ¡no pierdas la oportunidad de sumar más clientes a tu tienda online!

Si aún no tienes una Tienda OmbuShop, recuerda que puedes registrarte y probar nuestro servicio 15 días gratis.

Crea tu Tienda Online

Animaciones CSS3

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

El uso de animaciones CSS3 no es una novedad. Sin embargo, es una herramienta indispensable para ampliar las barreras del diseño estático y realizar propuestas más dinámicas para tus clientes o cualquier proyecto de diseño web.
En este post, vamos a repasar las reglas generales y algunos ejemplos. Para empezar, sólo es necesario tener algunos conocimientos básicos de HTML y CSS.

Animaciones CSS3

Las animaciones nos permiten modificar el estilo de algunos elementos de HTML a través de transiciones en una duración determinada. Estas transiciones se definen por medio de keyframes y las propiedades de la animación asignadas al elemento.

Keyframes

En la propiedad @keyframes se define el nombre de la animación junto a las transiciones de la misma. En este ejemplo, hay 3 momentos para la animación color y están afectando la propiedad background-color del elemento div.

Propiedades de la animación

Para animar un elemento, se utiliza la propiedad animation, la cual tiene estas subpropiedades:

  • animation-name: nombre de la animación.
  • animation-duration: duración de la animación en segundos o milisegundos.
  • animation-timing-function: define la curva de velocidad de la animación. Esta subpropiedad cuenta con diferentes opciones:
    • linear: mantiene la misma velocidad a los largo de toda la animación
    • ease:tiene un comienzo lento, luego la velocidad aumenta y vuelve a ser lenta hacia el final
    • ease-in:tiene un comienzo lento y luego mantiene la velocidad.
    • ease-out:mantiene la misma velocidad y luego es lenta hacia el final
    • ease-in-out:el comienzo y el final de la animación son lentos
    • cubic-bezier: la velocidad se define a partir de la función cúbica de Bezier. Acepta cuatro valores entre 0 y 1.
  • animation-delay: es el tiempo de retraso para comenzar la animación. Se define en segundos o milisegundos.
  • animation-iteration-count: es la cantidad de veces en que se repite una animación. También se puede utilizar infinite.
  • animation-direction: es la dirección de la animación. Puede ser linear, reverse, alternate-reverse

En el siguiente ejemplo se puede observar cómo un mismo elemento varía su animación según su animation-timing-function:


 

La propiedad transform

Para crear transiciones de espacio en una animación, se utiliza la propiedad transform. De esta manera se puede rotar, trasladar, escalar o sesgar un elemento. Para más información sobre su sintáxis y uso, recomiendo leer esta guía.

Sobre el soporte y uso de animaciones

Las animaciones CSS3 tienen soporte en la mayoría de los navegadores en sus últimas versiones. Aún así, te recomiendo que utilices los prefijos estandarizados de WebKit.

Screenshot 2016-01-14 10.51.46

No hay límites sobre el uso de animaciones, pero el uso excesivo en todo el sitio o varias animaciones con loop infinito pueden generar problemas de rendimiento. Te recomiendo que antes de comenzar a animar, evalúes qué elementos necesitan ser animados, por qué y cómo van a mejorar la interacción con el usuario para proponer una nueva experiencia.

Otros Artículos

Para profundizar en el tema, recomiendo leer estos artículos. Algunos son más técnicos que otros, pero sin dudas te ayudarán a mejorar tus habilidades con las animaciones CSS3: