86 | Plugins para convertir tu WordPress en una app

En el episodio 86 de WordPress semanal comento las posibilidades que tienes hoy en día de convertir tu web hecha con WordPress en una app para dispositivos móviles. Vamos allá. Hola, hola, Soy Gonzalo de GonzaloNavarro es y bienvenidos a WordPress Semanal, el podcast en el que aprendes WordPress de principio a fin. Porque ya lo sabes, no hay mayor satisfacción que la de crear y gestionar tu propia página web con WordPress. Y este episodio, al igual que el resto de los episodios, al igual que todos los contenidos de mi web, están pensados precisamente para que aprendas, para que sepas cómo gestionarte mejor por WordPress. Y el episodio de hoy va a ser precisamente para ello, para llevar WordPress incluso más allá. Porque hoy te voy a hablar de plugins que te van a facilitar crear apps utilizando la tecnología WordPress, utilizando WordPress, ya sea si necesitas, pues que la página web que ya tienes esté también en formato aplicación para móviles, para tablets y demás, o si quieres crearlas directamente, quieres crear directamente apps, pues también lo podrías hacer de esta forma, ¿Vale? Pero ahora, ahora hablaremos más detenidamente de ello, porque te voy a comentar varios plugins con los que puedes hacer esto y también cómo se haría todo esto de lo que te estoy hablando aquí antes. ¿Qué está pasando en Gonzalonobarro es? ¿Esta semana? Pues tenemos un nuevo vídeo en la zona código en el que te enseño a crear una barra de notificaciones estilo hello bar o top bar. ¿Esto qué es? Pues es las típicas barras de un color concreto que se suele hacer para llamar la atención, que le salen a tus usuarios cuando visitan tu web en la parte más alta, digamos, en la zona más alta de la cabecera, encima incluso del menú y del logo. Y de todo esto hay varios plugins que lo hacen, hay uno muy popular que se llama hellobar. También lo puedes hacer con algunos plugins de opt in como Sumo u otros plugins así de estos más famosos. Pero yo te voy a enseñar a hacerlo por código y además hacerlo de forma muy limpia, porque lo vamos a hacer solo con CSS, ni siquiera vamos a utilizar JavaScript. Y como siempre, solo tienes que copiar el código que yo te dejo, pegarlo y bueno, y modificarlo a tu gusto, porque lógicamente tú no vas a poner el mismo texto que yo te he puesto ni nada. Pero te explico. En el vídeo paso a paso cómo puedes hacerlo, ¿De acuerdo? Esto es típico para dar mensajes importantes si tienes que dar un aviso o para ofrecer descuentos para hacer que tus visitantes se conviertan en suscriptores, es decir, para call to actions tiene muchas posibilidades. Os dejo el enlace a las notas del programa. Este es el episodio 86 y si no podéis ir a la zona código, que ya sabéis que es parte de mi plataforma de enseñanza, además de los cursos, pues tenéis la zona código, el soporte y las descargas, ¿Vale? Podéis ir a Gonzalo es Códigos y ahí tenéis todos los vídeos de la zona código. Y saltamos ahora con el plugin de la semana que te servirá para crear una sección de noticias en tu web. El plugin se llama WP News and Scrolling Widgets y te permite crear una sección de noticias en tu web, ya sea en forma de página o incluyéndola en un área de widget, es decir, ya sea que tú vayas a tu web com noticias y ahí tengas todas las noticias o también si quieres puedes crear un widget o puedes colocarlo por ejemplo en la sidebar y que ahí vayan apareciendo las últimas noticias. Esto está bien, ¿Por qué? Porque te separa digamos, la parte del blog donde tú pones las entradas y demás que que quizás lo puedas utilizar para tutoriales o para listados o para otros contenidos distintos y luego una parte de noticias. Normalmente las empresas tienen por un lado noticias y por otro contenido útil para el lector que te va a permitir posicionar bien para determinadas palabras clave que te va a permitir en general tener un contenido de valor para tus usuarios, pero luego están las noticias y tú lo puedes tener bien separado con esto ¿Vale? Y el plugin básicamente lo que te hace es que te crea un custom post type que se llama News y desde ahí tú puedes crear las noticias como lo harías con una página o como una entrada. Lógicamente pues también puedes categorizarlas y eso te va a permitir después pues ponerlas en widgets o en páginas concretas. Por ejemplo, tienes tres tipos de una categoría para las noticias, a lo mejor que tienen que ver con tu empresa, otra para las noticias del mundillo y otra pues yo que sé y otra distinta, ¿Vale? Y entonces pues tú esas también las puedes separar, puedes coger y en una página pero poner tus noticias en otra página, poner las noticias del mundillo y todo esto lo puedes hacer con shortcodes de manera bastante sencilla. Entonces así la gente va a poder acceder a tus noticias, uno, a través de la página de archivos, es decir, tuweb com noticias y ahí automáticamente aparecen todas. También una página que tú hayas creado específicamente y tú pongas el shortcode o en una área de widgets, que puedes poner ahí a lo mejor una categoría concreta nada más para que sólo se muestren las de una categoría. Y luego, pues eso, tienes opciones para limitar el número de noticias que van a aparecer y la forma en la que se van a mostrar. También puedes el estilo en el que se muestra también lo puedes editar. Es decir, esto es algo que realmente tú podrías hacer de forma manual, porque en el curso de WordPress avanzado te enseño a crear un Custom Post Type, un tipo de contenido distinto. Pero este plugin va un poquito más allá, porque te permite crear ese shortcode en el que tú puedes ir diciendo cuánto se va a mostrar, te permite hacer que se muestren esas noticias de una forma o o de otra. ¿Que esto, pues por supuesto también lo podrías hacer por código, pero ya sería más avanzado, más complejo y quizás con este plugin que está bastante bien, es liviano, está bien hecho, pues te soluciona la papeleta y te la soluciona muy bien, vale? De nuevo, el plugin se llama WP News and Scrolling Widgets, os dejo el enlace a la nota del programa, este es el episodio 86. Y ahora ya sí, vamos con el tema central del programa. Plugins para convertir tu WordPress en una app. ¿Y te voy a hablar de cinco, hay bastantes, vale? Más de cinco seguro. Te voy a hablar de los que realmente son un plugin y de los que realmente tú lo instalas en tu web y puedes hacer cosas desde ahí. ¿Hay otros que son servicios externos que están muy bien o que te lo venden como un plugin, pero realmente simplemente es para que conozcas el servicio y luego realmente lo haces todo desde su página web, vale? Así que te voy a hablar de los cinco que realmente se vinculan con WordPress y que usas desde WordPress. ¿Y qué es lo que te permiten hacer todos estos plugins de los que te voy a hablar? Pues te permiten que a partir de un theme, a partir de una web hecha con WordPress, tú lo vayas editando y lo conviertas en una app. Algunos plugins de los que te voy a hablar, te permiten muchísimo control en el diseño y otros no tanto, otros puedes cambiar los colores, cambiar el logo, cambiar ciertas cosas. Y luego hay varios muy interesantes que te permiten editar tu app, lo que va a ser tu app, como si estuvieses editando una página web. Con HTML, con CSS, con JavaScript. Esto es muy interesante. Y realmente ya hay una tecnología para hacer esto que se llama PhoneGap, que es de la gente de Adobe y que básicamente puedes hacer aplicaciones móviles con las mismas tecnologías con las que harías una página web, es decir, básicamente HTML, CSS y JavaScript. Entonces algunas de estas apps se valen de esa tecnología para que tú también puedas editarla de esa manera. Pero bueno, vamos a ir hablando de estos plugins, ya que hemos establecido un poco qué es lo que vas a poder hacer con ellos y te voy a ir comentando las características de estos cinco plugins. El primero de ellos se llama AndroApp. Aunque se llama AndroApp, te permite crear apps tanto para iOS como para Android. Yo creo que cuando empezaron solo era para Android y ahora ya te permite para las dos, pero han mantenido el nombre androap. Básicamente aquí instalas el plugin en tu web y desde ahí puedes modificar ciertas cosas, puedes personalizar ciertas cosas como los colores, el logo y algunos otros detalles. Y automáticamente el resto de cosas van más o menos automáticas. ¿Es decir, te va a coger las entradas del blog, te va a coger las páginas, te va a coger todo lo que tú ya has creado en WordPress, vale? Y luego tienes la posibilidad de hacer notificaciones push. Todos los plugins que te estoy comentando tienes la posibilidad de hacer notificaciones push. Algunos tienes que contratar aparte las notificaciones, otros ya tienen un acuerdo con las empresas de notificaciones para tener algunas notificaciones, pero en general no es del plugin. Estos son servicios externos que te permiten hacer notificaciones. Entonces siempre pues vas a tener que contratar algunas o vas a tener que crearte una cuenta en algún lado para poder tener las notificaciones, Vale, o sea que no es tan bonito todo como suena, sino que tiene más cositas que tienes que configurar y tener en cuenta. Y este plugin, AndroApp, te permite tener tus propios anuncios. Casi todas de las que estamos hablando te permiten hacerlo a través de AdMob, que es un servicio para tener anuncios, para mostrar anuncios en las aplicaciones móviles. ¿Y entonces qué hacen? Pues que tú pones tus propios anuncios y tienes para usar esta aplicación gratis. El primer mes puedes usar el plugin y tu aplicación que hayas creado a partir de tu web durante un mes de forma gratuita. Después a partir de los siguientes tienes dos opciones, una, pagar y seguir teniendo tu app como la tienes, o dos, no pagar y que esos anuncios que tú habías colocado pasen a estar en manos de los creadores del plugin, con lo cual ellos van a poder poner sus propios anuncios en tu app a cambio de que tú la uses de forma gratuita. Si no habías puesto ningún anuncio pues también van a tener control y te van a poder poner anuncios, ¿De acuerdo? Así que aunque te ponen anuncios por lo menos si no quieres pagar o si no puedes te dejan seguir usando la aplicación de forma gratuita. El segundo plugin se llama Blastack y también está totalmente integrado con WordPress, te permite también enviar notificaciones directamente desde un post o una página en WordPress, eso está bastante interesante, lo puedes hacer directamente desde ahí, puedes poner un menú individual para la app, por ejemplo imagina que en tu web pues tienes un menú pero en la app quieres que el menú sea distinto, esto pensando desde el punto de vista que tú ya tienes una web y quieres convertirla en una app, pues quizás los menús no quieres que sean lo mismo en la app, pues puedes crear un menú distinto para la app. También puedes cambiar digamos la página de bienvenida, la home, la puedes cambiar para que sea distinta en la app que en tu web normal. Y luego una cosa interesante es que tiene soporte para Contact Form Seven. El problema de estos plugins es que muchos no tienen soporte para otros plugins, entonces las apps digamos pues son más básicas, por eso digamos no tienes tanto control, pero vamos a ir comentando y te voy a ir diciendo las que tienen soporte para plugins importantes, como por ejemplo en este caso para Contact Form Seven. Y luego pues lo típico que una vez la persona está usando la app tiene la posibilidad de compartir en Facebook, Twitter, Google, de compartir por email, vale, esto sale automáticamente en la app, puedes mostrar si quieres el feed de tu página de facebook, se puede comentar desde la app utilizando tema de comentarios nativos de WordPress, soporta vídeos, es decir, es bastante completa la anterior también tiene muchas cosas de las que he comentado en esta pero que me he saltado para no repetir todo el rato lo mismo, pero como son muchas cosas las que te cuentan en la página del plugin y demás, os dejo los enlaces. Además casi todas tienen un vídeo para que te hagas una idea de cómo se usa, así que lo mejor es que le echéis un vistazo, yo os cuento un poquito por encima y así podéis ir a tiro hecho, ¿Vale? Pero tengo todos los enlaces en las notas del programa, Recordad el episodio 86. Vamos con la siguiente que se llama Word App. Esta es quizás más popular que las otras en cuanto a instalaciones activas, esta tiene 9000, Blackstar sólo tiene 800 por ejemplo y la primera que os he comentado, Androapp tiene 1000, pues Wallapp por supuesto también está disponible para iOS y Android, por supuesto también te permite enviar notificaciones, te permite personalizar desde el panel de WordPress con mucho más control que las otras. Aquí incluso puedes editar a través de CSS y darle el aspecto que tú quieras. Tiene compatibilidad con WooCommerce y Buddy Press. Os había dicho que os iba a comentar cuando tuviese compatibilidad con grandes plugins, fijaos, compatibilidad con WooCommerce vas a poder vender desde tu app, vas a poder crear una tienda online desde tu app, puedes también poner anuncios y esta app es gratuita pero con posibilidad de subir a la versión Pro, que básicamente te quita una parte que tiene de publicidad y demás, ¿Vale? Pero la versión gratuita es bastante completa. Ellos venden que el builder, la forma en la que creas la app es muy rápido, es de los más rápidos del mercado en términos de esto y dicen que en 30 minutos tienes tu app, pero bueno, esto va a depender, tienes bastantes themes, tienes más de 30 para poder elegir el theme para la app, puedes elegir un theme concreto para la app. También con Andro App, que es la primera app que te he comentado, la primera. Perdón, la primera app no, el primer plugin para crear apps que te he comentado, que se me olvidó decirte que también tienes themes entre los que puedes elegir en esta. En Word App también puedes crear contenido que solo se muestre en los móviles, tú creas a lo mejor una página y. Y dices, ésta sólo se va a mostrar en el móvil, no se va a mostrar en la versión web. Así que tiene bastantes opciones. Vamos con la siguiente, con la cuarta que se llama WPAppKit, esta es súper interesante, apenas tiene 700 instalaciones activas, pero tiene muy buena pinta. Y esta es una de las que más se centran en que tú puedas editar con JavaScript, HTML y CSS, porque ésta digamos que utiliza PhoneGap, que es lo que te había comentado de Adobe, esta tecnología para crear aplicaciones o utilizando los lenguajes que emplearías para crear una página web. Y está muy bien porque tiene mucho soporte para WordPress, vas a poder mostrar todos los custom post types que tengas, los custom fields, las taxonomías también personalizadas, los comentarios de WordPress, y trabaja muy bien con la API, tiene la API de WordPress muy bien vinculada y si ya eres un poquito más avanzado y fueses capaz de meterte un poquito en el código, podrías hacer prácticamente de todo. Por eso me parece súper interesante esta app, tiene un vídeo explicando su funcionamiento, tiene documentación tanto para si quieres crear una app para Android como si la quieres crear para iOS. Esta es completamente gratuita, ¿Vale? Lo que sí es que tiene la posibilidad de que contrates soporte Pro, pero la creación de la app y demás es gratuito, sin limitaciones, ¿Vale? Esta tiene, ya digo, bastante buena pinta, es más nueva que el resto y la verdad que me apetece probarla, ¿Vale? Simplemente la he trasteado un poco para este episodio, pero me gustaría probarla bien a conciencia. Vamos con la quinta y última recomendación que se llama Wizi App. Esta es la única que os comento que es de pago, para que lo sepáis. El plugin es gratuito, pero luego para usarlo es de pago. Esta también tiene soporte para woocommerce y buddypress, también tiene soporte para anuncios, por supuesto, también notificaciones push. El soporte dicen que es muy bueno, pero claro, tienes que pagar, es decir, no es gratuita, faltaría que pagando no tengan buen soporte. Puedes personalizar también usando CSS y HTML y tiene muchas opciones de personalización. Esta es de las que más detalles tiene, que puedes ir retocando una cosa, otra, pero ya digo, esta es de pago, ¿Vale? No tiene una versión gratuita para que puedas empezar ni nada, sino que directamente es de pago, pero os la comento porque es bastante popular y bueno, y una solución de pago puede ser más interesante si te aporta más. En este caso esta tiene 4.000 instalaciones activas, ¿De acuerdo? ¿Así que hemos hablado de plugins que te permiten convertir una web hecha con WordPress en una app, ya sea para iOS o para Android, yo creo que es difícil encontrar quizás la solución perfecta para todo el mundo, pero dependiendo de si tú valoras más una cosa, otra a lo mejor la facilidad de crear la app o a lo mejor tú valoras más que tenga un montón de posibilidades, pues en función de eso ya puedes elegir un plugin u otro vale? ¿Y estos son plugins porque por otro lado, que no he comentado, también existen servicios que son muy populares y que te dan un montón de opciones, por ejemplo el más famoso es App Pressure, que valiéndose de WordPress puedes crear tu propia app, qué pasa? ¿Que esto funciona de forma distinta, es un servicio aparte en el que tú instalas un thing en tu web y ese thing va a ser para la app y entonces en tu web vas a tener como dos paralelos, un thing para tu propia página web y otro theme para la app y luego desde el panel de edición de ese servicio de App Preser, desde ahí tú editas ese thing que es solo para la app, qué pasa? Que los contenidos sí que beben de tu WordPress, con lo cual puedes ir poniendo los contenidos que tú quieras, los vas eligiendo y los puedes poner en la app y aquí realmente no tienes límites, lo que pasa que ya sí tienes que saber más sobre todo de CSS, HTML, JavaScript, también sería más un poquito hacer tú tu propia app con algunos conocimientos, aunque tiene un builder que tú puedes ir poniendo páginas de forma sencilla, si quieres darle un aspecto potente y un aspecto chulo y tener control pues tienes que saber un poquito. Yo contraté este servicio porque tengo en proyecto hacer una app de. ¿De mi página web vale? Lo que pasa que lo tengo un poco parado porque el tema de cobrar la suscripción a través de la app es complejo porque tienes que pasar, en el caso de Apple tienes que pasar por ellos y tienes que darle un porcentaje y técnicamente también es un poco más complejo, así que ahora mismo lo tengo pausado, aprovecho para pediros feedback si os interesaría a los que sois suscriptores y a los que no lo sois también, si os interesaría tener una app de mi plataforma de enseñanza o de mi página web en general me lo decís vale, o si tenéis algún. A lo mejor me decís no, el blog no, pero sí que tener, para los que somos suscriptores tener la plataforma de enseñanza estaría genial o lo que sea, me comentáis la idea que tengáis vosotros, que ya sabéis que agradezco muchísimo vuestro feedback, ¿Vale? Así que también os dejo el enlace a Preserve, que podéis empezar de forma gratuita, ¿Vale? Tiene un plan gratuito y luego también pues tiene varios planes de pago, así que también os lo dejo para que le echéis un vistazo, ¿De acuerdo? Y recordad, para aprender de todo con WordPress, podéis echar un vistazo al área para suscriptores, lo podéis probar además durante 15 días sin compromiso alguno, lo probáis, que os convence, seguís, que no os devuelvo el dinero, sin preguntas ni nada, ¿Vale? Y nada más, si te ha gustado el episodio de hoy, quieres ayudarme a que siga creciendo, a que siga creando episodios como este, ya sabes que puedes aportar tu granito de arena dejándome una valoración en iTunes. Para mí es una de las mejores cosas que puedes hacer si quieres apoyar este podcast, porque me ayuda a seguir ahí, a que la gente me pueda encontrar y además me sirve para saber qué pensáis del podcast, ¿Vale? Que esto es muy importante para. Para que yo tire por un sitio o tire por otro. Y los que me escucháis desde iVoox también, muchas, muchas gracias por vuestros comentarios y vuestros me gusta. Nos seguimos escuchando. Adiós.