Cómo Adaptar una Tienda Online para Dispositivos Móviles

Categorias: Tienda Online

Cómo Adaptar una Tienda Online para Dispositivos Móviles

Hoy en día es muy raro encontrar a una persona que no disponga de un teléfono móvil. La mayoría de los móviles ya son smartphones con amplias pantallas, procesadores potentes y capacidades de memoria y almacenamiento realmente increíbles.

A medida que esto ocurre, los usuarios usan los dispositivos móviles en su día a día, relegando el ordenador clásico de escritorio a un segundo plano o para realizar tareas específicas.

Tiene todo el sentido del mundo. Para que sentarse en un escritorio, encender un enorme ordenador y esperar a que arranque para leer las noticias del día, si podemos hacer lo mismo desde ese pequeño dispositivo que tenemos en el bolsillo en cualquier lugar y de una forma más rápida.

En comercio electrónico ocurre lo mismo. Es muy habitual que los usuarios usen un dispositivo móvil para buscar y comprar los productos que quieran o necesiten,

Las últimas cifras estadísticas, dan más de un 40% de número de usuarios que abandonan una tienda online si no está adaptada a su dispositivo móvil.

Eso significa una tasa de rebote del 40% y todo parece indicar que seguirá aumentando. No es viable para la mayoría de los comercios online perder tal cantidad de posibles clientes.

Así que cuando antes se revise si la tienda online está adaptada para dispositivos móviles, antes se dejará de perder posibles clientes y dinero.

Vamos a revisar algunos tips que pueden ir muy bien a cualquier comercio online. Quizás ya se estén aplicando, pero nunca está de más realizar una comprobación para asegurarse que la tienda online está optimizada y adaptada para dispositivos móviles.
 

Adaptar en Diseño de la Tienda Online a Dispositivos Móviles

Adaptar en Diseño de la Tienda Online a Dispositivos Móviles

Si nuestra plataforma de venta online se gestiona a través de un gestor de contenidos popular, como pueden ser WooCommerce o PrestaShop, la mayoría de tehems o plantillas, estarán diseñadas para que se adapten a los distintos tamaños de pantalla, conocido como diseño responsive.

Esto está muy bien, pero no significa que todo el trabajo ya esté hecho. Lo mejor que se puede hacer para comprobar que todo se adapte bien a un teléfono móvil es, evidentemente, comprobarlo con un teléfono móvil.

Vamos a ver en qué tenemos que fijarnos para conseguir que el cliente que visite una tienda online con su móvil, no deseche nuestra opción.

Página de Inicio de la Tienda Online

Ya hemos mencionado que la mayoría de los diseños serán responsives. Esto adaptará el tamaño de la página principal de la tienda al ancho del la pantalla del dispositivo y extenderá el contenido hacia abajo todo lo necesario.

Hasta aquí todo bien, pero si tenemos una página de inicio de la tienda cargada de contenido, con toda la información que se nos ocurra relevante, módulos, listados enormes de ofertas, etc… conseguiremos una sensación de scroll infinito para el visitante.

Es muy cómodo empujar la pantalla hacia arriba o abajo con un dedo para desplazarse por ella, pero si hay que hacerlo repetidas veces se desvirtúa la información y suele ser contraproducente para el usuario.

La página de inicio de una tienda online, suele ser el la primera toma de contacto entre el usuario y la tienda.

Lo que puede quedar perfecto en una pantalla de ordenador, puede ser algo muy poco atractivo en una pantalla pequeña.

Hay elementos de la página de inicio que se adaptan muy bien en dispositivos móviles, pero otros no. Un rápido vistazo desde un móvil puede dar una idea global de lo que es correcto o no. En otras ocasiones deberemos realizar modificaciones.

Por ejemplo, en las páginas de inicio de los eCommerce, se suelen añadir los productos ofertados, o los productos más populares.

Esto está muy bien, pero quizás sea mejor limitar esta lista a unos pocos productos y añadir un enlace a otra página con todos los que queremos mostrar. Así reduciremos el tamaño de la página principal.

Esto es solamente un ejemplo, pero por lo general se deberá limitar la página principal a los elementos básicos, intentando buscar un equilibrio entre los dispositivos móviles y las pantallas de ordenador.

