173 | Q&A sobre zoom en imágenes, bloquear países, vender curso + ebook, columnas

En el episodio 173 de WordPress semanal resuelvo dudas sobre zoom especial en imágenes, por qué se guardan datos en los formularios de compra, cómo bloquear acceso a tu web de países concretos, cómo vender un ebook acompañado de vídeos y cómo poner contenido en columnas en Storefront. 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 ni mejor inversión que la de crear y gestionar tu propia web con WordPress. Y hoy vamos a enfocarlo a esa gestión, a esas dudas que te pueden ir surgiendo mientras desarrollas un proyecto, mientras haces o gestionas algunas de tus webs. Así que voy a responder a cinco preguntitas en este episodio que ya toca de preguntas y respuestas. Ya sabéis que estoy haciendo uno al mes, quizás en agosto haga alguno más, que en general veo que hay buena aceptación. Si os interesa, ponédmelo en los comentarios de ivoox, si me escucháis en ivoox, que ahí se puede comentar, o si no, pues directamente me lo podéis poner en Gonzalo es sugerencias. Ahí ya sabéis que podéis proponer cualquier cosa para el podcast, para el blog, para la zona Código, para los cursos, en fin. Pero vamos a entrar ya en materia y lo vamos a hacer como siempre, hablando de las novedades qué está pasando en Gonzalo Navarro. Es Esta semana os voy a presentar el nuevo vídeo de la Zona Código, que ya sabéis que lo saco todos los martes, cada semana tenéis un vídeo nuevo, ya Vamos por el 124, y os enseño cómo añadir notificaciones flotantes al menú de WordPress. Lo hacemos sin plugins y con un código muy facilito de seguir. Si no sabéis muy bien a qué me refiero, podéis verlo en mi web. Ahora mismo lo tengo implementado, no sé si lo tendré en mucho tiempo o no, pero lo estoy probando. Y básicamente lo que os enseño en este vídeo es a poner pues como una especie de burbujita, como si fuese una notificación, y la pongo encima de un elemento de menú que he puesto en mi menú principal de mi web. He puesto uno que se llama Novedades y ahí pongo una burbujita con, pues por ejemplo, he puesto 6 como en una burbujita azul con mi color corporativo, pero puedes poner lo que quieras, puedes poner nuevo, puedes poner novedades, puedes poner lo último. ¿Es una forma un poco de llamar la atención a una página de tu web donde tengas contenido fresco, contenido nuevo, sí? Pues bueno, os enseño a hacerlo, incluso yo lo tengo fijo, pero lo podéis hacer que tenga un efecto como que esté votando, que así va a llamar más la atención todavía. Pero bueno, en cualquier caso tenéis varios ejemplos de cómo queda en la página del vídeo que os lo dejo en la parte de enlaces. Ahí os pongo un par de ejemplos de cómo quedaría, ya veréis que es muy fácil implementarlo y ahí lo tenéis. En cuanto al resto de novedades, bueno, tenemos el curso de este mes, estamos con el curso de precisamente cómo crear una plataforma de cursos online con el plugin LearnDash, que ya sabéis que este plugin es uno de los LMS Learning Management System o Sistema de gestión de enseñanza, pues es de los más populares dentro de WordPress. Se utiliza por formadores de todo tipo, incluyendo grandes empresas y universidades y por supuesto también pequeñas empresas o autónomos que quieran crear y vender cursos online de una forma profesional. Es un plugin de pago, pero ya sabéis que viene incluido para descarga, por supuesto, para que podáis seguir el curso sin problemas. Sí, esas son las novedades que está en la parte de enlaces, pero no dejéis de echarle un vistazo porque voy a poner muchos más enlaces de todo lo que comenté hoy. Ya sabéis que los episodios de preguntas y respuestas suelen venir bastante cargaditos de enlaces porque siempre apoyo la explicación que os doy con algún enlace útil para que podáis llevar a cabo lo que os explique o para que podáis ampliar información al respecto. Pero antes de meternos de lleno en vuestras preguntas, vamos con el plugin de la semana que es para poner una lista negra en Gravity Forms, en el caso de que uséis este plugin de formulario. Viene con varias cosas que puedes utilizar para evitar el spam, por ejemplo el sistema de Honeypot, que es el que me gusta a mí utilizar, pero esto te va a evitar el spam masivo, el que se hace automáticamente por bots. Hay veces que te hacen un spam digamos manual, que ese pues es difícilmente evitable porque es una persona escribiendo o copiando y pegando, pero está viendo el formulario con lo cual no es un robot y se puede saltar el mecanismo de anti spam. Para estos casos, si ves que hay una empresa, alguien que te está contactando y es claramente spam, pues lo que puedes ponerlo es en la lista negra. Y hay un plugin súper facilito de utilizar y de implementar que se llama Gravity Forms Email Blacklist. Y a ver, ellos realmente lo hicieron, en la descripción del plugin pone que ellos lo crearon para bloquear a la competencia, es decir, un poco para que su competencia no viese en el sistema que tenía la página de gracias cómo funcionaba el sistema que uno implementa, empezando por un formulario de Gravity Forms. Y lo que ellos dicen es que puedes bloquear todas las, digamos, los emails que vengan de una empresa concreta. Por ejemplo, si mi competencia es cursosjuanito puntocom y a lo mejor Juanito está intentando ver cómo lo tengo yo montado, pues a lo mejor él pondría hola ursosjuanitocom en el campo de email, que yo lo veo un poco tontería porque podría usar cualquier email de gmail, que sería lo más lógico, o incluso un email falso o lo que sea, pero en cualquier caso yo lo veo más lógica para evitar este spam manual que te digo. ¿Y si hay pues alguien o varios que te están haciendo spam, pues simplemente coges la terminación de esa URL o incluso el email entero y lo añades a la lista negra y de esa forma ya no te van a entrar esos emails que no quieres, de acuerdo? Bien, de nuevo, se llama Gravity Forms Email Blacklist. Podéis ver el enlace en el episodio 173 del podcast en el que vamos a entrar ya de lleno con las respuestas. Y vamos con la primera de Rodrigo, que es sobre Zoom especial en imágenes. Me Hola Gonzalo, hace unos días te preguntaba por portfolios filtrables en Divi y te cuento que finalmente logré resolver todos los aspectos de la web que me solicitaban y de paso aprendí un montón. Usé stylebot y realmente está increíble el uso que alguien como yo que no sabe escribir CSS puede darle. Es de las mejores herramientas que he conocido hasta ahora. Muchas gracias. Lo pone en mayúscula y ahora me dice que aquí viene la Te escribo nuevamente para saber si me puedes orientar. Estoy rehaciendo la web tal tal tal y debo replicar esto tal tal. Sabes de algún plugin que me sirva. Ya tengo listo el diseño nuevo en Divi. Gracias nuevamente por el curso y solo me falta esta sección. Quedo atento en caso de que tengas algún dato. Saludos. Vale, bueno, previamente Rodrigo me estuvo haciendo unas preguntas un poco cómo hacer cosas más a medida. A pesar de que utiliza Divi, que tienes bastante control en cuanto al diseño y demás, había ciertas cosas que necesitaba retocar que no podía hacer con Divi. Entonces le recomendé Stylebot, que le dedico un vídeo en la zona código, incluso lo utilizo en algunos cursos así. Y está muy bien porque es una extensión para Google Chrome que te permite seleccionar elementos de tu web de forma visual y darle estilo sin tener que escribir CSS. Y luego tú puedes ver ese CSS resultante, copiarlo y pegarlo en la hoja de estilos de tu web o en el personalizador de CSS y es una maravilla. Los que lo descubrís y no sabéis CSS, como es el caso de Rodrigo, os suele encantar y encima después a raíz de ahí vais aprendiendo CSS. Os dejo por ahí el vídeo en la parte de enlaces, el vídeo de donde enseño a utilizarlo, que de verdad está muy bien. Bueno, y su pregunta después de eso, él me envía un enlace de alguien que tiene una foto, es realmente un JPG de un mapa, pero que se puede ir haciendo zoom en las distintas zonas de ese mapa. Y no es realmente un. No es. No es un iframe de Google Maps ni nada, sino es lo que digo, una imagen, pero que tiene la capacidad de que puedes hacer zoom. Entonces hay varios plugins que te permiten gestionar el zoom en las imágenes de formas distintas, y el más popular de ellos se llama WP Image Zoom, que lo recomiendo porque tienes bastantes opciones en cuanto a cómo se hace el zoom, donde se se va a aplicar, en qué imágenes. Así que está bastante bien para estos casos y para otros en los que estéis buscando una forma de hacer zoom en imágenes que no sea la que venga con tus productos de WooCommerce, o porque no tengáis una tienda online, o porque lo queréis hacer aparte de woocommerce, o que no sea el que venga si tenéis, no sé, un plugin para tener un portfolio o lo que sea. Esto es independiente, es solo para que tú, independientemente de lo que utilices o si es que no utilizas nada, pues tengas la capacidad de que tu usuario, tu visitante, pueda hacer zoom en las imágenes de una forma concreta. Puedes controlar el zoom y demás os dejo por ahí de nuevo en la parte de enlaces, os dejo este plugin y nos vamos ahora con la pregunta de Jorge que es sobre datos del cliente guardados en el checkout de WooCommerce. Y vamos a ver ahora a lo que se refiere. Me dice Hola Gonzalo, cuánto tiempo, espero que estés bien, yo estoy bien esperando a que llegue el verano. Te cuento que estoy creando una tienda con WooCommerce, pero tengo una duda. En los datos de facturación cuando se hace una compra quedan grabados los datos del comprador y al entrar otra persona se visualizan los datos del cliente anterior. ¿Cómo hago para que los campos queden en blanco y no se vean los datos del anterior cliente? Gracias Jorge. Bueno, esta pregunta la he puesto porque es bastante común y genera confusión, no sólo para en este caso un formulario cuando alguien compra en WooCommerce, sino formularios en general, de contacto o de lo que sea. Y básicamente Jorge dice que cuando alguien va a comprar en su tienda online hecha con woocommerce, cuando va a la página donde tiene que rellenar sus datos, le aparecen los datos del anterior cliente. Vale, esto muchos de vosotros os imaginaréis ya lo que lo que pasa. Y esto lo que ocurre es que le está pasando a Jorge. En las pruebas que él está haciendo, el navegador guarda los datos que Jorge había puesto y entonces cuando va a hacer otra compra parece que se quedan guardados, pero eso no es que se quede guardado para todo el mundo, se queda guardado en su navegador, en el navegador de Jorge y por supuesto no va a pasar en cualquier otro navegador, ni en cualquier otra web, ni a un cliente que le quiera comprar desde su casa. Esto si tenéis dudas simplemente buscad en Google Borrar el autocompletar de los formularios en Chrome o en el navegador que uséis o borrar formularios guardados en Chrome. Si buscáis básicamente borrar autocompletar o quitar autocompletar de formularios en Chrome o Firefox o donde sea, os va a salir cómo hacerlo y así os vais a dar cuenta que es algo que te pasa a ti en tu navegador, que tu navegador lo guarda para ti, para facilitarte la tarea de que no tengas que rellenar todo el rato los datos. Pero esto se puede quitar si quieres. ¿En cualquier caso es algo que en absoluto va a afectar, ya faltaría más que se queden guardados los datos del anterior cliente para que los pueda ver cualquier persona, de acuerdo? Eso no funciona así. Bien, dejamos la pregunta de Jorge y nos vamos con la de Raúl, que va sobre bloquear acceso a un país sin bloquearte a ti mismo. Concretamente me Hola Gonzalo, interesante post sobre restringir acceso a WordPress. Una pregunta, a mí me gustaría que no pudiesen entrar desde España donde estoy, al menos en dos meses luego que el acceso sea libre. He probado plugins pero si lo activo me bloquea a mí al entrar en el admin y claro está no quiero eso. ¿Sabes de alguno que me permita bloquear los accesos desde aquí pero que a mí me deje entrar? Gracias. Bueno, gracias a ti Raúl, y si, hay varias formas de hacer esto y es algo pues bastante común. Una de las mejores maneras de conseguirlo es hacerlo directamente desde tu cpanel, desde tu servicio de hosting, lo puedes buscar en el cpanel o preguntarlo a tu soporte y te van a indicar cómo hacerlo, tienes una parte donde podrás pues esto, bloquear países concretos y puedes dejar tu IP libre, esta sería una de las formas. Si tienes un hosting más o menos en condiciones, pues desde el soporte te van a guiar incluso pues te lo pueden hacer. Y si lo quieres buscar tú en el cpanel normalmente tendrás un apartado de seguridad y ahí tienes varias herramientas, varias opciones, entre ellas pues las de bloquear IPs o incluso poner una en la lista blanca que sería la tuya. La otra es a través de plugins, me dices que estás usando un plugin, seguramente no me indicas cuál es, pero seguramente tenga una opción para poner ips en la lista blanca. Lo que tienes que hacer es eso, si ya has bloqueado España, pues coges, buscas en google cuál es mi IP, ahí te va a decir tu IP, la pones en la lista blanca y listo. Si con ese plugin no puedes hacerlo, busca otro. Si no sé si utilizas alguno de los grandes de seguridad tipo workfence, tipo item security o tipo sucuri, en esos en algunos también puedes hacerlo, y también por supuesto puedes poner tu IP en la lista blanca, whitelist te vendrá seguramente en lugar de lista blanca. ¿De acuerdo? En el curso de seguridad en WordPress, como vemos los tres grandes plugins en detalle, pues vemos todas sus opciones y en los que tengan esta, que ahora mismo no recuerdo en concreto qué plugins la tienen, y cuáles no, pero sé que alguno la tiene. Pues ahí por supuesto cubro esa opción en detalle. Sí, pero yo no me complicaría, contactaría con tu hosting y decirle mira quiero hacer esto, ¿Cuál es la forma más rápida y mejor? Y te lo dicen. Sí. Fantástico. Dejamos la pregunta de Raúl y vamos con la de José Ramón que va sobre cómo vender un curso en vídeo acompañado de un ebook descargable. Y me dice Hola Gonzalo, antes de nada muchas gracias por tus enseñanzas. He creado un curso y me gustaría que me aconsejaras la mejor manera de venderlo. El curso está formado por un libro descargable y vídeos explicativos. He pensado en crear dos productos, por una parte solo el manual y por otra manual más vídeos con dos precios diferentes. Quiero usar Stripe para los pagos. ¿Qué sistema me aconsejas usar? Estoy barajando Paid Mermaid Pro con una suscripción de pago único, woocommerce y EDD y no sé si necesitaría algo más para las lecciones del curso. Me encanta tu sistema, ¿Es un secreto o puedes darme una breve explicación de qué usas y cómo lo has configurado? Muchas gracias de antemano y un fuerte abrazo, Jose Ramón Bueno, un fuerte abrazo también para ti Jose Ramón. Sobre cómo lo hago yo tengo un episodio del podcast en el que lo explico, os lo dejo en la parte de enlaces, ahí explico cómo tengo todo montado, qué herramientas uso y podéis escucharlo sin problemas, de hecho es algo que me preguntáis bastante y siempre os remito a ese episodio. Pero yo en tu caso, dependiendo de cómo quieres que sea la experiencia del consumo de esos de esos vídeos, porque por un lado me dices que vas a vender un ebook solo, pero luego vas a vender otro otro curso que se va a componer del ebook más vídeos. Quizás si es sólo eso, pues no necesites un LMS, un sistema de gestión de enseñanza como LearnPress o Learn Dash, que son los dos cursos que tienes disponibles en mi plataforma y a lo mejor puedes hacerlo con IDD, que es como por ejemplo lo tengo yo, que es básicamente el mejor plugin para vender productos digitales, productos descargables. Y por supuesto ahí tienes el curso completo también de Easy Digital Downloads. Aquí ten en cuenta que si quieres usar Stripe necesitas una extensión de pago y si ya te enfocas a LearnDash, es decir, ya un sistema más en el que el usuario pueda consumir, seguir las lecciones del curso de una forma un poquito más guiada y con una mejor experiencia del usuario. Entonces échale un vistazo al curso de LearnDash que está recién sacado, tienes también, incluyo la extensión para que pongas Stripe y enseño también a configurarlo y demás y puede venir muy bien. En cualquier caso tienes curso para todo, si lo quieres hacer con EDD pues tienes el curso, si lo quieres hacer con LearnDash tienes el curso de LearnDash. Y en cuanto a que uno sea con ebook y el otro sea con vídeo, no tiene más complicación, lo que sí que lo tendrás que enfocar de forma distinta dependiendo de lo que uses. Si es con ID seguramente necesites también algo para restringir esos vídeos, o sea que ahí quizás pues ya tienes que poner un plugin más como el que tengo yo por ejemplo, que te restringe el contenido. Para los que han comprado una descarga determinada, la parte de vender el ebook sí que sería muy sencilla porque lo pones directamente descargable o que le llegue por email a la persona que lo compra, pero si va acompañado de vídeos pues ya es diferente, tendrías que poner pues eso, o añadir una extensión extra para que te bloquee esas páginas o puedes buscar una fórmula un poco más sencilla, poner una página cerrada por ejemplo con contraseña y dar la contraseña en el email de gracias por la compra a la gente que haya comprado también los cursos. Puedes buscar varias alternativas y si lo haces con learndash pues simplemente en una primera lección puedes poner un botón para descargar el ebook y en las siguientes lecciones pues vas poniendo los vídeos o en el que es con vídeos pues lo pones como material adicional que vemos en el curso de LearnDash que puedes poner. Tienes esa posibilidad de, además de la lección del curso en sí, la posibilidad de poner como material necesario y ahí puedes poner enlaces como por ejemplo el de descarga a tu ebook. Sí, pero vamos, lo tienes todos los cursos, os lo dejo en las notas del programa. Fantástico. Nos vamos con la pregunta ahora de Fidel que es sobre cómo poner contenido en columnas en Storefront. Me Hola Gonzalo, buenos días. ¿Estamos usando por primera vez Storefront, quiero crear una página con dos columnas pero no funciona como lo he hecho siempre en WordPress y me pone un código que básicamente son dos dw, me pone un códigos HTML, de acuerdo? Dos divs, que son dos contenedores y con una clase que es en una pone one half first y en otra one half. Y me ¿Sabes si hay que usar otro tipo de código? He buscado pero no he encontrado nada referente a esto. Saludos y muchas gracias. Bueno, gracias a ti Fidel. Y aquí es un problema de concepto, porque Fidel hasta este momento entiendo ha estado usando Genesis. Por eso dice Fidel que siempre ha usado en WordPress este código y que siempre le ha ido bien para poner el contenido en columnas. En este caso es para ponerlo en dos columnas. ¿Qué pasa? Que casi todos los child themes de Genesis vienen con esta clase incluida. Entonces, sin haber tenido que hacer nada, Fidel lo que hacía era, pues usaba este código y ya contenido se ponía en dos, tres o las columnas que quisiese. Pero claro, ahora ha pasado a Storefront, que no es de Génesis y ha dado por hecho que este código iba a funcionar. Porque es como se hace. Pues no es como se hace porque como digo, es algo específico. Entonces para otros themes, como en tu caso, tendrás que crear esas clases para poder disponer el contenido en columnas. Os voy a dejar vídeos de la zona código en el que explico varias formas de hacerlo, columnas iguales, columnas desiguales, incluso ejemplos concretos de, por ejemplo, cómo crear tablas de precios utilizando columnas. Pero si estás acostumbrado a usar este código, yo lo que haría es cogerlo, que te dejo un enlace de GitHub donde los de Studio Press, que son los creadores de Genesis, lo tienen colgado. Tienen colgado este código para poner los contenidos en columnas. Simplemente lo copias, lo pegas en tu hoja de estilos, en el style CSS del child theme de Storefront que hayas creado y así vas a poder utilizar el mismo código que usas siempre para las columnas. Yo creo que será lo más sencillo si es a lo que estás acostumbrado a trabajar. Así que os lo dejo ahí en las notas del programa. ¿Y luego, pues si prefieres hacerlo con un plugin, también os dejo un plugin para poner contenido en columnas, sí? Pues con esto quedan resueltas las dudas sobre temas varios de agosto de 2019. Recuerda que para soporte personalizado conmigo puedes apuntarte al área para suscriptores y ahí pues además de todos los contenidos, los cursos, los vídeos de la zona código, tienes soporte conmigo directamente desde tu cuenta. Te vas a la parte de soporte y ahí me preguntas lo que necesites. Ya sabes que La suscripción son 10 euros al mes sin permanencia, tienes 15 días de garantía, lo pruebas todo el soporte, los cursos, los vídeos que quieres seguir, Fantástico, no tienes que hacer nada. Y si quieres la baja, pues simplemente me contactas, oye Gonzalo, que no quiero seguir, te hago la devolución sin preguntas y así nos queda claro que al menos lo has probado y sabes cómo es la plataforma para poder decidir de primera mano si estás interesado. Recuerda Gonzalo, es cursos y ahí tienes toda la información y la posibilidad de apuntarte. Así que nada más por este episodio, nos seguimos escuchando. Adiós.