Publicado el 4 comentarios

Probamos la aplicación oficial de WooCommerce para iOS

Probamos la aplicación oficial de WooCommerce para iOS

Con más de 4 millones de descargas WooCommerce es uno de los plugins más populares y la herramienta por excelencia para la creación de un sitio de comercio electrónico en WordPress. Gracias a su flexibilidad, hoy en día es posible vender desde productos físicos y digitales, hasta suscripciones y membresías. El éxito del plugin también ha permitido la integración de nuevas funcionalidades y servicios de terceros a través de “extensions“, y recientemente el desarrollo de la aplicación oficial de WooCommerce para iOS a manos del equipo de WooThemes y SkyVerge.

En esta entrada dedicada a la productividad, te mostraremos las características y el funcionamiento general de WooCommerce para iOS:


Acerca de WooCommerce para iOS

Probamos la aplicación oficial de WooCommerce para iOSWooCommerceBy WooThemes está disponible desde el App Store a un precio de USD $4.99, WooCommerce para iOS nos permitirá realizar un seguimiento de nuestra tienda en línea a través de nuestro dispositivo móvil favorito. Por el momento la aplicación permite añadir un máximo de 4 sitios web con WooCommerce, te ayudará a conocer las estadísticas generales de tu tienda, así como visualizar una lista de pedidos y productos con sus respectivos detalles. El equipo de WooThemes ha informado que pronto se añadirán funcionalidades extras a la aplicación móvil, entre las cuales destacan: edición de pedidos, visualización de clientes, y recepción de push notificactions cuando nuevos pedidos sean generados.

Requisitos mínimos:

  • Sitio Web: Instalación de WooCommerce 2.1.8 o superior, y activación del “REST API“.
  • Dispositivo móvil: iOS 7.0 o superior, la aplicación es compatible con iPhone (Optimizada para iPhone 5), iPad, e iPod touch.

Paso 1: Habilitar la conexión de tienda con WooCommerce para iOS

Antes de tener el control de nuestra tienda vía iOS, es necesario conectar nuestro sitio web a la aplicación móvil mediante la activación del “API REST” en los ajustes de WooCommerce. Para hacer esto ve al escritorio de tu sitio web con WordPress, haz clic sobre el enlace “Ajustes” del menú lateral “WooCommerce“. En la pestaña “General” asegúrate de marcar la casilla “Activar la API REST” y guarda los cambios cuando estés listo:

Probamos la aplicación oficial de WooCommerce para iOS

Ahora que el “API REST” se encuentra activo es momento de generar las credenciales de acceso de nuestro perfil de usuario, o del usuario que tendrá acceso a la tienda vía iOS. Ve a la página “Usuarios” y haz clic sobre el enlace “Editar” del usuario que es de tu interés:

Probamos la aplicación oficial de WooCommerce para iOS

En el perfil de usuario correspondiente desplázate al final donde se muestra la sección “Claves de la API de WooCommerce“, marca la casilla “Generar clave para la API” y guarda los cambios haciendo clic sobre el botón “Actualizar usuario“:

Probamos la aplicación oficial de WooCommerce para iOS

Hecho lo anterior observarás que las claves de la sección “Claves de la API de WooCommerce” serán generadas de forma automática, copia la “Clave de cliente” y la “Clave secreta” en un lugar seguro ya que utilizaremos esos datos más adelante. Para el menú “Permisos” basta con elegir la opción “Leer“, este ajuste se encargará de controlar el tipo de acceso que será asignado al usuario en cuestión:

Probamos la aplicación oficial de WooCommerce para iOS

Nota: Una vez que la aplicación sea actualizada con funcionalidades extras, podrás permitir que un usuario edite o actualice información de la tienda desde su dispositivo móvil.

Paso 2: Configurar WooCommerce para iOS

El segundo paso consiste en configurar los ajustes generales de la aplicación móvil. Una vez que WooCommerce se encuentre instalada en tu dispositivo móvil, inicia su configuración dando un toque al botón “Get Started“:

Probamos la aplicación oficial de WooCommerce para iOS
Pantalla inicial de WooCommerce para iOS