Recordemos que las cifras dan un 40% de rebote si el sitio no está adaptado a dispositivos móviles… y subiendo.

Páginas de Productos de la Tienda Online

Otro factor muy importante a revisar en una tienda online son las páginas de productos.

Cualquier usuario que utilice su teléfono móvil de manera habitual para entrar en tiendas online, posiblemente se habrá encontrado en algún momento con un auténticos desastres en las páginas de productos.

Imágenes que no cargan o no se pueden ampliar, textos que tapan parte de otros elementos de la página, scrolls interminables, botones demasiados pequeños para poder hacer tap con el dedo de una forma coherente y un largo etcétera…

Todo esto se puede revisar y mejorar. Hay que revisar distintos productos, para comprobar que todas las opciones se ven de manera correcta bajo distintas condiciones y pantallas.

Lo que se debe buscar es que el producto sea perfectamente visible para el usuario, incluidas las distintas imágenes del mismo y que se puedan arrastrar con el dedo para no tener que cerrar y abrir ventanas.

La descripción del artículo suele ser un handicap, ya que se suele querer añadir cualquier pequeño detalle del producto para que la compra finalice, pero en móviles no es una buena idea.

Existen opciones. Se pueden usar pestañas dentro de la descripción del producto, en la principal con una descripción escueta del producto, en la que se puede echar un vistazo rápido y en las siguientes una información más detallada que el cliente verá sólo si pulsa en la pestaña de más info aquí, por ejemplo.

Los menús de la tienda online deben ser visibles y coherentes con el tamaño de un dispositivo móvil.

Tiene que proporcionar acceso a las distintas páginas de productos o categoría, sin tener que pasar por varias páginas para llegar al sitio deseado.

Recordemos que unos pocos click de ratón pueden no importar, pero no es la misma situación cuando hablamos de dispositivos móviles.

Una cosa más, muchos usuarios usas las búsquedas para llegar a la página del producto que quieren. No hay nada más frustrante que intentar hacer tap en una caja de búsqueda y que sea prácticamente imposible por ser incomprensiblemente pequeña para la pantalla de un teléfono móvil.

Página de Pago de una Tienda Online

Optimizar Página de Pago de una Tienda Online

Cuando un cliente se encuentra ante la página de venta de una tienda online, está prácticamente convencido de realizar la compra.

Sería una pena que, por no cuidar este último paso, se perdiera la venta y al cliente.

Es posible que el diseñador de la tienda online haya cuidado hasta el más pequeño detalle de la página de pago para facilitar al máximo el proceso, pero quizás no lo haya estudiado tanto en dispositivos móviles.

Hay que revisar muy bien el proceso de pago desde dispositivos móviles para comprobar que no existe el más mínimo impedimento a la hora de realizar el pago desde un teléfono o cualquier otro dispositivo móvil.

Una vez más, hay que intentar encontrar el equilibrio entre la pantalla del ordenador y el dispositivo móvil.

Si existen dudas, en el programa de estadísticas que se use habitualmente se deberían encontrar los porcentajes de visitantes desde dispositivos móviles y los de ordenador.

Así se podrá comprobar hacia donde dirigir el diseño del comercio online, al fin de al cabo, los clientes son los que mandan.

Hosting para una Tienda Online

En Hostinet, hemos preparado unos planes de alojamiento web especializados en tiendas online.

Hemos elegido las dos plataformas más populares, WooCommerce y PrestaShop, y hemos creado planes específicos para cada uno de estos gestores de contenidos.

Los planes de hosting está especialmente optimizados para cada plataforma, pero cuentan con elementos en común, como por ejemplo:

  • – Soporte Técnico Espacializado
  • – Panel de Control cPanel
  • – Certificado SSL Gratuito
  • – Hosting SSD
  • – Instalador Automático
  • – Migración Gratuita desde otro Alojamiento

