¿Por qué crear una aplicación en primer lugar, te escucho preguntar? Es posible que las aplicaciones ya no sean muy útiles para el marketing, pero son bastante convenientes para sus clientes, lo que les da más opciones en cuanto a cómo interactúan con su sitio. Con el aumento continuo de Internet móvil (ahora más personas acceden a Internet a través de aplicaciones móviles que de computadoras de escritorio), las aplicaciones están floreciendo, ya que la mayoría no son tan incómodas o problemáticas como los navegadores web móviles.
El costo y la frustración involucrados en la construcción de uno también han bajado mucho. En los viejos tiempos, muchas empresas estaban interesadas en aplicaciones, pero la mayoría no podía crearlas. Simplemente fue demasiado difícil. O costoso (la mayoría de los desarrolladores cobran más de $ 100 por hora)
Pero, afortunadamente, ahora las cosas son diferentes. Ya no necesita mucho dinero o conocimientos de codificación para crear una aplicación competente. Y aún mejor, tienes opciones. Hoy veremos:
- Asegurarse de que su sitio de WordPress sea compatible con dispositivos móviles
- Construyendo (y codificando) su propia aplicación con PhoneGap
- Use un complemento de WordPress para crear su aplicación (también conocido como la manera fácil)
Una nota sobre los creadores de aplicaciones gratuitas
En los últimos años, han aparecido un montón de opciones «gratuitas» para crear una aplicación, pero una de las más fiables es Compilación de PhoneGap de Adobe. A medida que su sitio se anuncia, simplemente cargue sus archivos HTML5, CSS y JavaScript y el sitio hará el trabajo de ensamblarlos en una aplicación que se puede descargar de inmediato. Lo mejor de todo es que puede construir tres simultáneamente para Android, Windows Phone 8 e iOS, lo que le permite ahorrar mucho tiempo.
El resultado no será nada elegante. De hecho, todo lo que hace este método es disfrazar tu página de inicio como una aplicación. Cuando el espectador toca el ícono, simplemente lo llevarán al mismo sitio web móvil que verían si tuvieran acceso a él a través del navegador de su teléfono. Entonces, para que este método sea efectivo, debe tener un sitio existente que esté optimizado para la visualización móvil.
1.Asegúrese de que su sitio de WordPress tenga una versión móvil
Si su sitio de WordPress no está optimizado para dispositivos móviles, realmente no tiene sentido. ¡Optimícelo! Por supuesto, es más fácil simplemente usar un tema de WordPress con capacidad de respuesta móvil como Total. Pero si su tema no responde, hay muchos complementos que pueden ayudar.
iThemes Mobile
iThemes Mobile le permitirá crear temas móviles simples pero efectivos basados en el diseño de su sitio actual. El panel de administración le permite personalizar la mayoría de los aspectos de su apariencia sin tener que meterse con el código.
Cualquier selector de tema móvil
Any Mobile Theme Switcher es un complemento básico que detectará el dispositivo que está usando su espectador y mostrará un tema específico para ese dispositivo. Entonces, si desea equilibrar varios temas, uno para cada sistema operativo móvil, puede hacerlo de esa manera.
Paquete móvil de WordPress
Finalmente, está el WordPress Mobile Pack, que ofrece una gran cantidad de aplicaciones web móviles multiplataforma, opciones de interfaz de usuario y temas, y una fácil integración con Google Analytics.
2. Use PhoneGap Build para crear una aplicación
Si eres un experto en tecnología y quieres ponerte manos a la obra, puedes usar Adobe PhoneGap para crear una aplicación para tu sitio web de WordPress. Adobe tiene una guía completa paso a paso en sus documentos, pero aquí hay un vistazo rápido a los pasos que deberá seguir.
Paso 1: preparación
Antes de comenzar, asegúrese de tener una forma de probar su aplicación a mano. Puede utilizar las herramientas de desarrollo del navegador para imitar las vistas de los dispositivos móviles o probar un servicio como Pruebas de navegador cruzado. Pero si puedes administrarlo, realmente es mejor tener un dispositivo iOS y Android a mano.
A continuación, necesitará instalar Adobe PhoneGap Build en tu ordenador. Haga clic para descargar la versión para Mac o PC y siga las instrucciones en pantalla. Adobe también sugiere instalar un Aplicación para desarrolladores PhoneGap para que pueda probar instantáneamente su aplicación a medida que la construye.
Paso 2: crea tu aplicación
Luego use el programa PhoneGap para crea tu aplicación. Tenga en cuenta que PhoneGap se basa en Cordova, por lo que deberá comprenderlo para codificar su aplicación.
Elija entre un ejemplo predeterminado de «Hola mundo», Framework7, Notificación push, React Hot Loader o Plantilla en blanco para comenzar. Luego, deberá elegir en qué parte de su disco duro local trabajará en su proyecto y proporcionar un nombre y una identificación. Cuando haya terminado, PhoneGap le proporcionará una dirección de servidor que puede usar para ver su aplicación.
Para darle un vistazo, su directorio raíz necesitará archivos clave para que PhoneGap realmente cree su aplicación. Específicamente su index.html (como mínimo), config.xml y carpetas de subdirectorio (la última es específica del sistema operativo).
Aquí hay un ejemplo directamente de la aplicación PhoneGap estructura del proyecto página:
También deberá crear sus propios iconos. Por supuesto, puede manejar esto usted mismo o utilizar una herramienta en línea gratuita. IconosFlujo es una gran herramienta para ayudarlo a crear rápidamente íconos de aplicaciones profesionales usando imágenes preestablecidas, opciones de colores, degradados, etc. Simplemente diseñe su ícono, cree una cuenta gratuita y descargue sus archivos. Si ya tiene un icono pero necesita cambiar su tamaño para todos los dispositivos y sistemas operativos, el Creador de iconos de aplicaciones puede hacer precisamente eso. Pero si realiza una búsqueda rápida en Google, encontrará que hay muchos otros sitios web, servicios y aplicaciones para elegir para crear su ícono.
Paso 3: prueba tu aplicación
Con su aplicación lista para usar, puede probarla usando la aplicación PhoneGap Developer instalada anteriormente. Asegúrese de utilizar la dirección del servidor que se proporcionó. Desde allí, puede ver su aplicación en su dispositivo móvil, solucionar cualquier problema, agregar correcciones, volver a cargar y reconstruir hasta que esté perfecto.
Una nota importante: PhoneGap Builder solo puede funcionar con iOS si se ha unido al programa iOS Developer (que tenía un precio de $ 99 / año cuando se escribió este artículo) y proporcionó sus certificados. Con el software del programa, usted mismo puede crear la aplicación allí. Pero la razón por la que sugerimos PhoneGap es para que pueda ahorrar tiempo haciendo los tres a la vez, eliminando la necesidad de hacerlo por separado. Entonces, sí, estás pagando por un montón de servicios que quizás no termines usando, pero si quieres tu aplicación en cualquier iProducts, te tienen sobre un barril aquí.
3. Utilice creadores de aplicaciones alternativos para WordPress
Además de las herramientas de iOS, hay muchos otros servicios y complementos de creación de aplicaciones que puede usar. Son significativamente más fáciles que crear una aplicación usted mismo. Algunos de ellos también construirán (al menos) una aplicación de Android sin costo alguno. Aunque definitivamente debe consultar el sitio principal del desarrollador para estar seguro.
AppMySite
Cree una aplicación para su sitio web con AppMySite. Este complemento y servicio fácil de usar hace que sea fácil convertir su sitio de WordPress (o incluso la tienda WooCommerce) en una aplicación en solo unos pocos pasos. Primero, obtenga el complemento y registre su cuenta. Luego, póngase manos a la obra para personalizar su aplicación: hay una gran cantidad de diseños y funciones integrados para elegir. Cuando haya terminado, simplemente envíe para publicar su aplicación (compatible con Android e iOS). Además, AppMySite se sincroniza con su sitio web en tiempo real, para mantener su aplicación actualizada con las nuevas publicaciones o productos que publique.
Otras características incluyen soporte para múltiples idiomas, integración de carrito y pago, notificaciones push, integración de redes sociales, así como para análisis que puede usar para monitorear el rendimiento de la aplicación.
AppPresser
AppPresser es el más grande, el más popular y supuestamente el primer Framework de aplicaciones móviles para WordPress. Ofrece una integración completa: donde la mayoría de los creadores de aplicaciones solo usan un feed de su sitio de WordPress, AppPresser le permite usar todos sus complementos, publicaciones y páginas. Además, actualiza automáticamente la aplicación tan pronto como realice modificaciones en su sitio. También cuenta con soporte completo para comercio electrónico.
Aplicación WPMobile
La aplicación WPMobile le permite crear aplicaciones para Android e iOS para su sitio. Si bien el complemento base es gratuito, debe pagar una licencia de por vida para crear su aplicación (a partir de 79 € para un formato de aplicación, o 149 € para ambos). Con la aplicación WPMobile, tendrá opciones de personalización, prueba en vivo gratuita, actualizaciones automáticas de la aplicación, soporte de notificaciones push, integración social y soporte premium (una característica de bienvenida si se queda atascado).
MobiLoud
Si bien es más caro (desde $ 120 / mes), MobiLoud maneja prácticamente todo por usted (incluido el envío de su aplicación a la App Store y Google Play), lo que hace que el precio sea bastante razonable. Con MobiLoud, su aplicación final ofrece compatibilidad entre dispositivos, fácil intercambio social, monetización (a través de anuncios o suscripciones), notificaciones automáticas y más. Y cuando el servicio está emparejado con su complemento (vinculado arriba), puede administrar su aplicación y notificaciones push desde WordPress.
Finalmente, hay un montón de personas a las que puedes pagar para que lo hagan por ti. Sin embargo, con tantas formas fáciles y asequibles de hacer bricolaje, realmente no necesita ir por ese camino para una aplicación básica.
Hay muchas formas de crear una aplicación y, aunque parece intimidante a primera vista, los métodos anteriores lo hacen increíblemente simple. Para empezar, asegúrese de tener un buen sitio web para móviles, ¿de acuerdo? Ahora déjame tenerlo. ¿Me equivoqué en algo aquí? ¿Existen otros métodos que deba conocer? ¡No dudes en dejar tus comentarios a continuación!