446 | Convertir web en una app (fácilmente)

En el episodio 446 de WordPress semanal resuelvo dudas sobre cómo crear la web para empleados de una empresa, cómo guardar una paleta de colores en WordPress para que siempre la tengas disponible, cómo convertir cualquier web en una aplicación móvil de forma sencilla, cómo renombrar archivos que se hayan adjuntado a través de Contact Form Seven y cómo mostrar a tus clientes la moneda del país desde el que está comprando. Vamos allá. Hola Hola, soy Gonzalo Navarro y Bienvenidos al episodio 446 de WordPress Semanal, el podcast en el que aprendes a crear y gestionar tus propias webs con WordPress en profundidad. Y vamos a hacer un Q A de temas variados. Estoy empezando a escoger preguntas que me apetecen responder, porque normalmente yo lo que hago es que cuando hago soporte, cuando doy soporte y hay alguna pregunta que yo creo que puede servir a más gente, pues la marco, le pongo una etiqueta dentro de mi gmail donde gestiono el soporte y luego cuando preparo un episodio de preguntas y respuestas voy por orden, digamos, es de las que me hicieron hace más tiempo, tengo un banco de preguntas bastante grande y voy por orden, salvo que algún día haga un episodio temático, pues por ejemplo Q A sobre SEO, Q A sobre WooCommerce, pues entonces no voy seleccionando. Y en este caso he ido pasando y he ido cogiendo un poco las que más me apetecían o me parecía más interesante. Bien, en un momentito damos respuesta a todo esto, pero antes, como siempre, novedades. ¿Qué está pasando en Gonzalo Navarro es esta semana? Pues hay nuevo vídeo de la zona Código y en él aprendes a añadir la fecha de entrega preferida en el pago de WooCommerce. Es decir, si tienes una tienda online con WooCommerce y envías productos, te voy a enseñar con un poquito de código que simplemente tendrás que copiar y pegar, mostrar un campo extra en el checkout cuando alguien está comprando en WooCommerce donde pueda poner una fecha de entrega preferida. Esto es algo que se suele pedir, que se puede lograr con plugins, pero realmente con un poquito de código, gracias a los filtros que ofrece WooCommerce y demás, pues podríamos lograrlo. Así que ya lo tienes disponible. También recordarte que ya he abierto la sección de recursos para miembros, ahí iré subiendo mini plugins, que de hecho ya está el primero publicado, guías, tutoriales o talleres online que se salgan un poco de lo que puedo publicar en un curso, a lo mejor si no da para un curso, pues puedo publicarlo ahí. Si es un tema un poco más tangencial, más que tenga que ver con negocio o con cosas alrededor de la creación y gestión de webs, pero que no son expresamente cómo crear una web o cómo usar un plugin o lo que sea, pues lo iré publicando ahí y ya un poco iré viendo lo que os apetece. Por ejemplo, yo hago cosas en mi día a día de la gestión del negocio, pues que tienen que ver con la facturación, que tienen que ver con la creación de campañas, con cómo me comporto cuando hablo con un cliente, pues todo ese tipo de cosas. Creo que puede ser interesante ir publicando talleres o vídeos y que realmente se salen un poco de lo que es la formación en cuanto a cómo crear y gestionar webs profesionales. Entonces me apetecía mucho tener una sección como esta y en la encuesta que hice en Telegram sobre qué cosas nuevas os gustaría tener en la membresía, pues esta es la que ganó de calle, así que por mí genial porque también es lo que más me apetecía. Os dejo el enlace, pero si vais a Gonzalo Navarro es, pues ya lo vais a ver, la sección nueva en el menú de navegación. Ahora mismo hay tres recursos, iré publicando, no me quiero todavía atar a una periodicidad concreta porque quiero ver un poco también lo que vais a hacer queriendo que publique, si os gustan más los mini plugins, las guías, los talleres y en función de eso pues ya iremos cerrando la periodicidad si es que tiene sentido, si no, pues cuando haya algo interesante simplemente crearé el contenido y lo meteré ahí en la zona de recursos. Fantástico. También recordarte que se acerca Black Friday y como cada año haré una oferta única en el año, así que si estás pensando en apuntarte o en pasarte al plan anual y así poder ahorrar si ya eres miembro actualmente, pues te recomiendo que te apuntes a la newsletter de WordPress semanal, no solo por recibir los bonus de bienvenida y por recibir una clase gratuita de WordPress cada semana, sino que también así pues te informo por ejemplo cuando saque una sección nueva como esta de recursos o cuando llegue el momento del descuentazo por Black Friday. Puedes apuntarte de forma gratuita en Gonzalo es lista y si no pues como siempre tienes todos los enlaces en las notas del episodio. Perfecto, pues una vez visto esto, vámonos ahora con el plugin de la semana que se llama WP Map Block y que te permite crear mapas directamente desde el editor de bloques de WordPress. Mapas muy versátiles, puede que sea un mapa de Google, puede que sea un mapa de OpenStreetMap, que es como un servicio donde tú simplemente pones la dirección y no tienes que vincularlo con una cuenta de Google ni nada de eso, es como mucho más fácil, pero luego está bien porque ofrece muchísimas opciones del tipo pues poner iconitos en el mapa, en fin, tiene muchas posibilidades. Sí que he visto, porque yo voy apuntando plugins, interes, antes me lo apunto en una lista para luego ir publicándolo aquí en la sección del plugin de la semana. Y ahora cuando lo estaba poniendo me he dado cuenta que han hecho una cosa y es que ellos han creado ahora un plugin de bloques, es muy nuevo, se llama blocks, tiene apenas 100 instalaciones activas, mientras que este del mapa tiene 20.000. Pues lo que han hecho es integrar este bloque en su conjunto de bloques y como que en toda la primera parte de la descripción del plugin te dicen pásate al otro plugin, así puedes mirar no sé qué, pero vamos, si solo quieres el mapa de bloques y no quieres su conjunto de bloques, usa este y ya está, y luego sigue usando lo que tú uses, Spectra o Cadence o ninguno. Sí, como siempre lo dejo enlazado. Recuerda, para acceder a las notas del episodio de forma rápida y verlas con su diseño y su estructura, pues Puedes ir a GonzaloNabarro ES 446 que es el número de este episodio. Gonzalo ES 446 Venga, pues ahora sí, vámonos con tus preguntas y mis respuestas y empezamos con la de Manuel que va sobre cómo crear una web para empleados de una empresa. Hola Gonzalo, mi pregunta es más simple de lo que parece, esto es porque me hizo una primera pregunta y le pedí como un poquito más de explicación. Me Necesito que los usuarios que vean la página deban de acceder obligatoriamente con usuario y contraseña y dependiendo del rol, empleado o jefe vean unas páginas u otras. Los empleados no se pueden dar de alta los meteré yo, pero sí que pueden resetear la contraseña si se les olvida la primera que les proporcioné. Voy a intentar hacer todo esto desde el front para hacerlo más bonito y accesible. No sé si se puede hacer desde WordPress, necesito algún plugin. Te agradezco mucho el soporte, me da seguridad tener alguien detrás que sabe y al que pueda pedir ayuda si lo necesito, pagando claro, me pone entre paréntesis. Bueno, básicamente lo que quiere aquí Manuel es crear una intranet, lo que pasa que, digamos, no es la típica intranet que te pone un informático en los distintos ordenadores de una empresa, sino que es a través de acceso a una web que está en un servidor al que podría acceder todo el mundo, salvo que lo cierres, que es lo que quiere Manuel en este caso. Y yo tengo un curso que es perfecto, creo, para estos casos, porque es un curso de creación de intranets, pero lo que hago en el curso no es utilizar un plugin, digamos de estos grandes para intranet, sino que te explico una aproximación en la que la web se cierra al público y luego te voy enseñando según las necesidades, las más típicas de este tipo de web. Por ejemplo, de lo que me ha comentado Manuel, tengo cubierto todo lo que él dice en este curso, porque es muy típico para una web de tipo intranet, pues por ejemplo, dedico una clase a cómo crear a medida roles de usuario, en este caso lo necesita Manuel, dedico otra clase a cómo crear un directorio de miembros, que no me lo especifica pero suele ser bastante útil, otra a cómo crear o mostrar una página de perfil para cara miembro, otra como crear contenidos personalizados o páginas que solo puedan ver determinados roles, que es precisamente lo que quiere Manuel, que los empleados vean unas páginas y que los jefes otras. Explico cómo crear un sistema de mensajería entre miembros, cómo restringir contenidos y páginas, cómo mostrar una sección de noticias para empleados o para miembros de la intranet, en fin, todo esto son píldoras individuales, cada clase es para una cosa, incluida la clase en la que enseño a restringir el acceso y también a personalizar el login, así que recomiendo este curso. De todas maneras os digo los plugins que podéis utilizar para cada caso. Para cerrar la web, a mí me gusta All in One Internet, porque simplemente hace eso, cierra la web. Para los roles de usuario, para personalizarlos, podéis utilizar el plugin User Role Editor y luego pues en este caso de Manuel, pues seguramente se quiera restringir el acceso a la parte administración, que para eso hay muchos plugins. Incluso se puede hacer por código, yo lo explico en la zona código. En fin, es ir buscando cada característica según se necesite. Como digo, os dejo enlace al curso de creación de intranets en WordPress en los Q a los episodios de preguntas y respuestas. Es muy útil que vayáis a las notas del episodio porque debajo de la pregunta, que además pongo el minuto en la que la respondo, te dejo los enlaces relevantes. Entonces tienes la pregunta y justo debajo de los enlaces que corresponden a esa pregunta. Perfecto. Pues vámonos con La pregunta número 2 de José Antonio, que va sobre cómo guardar una paleta de colores en WordPress. Me Hola Gonzalo, me gustaría saber cómo se puede hacer para tener disponibles los colores de mi web cada vez que quiera utilizarlos en un botón, un texto, una barra o cualquier otro elemento. Ahora a veces me aparecen por defecto y otras tengo que escribir el código Pantone. Quiero que me aparezca la paleta de colores de mi web para poder seleccionarlo con un solo clic. Gracias por tu ayuda José Antonio. Bueno, gracias a ti José Antonio. A ver, no me ha especificado qué usa, es decir, no me dice si utiliza un constructor visual externo, si utiliza el editor de bloques. Yo voy a asumir que está utilizando el editor de bloques que viene por defecto, pero si tú utilizas algo aparte tienes que configurarlo ahí. Si utilizas Elementor, pues configuras tu paleta de colores en Elementor u otro constructor visual pues lo propio. Pero sí que el tema de los colores es muy mejorable en el editor de bloques y de hecho hay un plugin específico que se llama Block Editor Colors de la empresa motopress, que tiene bastantes plugins, así que es una empresa seria digamos. Lo chulo de esto es que te permite no solo editar los colores que vienen por defecto en el editor de bloques, que esto digamos sí que se puede hacer más fácilmente aunque no se guarden, pero este plugin te permite guardarlos, sino que además te permite modificar los que vengan con tu tema. El problema de esto es que como los colores son parte del diseño, pues ahí entran en acción los themes por lógica, porque son los encargados de controlar el diseño de tu web. Entonces muchas veces en algunas zonas salen esos colores en otras salen los que tú habías puesto del editor y con esto digamos que lo controlas todo. Primero los personalizas desde un panel y luego siempre los tienes disponibles. Así que para este caso, este es uno de los plugins ideales. De nuevo se llama Block Editor Colors, pero lo tienes justo debajo de la pregunta número 2. Perfecto. Pasamos ahora a la número 3 de Jose y que va sobre cómo convertir una web en una app fácilmente. Me Hola Gonzalo, quiero hacerte una ¿Se puede hacer una app para acceder a los contenidos de mi web tal tal es? ¿En caso afirmativo, hay alguna forma fácil y gratuita de poder hacerla? Me gustaría que la app sirviera para que apareciesen las actualizaciones de la web, nuevos posts y que permitiese el acceso a los documentos que estén colgados en ella. Gracias. Sí, a ver, lo más fácil es convertirlo en una Progressive Web App, es decir, en una PWA, que son sus siglas. Esto básicamente realmente es una página web que se accede desde un navegador, pero la experiencia es como la de móvil, es como la de una aplicación móvil. Entonces hay un plugin, ya digo, que se llama Súper Progressive Web Apps, que es gratuito y que te crea una versión o convierte una web en este formato, le da, te permite con sus opciones pues que parezca una aplicación móvil y luego lo que se hace es lo típico de añadir esa web a tu pantalla de inicio. Tú desde el teléfono tú puedes añadir webs a tu pantalla de inicio, entonces te aparecen con un icono, además tú puedes controlar el icono que aparece y demás y entonces cualquier usuario desde ahí le puede dar y ya se le abre y la experiencia va a ser como que está navegando por una app, aunque realmente sea una web app. ¿Y además viene preparado pues para que? Para que sea como una app de verdad, que cada página que se visita se almacene en el dispositivo de esa persona y con lo cual si después por ejemplo accede sin conexión a Internet va a poder ver esas páginas. La única pega es esa, que la persona le va a tener que dar a añadir a tu pantalla de inicio. Lo bueno es que te lo facilitan, te ponen un mensaje, por ejemplo, cuando detecta que alguien lo abre desde móvil, esa página que tú has preparado le sale un mensajito en pantalla que pon haz clic aquí para ponerlo en tu pantalla de inicio o algo de eso. Creo que se puede personalizar y entonces ya queda como icono en su pantalla de inicio y ya siempre puede acceder desde ahí, pero no se descarga desde la App Store ni nada de eso. Si lo que quieres es una pura y dura. Entonces sí que hay servicios como App Preser que te convierten, o que te convierten no, mejor dicho, te permiten crear una app usando WordPress. Entonces es como que estás creando una web con WordPress pero en el fondo estás construyendo una app y luego las puedes enviar, esta sí a la App Store y a la Google Play y demás. Hace años publiqué un episodio, lo iba a enlazar pero me he dado cuenta que todos los plugins que había para convertir páginas web con WordPress en aplicaciones móvil ya no existen o están abandonados o lo que sea. Entonces decidme si os interesa y vuelvo a peinar un poco el mercado, ya digo, para plugins que yo creo que es mejor usar un servicio ya digo como appreservo o convertirlo en una web app, que es lo más sencillo, pero bueno, seguramente haya opciones por ahí, así que si os interesan decídmelo e investigo para sacar un episodio actualizado al respecto. Venga pues dejamos la pregunta de Jose y nos vamos con la cuarta que es de Toni, que va sobre cómo renombrar archivos adjuntos enviados por Contact Form Seven. Me Hola Gonzalo, tengo una consulta sobre cfd y es si puedo renombrar los archivos adjuntos cuando se envían para que al descargarlos figure el nombre del archivo, campodni por ejemplo. Muchas gracias. Sí, se puede hacer Toni, se podría hacer por código, que no sé si merece la pena que lo saque en la zona código, porque hay un plugin muy bueno para esto, que en general está muy bien para mejorar la experiencia de subida de archivos. Cuando se usa Contact Formse te permite que el visitante los pueda arrastrar y soltar en lugar de seleccionar archivos, subir del ordenador y demás. Y en su versión premium ofrece esta opción, que es renombrar en base a lo que tú quieras, pues por ejemplo campos específicos cualquier archivo que se suba. Y tiene un montón más de opciones en su parte Pro, de hecho era perfecto, me dijo Tony, era perfecto para lo que él necesitaba. Así que si estáis en un caso parecido, utilizad este Play. Y nos vamos con la quinta y última pregunta que es de Rafa y que va sobre cómo mostrar la moneda según el país desde el que se compra. Me Buenas Gonzalo, te escribo de nuevo porque tengo una consulta para un proyecto he realizado una web donde se venden cursos y ahora quieren vender esos cursos en el resto del mundo. El tema es que quieren que según el país desde donde entre un usuario el precio del curso y el carrito salgan en la moneda de ese país. ¿Hay algún plugin para WooCommerce que haga esto? Supongo que detectaría por IP o de alguna forma la conexión y debería mostrar el precio y la moneda de ese país. También entiendo que automáticamente cada día actualizaría la divisa. Gracias como siempre y un saludo Rafa Bueno, gracias a ti Rafa. Esta pregunta la he seleccionado porque yo recientemente hice esto en mi web. Yo no uso woocommerce como es el caso de Rafa, sino que uso Eddie Digital Downloads y en mi caso uso el plugin o el addon Multi Currency y este plugin permite primero mostrar todas las monedas que quieras, segundo detectarlo, aunque como esto muchas veces falla a mí me gusta poner un selector de moneda, que de hecho lo tengo, tú vas al checkout y seleccionas la moneda, simplemente tengo euros o dólares en mi caso y te puedes dar de alta en un servicio y vincularlo para que automáticamente compruebe cada día el tipo de cambio y lo ajuste o le puedes poner tú un tipo de cambio que tú consideres. De ese modo siempre va a ser igual o siempre que tú lo pongas va a ser. Siempre va a ser lo que tú pongas, vamos. Y bueno, en el caso específico que me pregunta Rafa que va sobre WooCommerce, hacerlo basado en país y que se actualice la divisa, pues hay dos opciones, una es gratuita o freemium digamos con una parte gratuita que se llama Price Based on Country y en su versión gratuita gratuita tú estableces el tipo de cambio, si quieres que la divisa se actualice automáticamente necesitas la versión premium y luego tienes uno que se vende en la tienda oficial de WooCommerce que se llama Currency Switcher for WooCommerce, que este es el que eligió Rafa porque daba todo lo que necesitaba, pero vamos, los dos en su versión de pago dan lo que necesita, pero quería poner los dos porque si tú no quieres que se actualiza automáticamente pues con el gratuito te es suficiente. ¿Sí? Fantástico. Pues hasta aquí este episodio de preguntas y respuestas. Recuerda que si tú necesitas sobre soporte como este directamente conmigo pues lo tienes incluido por hacerte miembro en Gonzalo Navarro es además de poder acceder a la comunidad privada de Telegram, donde ahí ya puedes hacer preguntas al resto de la comunidad, incluso responder si el tema que se está hablando lo controlas. Y esto es solo una pata. Recuerda que en la membresía tienes acceso a los más de 85 cursos para crear y gestionar webs con WordPress de forma profesional, a los más de 390 snippets de código para simplemente copiar y pegar y así poder ahorrarte multitud de plugins. Y ahora la nueva sección de recursos con talleres en vídeo, guías y mini plugins súper optimizados, súper livianos para aspectos muy concretos. Por ejemplo, el que he publicado ahora mismo es un gestor de enlaces externo que básicamente te genera dentro del menú ajustes. Nunca voy a hacer un plugin que te que te moleste en la parte de administración, sino que se pone dentro del menú ajustes. Tú te vas a Gestor de enlaces externos y tienes dos opciones, una para que automáticamente todos los enlaces externos de tu web se abran en una nueva pestaña, que esto yo lo uso, y otra para que automáticamente todos los enlaces de tu web adquieran el parámetro nofollow, es decir, que no sea seguido por los motores de búsqueda. Esto se puede hacer normal en WordPress a nivel individual de cada link, pero si quieres hacerlo de forma masiva, pues con esto lo tienes a tu alcance. Así que si aún no estás dentro, en Gonzalo Navarro es tienes toda la info. Nada más por este episodio, nos seguimos escuchando. Adiós.