Escribe la URL completa de tu sitio web con WooCommerce (si utilizas un certificado SSL no olvides añadir “https://):

Probamos la aplicación oficial de WooCommerce para iOS
URL de sitio web con WooCommerce

La aplicación para iOS te solicitará las claves generadas anteriormente. Pega en el primer campo la “Clave de cliente” y después la “Clave secreta“:

Probamos la aplicación oficial de WooCommerce para iOS
Claves de acceso generadas en WordPress

Espera algunos segundos para permitir el enlace entre la aplicación y tu sitio web con WordPress. Cuando la conexión esté lista verás una pantalla con un “Menú principal“, este menú incluye enlaces a las cuatro secciones de la aplicación: Escritorio (Dashboard), Pedidos (Orders), Productos (Products), y Ajustes (Settings):

Probamos la aplicación oficial de WooCommerce para iOS
Menú Principal

Para la revisión de esta aplicación hemos utilizado un sitio de pruebas dedicado a la fotografía y accesorios. Los pedidos han sido generados vía PayPal, Cheque, y Transferencia bancaria …


Características generales de WooCommerce para iOS

» Escritorio:

El “Dashboard” es el escritorio de la aplicación móvil, en esta pantalla se muestra un resumen de las estadísticas principales de nuestra tienda: ganancias, nuevos pedidos, y nuevos clientes. En la parte superior central es posible elegir un resumen de las ventas al “Día de hoy“, de los “Últimos 7 días“, o del “Mes actual“. También se muestra una lista de los productos más vendidos del periodo de tiempo seleccionado, así como el número de pedidos de acuerdo a su estado actual: procesando, pendiente, y en espera.

Probamos la aplicación oficial de WooCommerce para iOS
Escritorio de WooCommerce para iOS

» Pedidos:

La sección “Orders” muestra el listado de todos los pedidos en la tienda, incluye un campo de búsqueda que permite filtrar resultados por “nombre del cliente“. La lista de los pedidos incluye: estado del pedido, nombre del cliente, total, número de pedido, y fecha de transacción:

Probamos la aplicación oficial de WooCommerce para iOS
Sección “Pedidos” de WooCommerce para iOS

Selecciona un pedido para conocer sus detalles e información adicional como: dirección, email, productos adquiridos, tipo de envío, forma de pago, y notas del pedido (se incluyen cambios de estado y notificaciones de validación IPN):

Probamos la aplicación oficial de WooCommerce para iOS
Detalles de pedido

» Productos:

Consulta la sección “Products” para conocer cuáles son los productos disponibles en la tienda. Se incluye un campo de búsqueda especialmente útil para tiendas con un gran número de productos:

Probamos la aplicación oficial de WooCommerce para iOS
Sección “Productos” de WooCommerce para iOS

Selecciona un producto para obtener sus detalles específicos, por ejemplo: ver su imagen miniatura, etiquetas, categorías, SKU, estado de impuesto, precio, clase de impuesto, información y tipos de envío, estado de inventario, y variaciones:

Probamos la aplicación oficial de WooCommerce para iOS
Detalles de productos

» Ajustes:

Da un toque a la rueda inferior izquierda del menú lateral principal para acceder a los ajustes de la aplicación:

Probamos la aplicación oficial de WooCommerce para iOS
Sección “Ajustes” de WooCommerce para iOSs

La pantalla “Settings” incluye tres opciones: “My Shops” que permite añadir nuevas tiendas o eliminarlas, utiliza “Send Feedback” para enviar comentarios al equipo de desarrollo de WooThemes vía correo electrónico, y por último se muestra la “Versión” actual de la aplicación:

Probamos la aplicación oficial de WooCommerce para iOS
Ajustes disponibles

Comentarios finales

Nuestra primer impresión de la aplicación oficial “WooCommerce para iOS” ha sido muy buena, su interfaz de usuario ha sido desarrollada con gran detalle y se ejecuta con armonía en la última versión de iOS. Es importante destacar que WooThemes ya se encuentra trabajando en la actualización de su “REST API” para permitir que los pedidos puedan ser editados desde la aplicación, por lo que será interesante ver esas nuevas funcionalidades en acción. WooCommerce para iOS es ideal para los propietarios de tiendas que están en constante movimiento, existen otras aplicaciones no oficiales como “WooMobile for WooCommerce” (USD $3.99), “WooDash” (USD $1.99), “WooSales“, y “WooView“, estás últimas gratuitas.

Happy Blogging!

Comprar WooCommerce en App Store

Publicado el 12 comentarios

Estadísticas de WordPress con Status Board

Estadísticas de WordPress con Status Board

En esta publicación dedicada a la productividad hablaremos de “Status Board“, una aplicación para iPad desarrollada por Panic, la compañía responsable de exitosas herramientas disponibles para OS X y enfocadas a desarrolladores como Coda y Transmit.


Aplicación “Status Board”

Status Board” puede describirse como un panel de control personalizable que permite desplegar datos en la pantalla del iPad o vía monitor externo (usando Airplay o conexión HDMI) a través de diferentes módulos precargados, entre ellos se encuentran:

  • Reloj
  • Clima actual
  • Calendario de eventos
  • Correo electrónico
  • Línea del tiempo de Twitter
  • Feed RSS
Estadísticas de WordPress con Status Board
Módulos incluidos en Status Board

La aplicación también incluye tres módulos adicionales que pueden ser completamente personalizados por el usuario – dependiendo del tipo de información que se desea integrar:

Gracias a estos tres poderosos módulos, las posibilidades para integrar datos e información de 3ros a nuestro iPad son infinitas, y los desarrolladores independientes y proveedores de servicios ya han iniciado esta tarea. La siguiente imagen muestra un ejemplo de cómo el mismo equipo de Panic utiliza Satus Board para desplegar métricas internas relacionadas con ingresos, volumen de ventas, mensajes recibidos y enviados, así como módulos personalizados para mostrar datos del sistema de transporte “car2go“, o las rutas del transporte público de su ubicación geográfica:

Estadísticas de WordPress con Status Board
Status Board en Panic

¿Luce interesante verdad?, a continuación te mostraremos tres formas distintas para integrar las estadísticas de WordPress con Status Board:

“Status Board” tiene un costo de USD$9.99 y está disponible exclusivamente para iPad. La función airplay y salida en HD tiene un cargo extra (vía In-App Purchase) de USD $19.99


(A) Integración de Jetpack con Status Board

Estadísticas de WordPress con Status Board
Plugin “Jetpack – Status Board”

Por su popularidad ya hemos dedicado varias publicaciones a “Jetpack“, uno de los plugins con mayor número de descargas en el repositorio oficial de plugins, el cual se conforma de varios módulos que ofrecen funciones únicas a los administradores de un sitio web con WordPress, tal es el caso del “módulo estadísticas“. Este módulo ofrece reportes de las visitas que tiene un sitio de una forma simple y directamente en el escritorio de WordPress. Pues bien, gracias al plugin gratuito “Jetpack – Status Board” creado por Chris Klosowski, integrar la métrica y estadísticas diarias provistas por Jetpack y WordPress.com a Status Board, es una tarea sumamente fácil de conseguir:

» Paso 1

El primer paso para integrar Jetpack con Status Board consiste en instalar el plugin gratuitoJetpack – Status Board“, asegúrate de que Jetpack y el módulo estadísticas se encuentren activos en tu sitio web.

» Paso 2

Una vez activo el plugin, el segundo paso consiste en visitar el escritorio de WordPress con tu iPad. Ve a la sección “Status Board” del menú lateral izquierdo “Jetpack“, haz clic sobre el botón “Add Jetpack Stats to Status Board“:

Estadísticas de WordPress con Status Board
Clic al botón para comenzar la integración con Status Board

» Paso 3

Hecho lo anterior serás redireccionado de forma automática a la aplicación Status Board, donde deberás permitir la inclusión del módulo a tu panel de control:

Estadísticas de WordPress con Status Board
Clic al botón para instalar el módulo en Status Board

Ahora es momento de definir el alto, ancho, y posición del módulo, para hacer esto utiliza la interfaz de la aplicación “arrastrar y soltar“. En caso de que el módulo de Jetpack para Satatus Board arroje el error “HTTP Error 404: Not Found“, soluciona este detalle guardando los ajustes de los enlaces permanentes desde el escritorio de WordPress.

Integración de Jetpack con Status Board:

  • Nivel de integración: Fácil
  • Esta integración permite: Mostrar la vistas diarias que tiene un sitio vía módulo estadísticas de Jetpack
  • Requerimientos: Plugins gratuitos para WordPress, Aplicación Status Board para iPad

Descargar Plugin: Jetpack – Status Board


(B) Integración de Gosquared con Status Board

Estadísticas de WordPress con Status Board
Servicio premium de analítica web “Gosquared”

Gosquared” es un servicio premium de analítica web en tiempo real muy popular dentro y fuera de la comunidad de WordPress, este servicio está disponible a través de diferentes planes, iniciando en USD $25.00 mensuales. Gosquared es un proveedor de analítica web conocido por ofrecer analítica de objetivos publicitarios, conversiones, y estadísticas mucho más detalladas en comparación a otros servicios como Google Analytics, y muy importante: Gosquared ofrece integración con Status Board a través de un par de clicks.

» Paso 1

Para comenzar la integración de Gosquared con Status Board, asegúrate que el código de seguimiento se encuentre instalado en tu sitio web (para atender esta tarea puedes utilizar el plugin oficial para WordPress “GoSquared), ingresa a tu cuenta “Gosquared” con tu iPad y visita el siguiente enlace:

» Paso 2

A continuación haz clic sobre el widget/módulo que deseas instalar en Status Board, al momento es posible integrar cuatro widgets a nuestro panel de control:

Estadísticas de WordPress con Status Board
Widgets disponibles para integrar Gosquared con Status Board
  • Gráfico de visitantes a través del tiempo
  • Contador en tiempo real del número de visitantes actuales
  • Mapa del mundo en tiempo real que muestra los visitantes actuales
  • Lista de las páginas más populares

» Paso 3

Una vez que hagas clic sobre el widget que es de tu interés, serás redireccionado de forma automática a Status Board, donde deberás aceptar la inclusión del mismo. Recuerda que puedes definir el alto, ancho, y posición del widget/módulo a través de la interfaz arrastrar y soltar.

Integración de Gosquared con Status Board:

Contratar Gosquared


(C) Integración de Google Analytics con Status Board

Estadísticas de WordPress con Status Board
Google Analytics para Status Board

Google Analytics” sigue siendo una de las soluciones de analítica digital más eficaces y la más popular de todas por ser gratuita. Hoy en día existen diferentes métodos para integrar las estadísticas de Google Analytics de tu sitio web a Status Board. El método más rápido y fácil es a través del script creado por Hilton Lipschitz, el cual se ejecuta en tu servidor web utilizando PHP (requiere como mínimo PHP versión 5.3) y utiliza la librería Google GAPI:

» Paso 1

Asegúrate de contar con una cuenta en Google Analytics (recuerda que es gratis!), el código de seguimiento debe estar instalado correctamente en tu sitio web. Descarga aquí el script de Google Analytics: “statusboard.zip.

» Paso 2

Descomprime “statusboard.zip“. Asegúrate de incluir tus datos de acceso a Google Analytics en cada uno de los siguientes archivos: “analytics_hourly.php“, “analytics_pages.php“, y “analytics_views.php“, la información que deberás editar en cada archivo es la siguiente:

Guarda los cambios cuando hayas terminado. En resumen cada uno de estos tres archivos añadirá un módulo específico a Status Board, a continuación una breve descripción de cada elemento:

  • analytics_hourly.php“: desplegará las páginas vistas, número de visitantes, y nuevas visitas que ha tenido un sitio durante las últimas 24 horas.
  • analytics_views.php“: mostrará las mismas estádisticas que el módulo anterior durante la semana.
  • analytics_pages.php“: desplegará una lista con las páginas principales del día.
  • gapi.class.php“: archivo necesario para permitir el acceso a tu cuenta de Google Analytics.

» Paso 3

Vía FTP traslada al directorio raíz de tu servidor la carpeta “statusboard” la cual incluye los tres archivos recién editados y “gapi.class.php“:

Estadísticas de WordPress con Status Board
Carpeta “statusboard” en el directorio raíz

» Paso 4

Ahora es momento de añadir cada módulo a nuestro iPad. Para hacer esto abre Status Board y utiliza la URL de cada archivo editado como “data source“, de la siguiente forma:

Módulo “analytics_hourly.php“:

Crea un nuevo módulo tipo “Graph” (Gráfica) cuya fuente de datos sea una URL similar a la siguiente (sustituye “TuSitio.com” tu nombre de dominio):

http://TuSitio.com/statusboard/analytics_hourly.php

Estadísticas de WordPress con Status Board
Módulo “analytics_hourly.php”

Módulo “analytics_views.php“:

Crea un nuevo módulo tipo “Graph” (Gráfica) cuya fuente de datos sea una URL similar a la siguiente (sustituye “TuSitio.com” tu nombre de dominio):

http://TuSitio.com/statusboard/analytics_views.php

Estadísticas de WordPress con Status Board
Módulo “analytics_views.php”

Módulo “analytics_pages.php“:

Crea un nuevo módulo tipo “Table” (Tabla) cuya fuente de datos sea una URL similar a la siguiente (sustituye “TuSitio.com” tu nombre de dominio):

http://TuSitio.com/statusboard/analytics_pages.php

Estadísticas de WordPress con Status Board
Módulo “analytics_pages.php”

Recuerda que puedes ajustar el tamaño de cada módulo utilizando la interfaz “arrastrar y soltar“. Por ahora es necesario ordenar de forma independiente cada uno de los módulos para la vista portrait y landscape.

Integración de Google Analytics con Status Board:

Descargar Script para Google Analytics


Comentarios finales

Status Board” ofrece una forma única y sumamente atractiva para desplegar las estadísticas de WordPress. La aplicación ha sido diseñada pensando en la colaboración. De hecho, no sólo permite diseñar y estructurar módulos, también incorpora una función de compartir que permite enviar el panel de control a cualquier otra persona que tenga instalada la aplicación en su iPad.

En Mvkoen utilizamos “Status Board” para desplegar un par de tablas con información interna sobre ventas y proyectos activos, calendario de tareas, estadísticas de nuestro sitio web con WordPress (Google Analytics), así como el total de suscriptores de nuestro newsletter gratuito (gestionado a través de MailChimp). En próximas entradas te mostraremos más ejemplos de cómo integrar servicios de terceros con Status Board 🙂

Happy Blogging!

Comprar Aplicación: Status Board

Publicado el Deja un comentario

WordSesh 2: Cómo crear una aplicación móvil y nativa para iOS/Android con WordPress

Descripción de “WordSesh“:

WordSesh es un evento gratuito con duración de 24 horas continuas, dedicado a presentaciones de WordPress en directo por streaming

  • Fecha de Publicación: 07/12/2013
  • URL de Evento: WordSesh
  • Tipo de Video: Presentación
  • Oradores: Scott Bolinger
  • Idioma: Inglés
Publicado el 1 comentario

Cómo añadir Smart App Banners a WordPress

Nuestros visitantes preguntan:

Hola chicos,

Recientemente he creado mi aplicación para iOS, tengo un blog en WordPress que complementa el contenido de esa aplicación, ¿podrían recomendarme alguna herramienta o plugin para añadir smart app banners a WordPress?. Desde que Apple hace gran hincapié en la forma en que se deben promocionar las aplicaciones, espero atender lo más pronto posible esas instrucciones 🙂

Mil gracias
Jessica.

Respuesta:

Hola Jessica,

Como tu bien sabes, desarrollar una aplicación de calidad para iOS requiere talento y tiempo, por lo que debes promocionar tu aplicación de la manera correcta para que más personas sepan de ella. Una forma de hacerlo es aprovechar los “Smart App Banners“. Para los usuarios que desconocen qué son los “Smart App Banners” aquí la información oficial de Apple: Promoting Apps with Smart App Banners.

A través del sitio anterior, Apple provee información útil para aquellos usuarios que desean implementar los “Smart App Banners” en su sitio web, la documentación incluye instrucciones para añadir la etiqueta “apple-itunes-app“, y una explicación acerca de las propiedades de ese elemento.

Si quieres evitar ese procedimiento de forma manual, a continuación te mostramos 2 plugins gratuitos para WordPress que te ayudarán a simplificar la tarea para añadir Smart App Banners a WordPress:


Plugin: iOS Smart App Banner

Cómo añadir Smart App Banners a WordPress
Plugin: iOS Smart App Banner

iOS Smart App Banner” es un plugin muy fácil de utilizar, simplemente debes proporcionar tu ID y algunos argumentos de la aplicación.. “iOS Smart App Banner” se encarga del resto.

Descargar Plugin: iOS Smart App Banner


Plugin: Smart App Banner

Cómo añadir Smart App Banners a WordPress
Plugin: Smart App Banner

Smart App Banner” es otro plugin que puedes utilizar para mostrar los “Smart App Banners” en páginas individuales.

Descargar Plugin: Smart App Banner

Mucho éxito :)!