Hosting WooCommerce SSD

  • Hosting especializado en Woocommerce con discos SSDWooCommerce 1desde5´54€ / mes
  • Hosting especializado en Woocommerce con discos SSDWooCommerce 2desde8´34€ / mes
  • Hosting especializado en Woocommerce con discos SSDWooCommerce Cloud 1desde10´21€ / mes
  • Hosting especializado en Woocommerce con discos SSDWooCommerce Cloud 2desde11´67€ / mes
  • Hosting especializado en Woocommerce con discos SSDWooCommerce 1desde5´54€/mes
  • Hosting especializado en Woocommerce con discos SSDWooCommerce 2desde8´34€/mes
  • Hosting especializado en Woocommerce con discos SSDWooCommerce Cloud 1desde10´21€/mes
  • Hosting especializado en Woocommerce con discos SSDWooCommerce Cloud 2desde11´67€/mes
    • Almacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSD
    • El espacio en disco es la suma del espacio que ocupan los archivos que forman la web y el correo electrónico.
    • La transferencia de datos mensual es la cantidad total de información que se descargan los visitantes de nuestra web en cada acceso más nuestro uso a través de FTP y correo.
    • Ideado para sacar el máximo partido a tu Woocommerce
    • Aumenta la velocidad de tu web + Info
    • Cada dominio alojado muestra un contenido único y diferente del resto
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web
    • Elige la versión de PHP que necesites
    • Certificado SSL autofirmadoCertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUI
    • Migramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a Hostinet
    • Ideado para sacar el máximo partido a tu WoocommerceIdeado para sacar el máximo partido a tu WoocommerceIdeado para sacar el máximo partido a tu WoocommerceIdeado para sacar el máximo partido a tu WoocommerceIdeado para sacar el máximo partido a tu Woocommerce
    • Instala de manera automatica tu Woocommerce en el momento de la contratacion.
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web
    • Cada dominio alojado muestra un contenido único y diferente del restoCada dominio alojado muestra un contenido único y diferente del restoCada dominio alojado muestra un contenido único y diferente del restoCada dominio alojado muestra un contenido único y diferente del restoCada dominio alojado muestra un contenido único y diferente del resto
    • Cuentas de correo gestionables a través de POP, IMAP y servicio Webmail
    • Tus buzones de correo y mails limpios de virus y con un potente filtro antispam
    • Configura tu mail en los gestores de correo mas habituales con solo 3 clicks
    • Centro de datos en Madrid (España)
    • Opcion de contratación de IP dedicadaPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUI
    • Opción de contratación de certificados SSL. Se requiere Ip dedicada.Puedes contratar tu certificado SSL por solo 14.95 € al año AQUIPuedes contratar tu certificado SSL por solo 14.95 € al año AQUIPuedes contratar tu certificado SSL por solo 14.95 € al año AQUIPuedes contratar tu certificado SSL por solo 14.95 € al año AQUI
    • Certificados SSL gratuitosCertificados SSL gratuitosCertificados SSL gratuitosCertificados SSL gratuitos
    • Bases de datos MySQL disponibles para su uso en cada alojamiento webBases de datos MySQL disponibles para su uso en cada alojamiento webBases de datos MySQL disponibles para su uso en cada alojamiento webBases de datos MySQL disponibles para su uso en cada alojamiento web
    • ¿Quieres realizar desarrollos con Python? En Hostinet innovamos dia a dia en tu beneficio y por ello te presentamos como última novedad en todos nuestros servidores Web la posibilidad de desplegar tus aplicaciones con Python directamente desde el cPanel de tu Hosting.
    • ¿Quieres desarrollar tus aplicaciones con Ruby? En Hostinet te presentamos como última novedad en todos nuestros servicios de Hosting Web la posibilidad de desplegar tus aplicaciones con Ruby on Rails directamente desde el panel de control cPanel.
    • El fichero .htaccess permite modificar diferentes variables en la configuración de nuestra cuenta de alojamiento en el servidor.
    • El módulo mod_rewrite permite crear direcciones URL alternativas a las dinámicas generadas por la programación de nuestros sitio web (blog, foro, portal…), de tal modo que sean más legibles y fáciles de recordar
    • Completa recopilación de tutoriales sobre Hosting, Dominios y WoocommerceCompleta recopilación de tutoriales sobre Hosting, Dominios y WoocommerceCompleta recopilación de tutoriales sobre Hosting, Dominios y WoocommerceCompleta recopilación de tutoriales sobre Hosting, Dominios y Woocommerce
    • Precio para nuevas contratacionesPrecio para nuevas contratacionesPrecio para nuevas contratacionesPrecio para nuevas contratacionesPrecio para nuevas contrataciones
    • Precio para nuevas contratacionesPrecio para nuevas contratacionesPrecio para nuevas contratacionesPrecio para nuevas contratacionesPrecio para nuevas contrataciones