Publicado el Deja un comentario

WordPress 3.6 para iOS ya está disponible

WordPress 3.6 para iOS ya está disponible

WordPress 3.6 para iOS ya está disponible, e incluye mejoras en la interfaz de usuario, por ejemplo: ahora podemos crear nuevas entradas y páginas desde el “menú lateral” (antes era necesario navegar a la sección de entradas y seleccionar “Agregar nueva”):

WordPress 3.6 para iOS ya está disponible

Esta y otras características que se han incorporado este año, han convertido a WordPress para iOS en una muy buen opción para publicar contenido “on the go“.

Si tienes un dispositivo compatible con iOS, y utilizas WordPress, te invito a instalar o actualizar la aplicación, personalmente es una de mis favoritas 🙂

Publicado el Deja un comentario

WordPress 3.5.2 para iOS suspende el autoguardado

Hace algunos días fue lanzada la actualización de la aplicación WordPress para iOS, esta actualización (3.5.2) ha suspendido la función de autoguardado, debido a los problemas que muchos usuarios estaban experimentando.


WordPress 3.5.2

WordPress 3.5.2 para iOS corrige una serie de fallas que existían desde la versión 3.5.1. Una vez que actualices la aplicación, verás un aumento significativo en la estabilidad de esta nueva versión:

WordPress 3.5.2 para iOS suspende el autoguardado
WordPress 3.5.2 para iOS

Los desarrolladores también atendieron otras fallas como el uso de credenciales de acceso, vistas previas, notificaciones, y actualizaron la configuración de Jetpack.

Al día de hoy son pocos los usuarios que utilizan esta aplicación para publicar contenido, si deseas darle una oportunidad a WordPress 3.5.2 para iOS obtén la actualización más reciente aquí o descarga la aplicación desde tu dispositivo Apple.

Publicado el 2 comentarios

5 aplicaciones móviles para manejar notificaciones en WordPress

Si eres un usuario de teléfonos inteligentes como el iPhone, estarás familiarizado con la idea de las notificaciones, y el envío y recepción de notificaciones a través de WordPress no tienen qué ser un desafío. Si no tienes ganas de construir un código para lograr esta tarea, puedes utilizar las siguientes 5 aplicaciones móviles para manejar notificaciones en WordPress:


» Pushover Notifications for WordPress

5 aplicaciones móviles para manejar notificaciones en WordPress
Plugin: “Pushover Notifications for WordPress”

Pushover Notifications for WordPress: permite que tu sitio envié push notifications de cada evento que sucede en tu sitio web, es compatible con dispositivos iOS y Android.


» Urban Push