Hosting PrestaShop SSD

  • Hosting especializado en Prestashop con discos SSDPrestashop 1desde4´38€ / mes
  • Hosting especializado en Prestashop con discos SSDPrestashop 2desde5´54€ / mes
  • Hosting especializado en Prestashop con discos SSDPrestashop 3desde8´34€ / mes
  • Hosting especializado en Prestashop con discos SSDPrestashop 1desde4´38€/mes
  • Hosting especializado en Prestashop con discos SSDPrestashop 2desde5´54€/mes
  • Hosting especializado en Prestashop con discos SSDPrestashop 3desde8´34€/mes
    • Almacenamiento en disco duro ultra rapido SSDAlmacenamiento en disco duro ultra rapido SSDAlmacenamiento en disco duro ultra rapido SSDAlmacenamiento en disco duro ultra rapido SSD
    • El espacio en disco es la suma del espacio que ocupan los archivos que forman la web y el correo electrónico.
    • La transferencia de datos mensual es la cantidad total de información que se descargan los visitantes de nuestra web en cada acceso más nuestro uso a través de FTP y correo.
    • Ideado para sacar el máximo partido a tu Prestashop
    • Aumenta la velocidad de tu web + Info
    • Tras evaluación de nuestro equipo de migraciones
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web
    • Elige la versión de PHP que necesites
    • Certificado SSL autofirmadoCertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUI
    • Contrata tu hosting web y consigue dominios gratisUna vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM, .INFO, .NET, .ORG ó .EU.
    • Migramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a Hostinet
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web
    • Hosting específicamente preparado para sacar el máximo rendimiento a tu Prestashop
    • Contrata tu hosting web y consigue dominios gratisUna vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM, .INFO, .NET, .ORG ó .EU.
    • Cada dominio alojado muestra un contenido único y diferente del resto
    • Aparcando un dominio secundario en el alojamiento de nuestro dominio principal conseguimos que ambos dominios resuelvan indistintamente con la misma página que tenemos colgada.
    • Cuentas de correo gestionables a través de POP, IMAP y servicio Webmail
    • Tus buzones de correo y mails limpios de virus y con un potente filtro antispam
    • Centro de datos en Madrid (España)
    • Opción de contratación de IP dedicadaPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUI
    • Opción de contratación de certificados SSL. Se requiere Ip dedicada.Puedes contratar tu certificado SSL por solo 14.95 € al año AQUIPuedes contratar tu certificado SSL por solo 14.95 € al año AQUIPuedes contratar tu certificado SSL por solo 14.95 € al año AQUI
    • Bases de datos MySQL disponibles para su uso en cada alojamiento web
    • ¿Quieres realizar desarrollos con Python? En Hostinet innovamos dia a dia en tu beneficio y por ello te presentamos como última novedad en todos nuestros servidores Web la posibilidad de desplegar tus aplicaciones con Python directamente desde el cPanel de tu Hosting.
    • ¿Quieres desarrollar tus aplicaciones con Ruby? En Hostinet te presentamos como última novedad en todos nuestros servicios de Hosting Web la posibilidad de desplegar tus aplicaciones con Ruby on Rails directamente desde el panel de control cPanel.
    • El fichero .htaccess permite modificar diferentes variables en la configuración de nuestra cuenta de alojamiento en el servidor.
    • El módulo mod_rewrite permite crear direcciones URL alternativas a las dinámicas generadas por la programación de nuestros sitio web (blog, foro, portal…), de tal modo que sean más legibles y fáciles de recordar
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web. Soporte en español por personal de Hostinet.
    • Completa recopilación de tutoriales sobre Hosting, Dominios y Prestashop
    • 30 dias para probar tu servicio de Hosting y si no te convence el servicio... te devolvemos el dinero!!

Síguenos en nuestras redes sociales: Facebook y Twitter @hostinet

 [ninja-popup ID=13602] >>> HAZ CLICK AQUÍ PARA SUSCRIBIRTE GRATIS A NUESTRA NEWSLETTER!!! <<<  [/ninja-popup]