5 aplicaciones móviles para manejar notificaciones en WordPress
Plugin: “Urban Push”

Urban Push: este plugin aprovecha la API de Urban Airship para enviar una notificación directamente desde la página “Añadir nueva entrada” de WordPress.

  • Para su funcionamiento es necesario una cuenta de Urban Airship

» Blimply

5 aplicaciones móviles para manejar notificaciones en WordPress
Plugin: “Blimply”

Blimply: te permite enviar notificaciones push a los usuarios móviles que utilizan la API de Urban Airship. También puedes enviar notificaciones para los tipos de entrada personalizados.

  • Para su funcionamiento es necesario una cuenta de Urban Airship

» Mobiloud Mobile App

5 aplicaciones móviles para manejar notificaciones en WordPress
Plugin: “Mobiloud Mobile App”

Mobiloud Mobile App: te permite crear una versión móvil de tu sitio de una forma económica. Tus visitantes tendrán acceso al contenido de forma offline, con un diseño responsivo y contarás con push notifications.


» Jetpack by WordPress

5 aplicaciones móviles para manejar notificaciones en WordPress
Plugin: “Jetpack by WordPress”

Jetpack by WordPress: no necesita ninguna introducción, la mayoría de los usuarios de WordPress ya han instalado este plugin. Jetpack añade varias mejoras a tu sitio web y ofrece push notifications para los nuevos comentarios.