243 | Recopilación de respuestas sobre WooCommerce, privacidad, imágenes y marketplace

En el episodio 243 de WordPress semanal respondo dudas sobre cómo modificar el diseño de los productos relacionados en WooCommerce, cómo configurar la privacidad de los vídeos de Vimeo para una escuela online, qué hacer cuando los emails de WooCommerce llegan tarde o no llegan, si es necesario usar un constructor visual para dar efectos a las imágenes de tu web y cómo crear un marketplace en WordPress. 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 mejor inversión que la de aprender a crear y gestionar tus propias webs con WordPress. Y este es un episodio de preguntas y respuestas. Suelo hacer uno al mes, en este caso es la recopilación de diciembre 2020. Y básicamente lo que hago es recoger preguntas que los que estáis suscritos me hacéis a través de la parte de soporte y las comparto con todos vosotros, los oyentes, porque estoy seguro de que muchas de ellas os pueden ayudar. Antes que nada, este es el episodio 243, así que si vais a Gonzalonabarro es 243, vais directamente a las notas del episodio. Los beneficios de esto es que vais a poder leer un esquema de lo que voy hablando, vais a poder ver las preguntas que voy a contestar ahora, los enlaces que pongo debajo de cada pregunta, que básicamente lo que te dan es la solución o una forma de arreglar el problema que tenéis. Así que sobre todo para este tipo de episodios en los que hay mucho contenido que comparto, pues os viene bien tener ese acceso rápido a todas las notas del episodio. Bien, antes de ello, vamos a ver otra cosa que también tenéis disponible directamente si vais a las notas, que es lo nuevo, las novedades en Gonzalo Navarro es que que en este caso es el vídeo 194 de la zona Código. La zona código es donde voy compartiendo vídeos en los que os enseño a modificar el aspecto y el funcionamiento de vuestra web sin utilizar plugins. Esto si estáis suscritos todos, tenéis acceso a los 194 vídeos que ya he publicados. Y como digo, este último está enfocado a que aprendáis a crear destacados utilizando simplemente el editor de Gutenberg y un poquito de CSS. Estos destacados os pueden servir para poner cosas importantes en los artículos del blog o romper un poquito la monotonía de todo texto, todo título y texto imagen, pues podéis poner por ejemplo una cajita destacada donde, no se, pongáis alguna llamada a la acción que queráis poner o un trocito de vuestro contenido que sea importante. También os puede valer para landing pages, también para hacerlas más bonitas o hacer una parte que destaque más. Eso digamos lo positivo entre comillas, pero también lo podéis usar, Podéis tener como distintos tipos de destacados, uno para cosas importantes, a lo mejor uno, otro para cuidados, cuidado con esto, qué tal. Imagina que yo por ejemplo publico un tutorial y digo y en un destacado como con peligro, así que lo puedo poner como en rojo para que llame la atención, digo muy importante que hagáis una copia de seguridad porque si no podéis perder tal, tal, tal. Pues ese tipo de casos. Y con Gutenberg ya se facilita esto, porque tú puedes darle, puedes crear por ejemplo un párrafo y darle un fondo, un color de fondo, pues verde, rojo o lo que quieras, pero claro, si ya le quieres poner a lo mejor un texto delante que siempre aparezca, por ejemplo, que sea atención o destacado o lo que sea, lo puedes hacer a través de CSS. Si quieres redondear los bordes lo necesitas hacer a través de CSS, si quieres darle como una sombrita para que destaque más, también por CSS. Y eso es precisamente lo que os enseño, partir de algo que está ya muy bien, que es lo que te ofrece el editor de Gutenberg y darle ese paso extra simplemente con unos retoquitos que ya veréis que son muy fáciles de implementar. Todo eso en el vídeo 194, como digo, de la zona código, si estáis suscrito tenéis acceso ya inmediato, solo tenéis que ir a la parte de snippets de código o ir directamente a gonzalonabarro es códigos, sí. Eso en cuanto a las novedades. También tenéis el último curso que he publicado, que ya os hablé de él en el episodio anterior, que es el curso de Custom Post Types y Taxonomías personalizadas, es decir, cómo crear contenido personalizado en WordPress, más allá de entradas y páginas, más allá de categorías y etiquetas, crear tus propios tipos de contenido y tus propias formas de categorizarlos. Es un vídeo enfocado a implementadores, no tenéis que saber programación porque utilizamos un plugin para hacer todo ello. Incluso si eres desarrollador, como expliqué en el vídeo anterior, yo te recomiendo, o yo al menos lo hago, te recomiendo utilizar este plugin porque facilita mucho la tarea y agiliza el proceso de crear tipos de contenido, más allá de que después te cargues el plugin y trabajes solo con el código, que se puede hacer y también lo explico en el curso. Sí, fantástico. Esas son un poco las novedades. Lo que está pasando en gonzalonabarro es, vamos a ver ahora el plugin de la semana que te va a permitir crear de forma muy sencilla un login modal, es decir, una cajita para iniciar sesión que aparece en pantalla cuando le das a iniciar sesión, cuando le das a login o lo que sea. Muchos me preguntáis cuando veis en mi web, yo tengo uno implementado, aunque es otro plugin, porque yo utilizo Genesis, pero muchos me preguntabais cómo hacer esto. A los que utilizabais Genesis os recomendaba el plugin que yo utilizo, pero muchos otros no utilizabais Genesis y no había ninguna solución que se pareciera, se acercara siquiera al plugin de Genesis. Pues ya está aquí. Es de la gente de Awesome Press, es Awesome Modal Login se llama el plugin y está súper bien. Es de estos plugins sencillos que hacen lo que tienen que hacer. Y básicamente lo instalas y te añade automáticamente al menú un enlace para hacer login. Cuando alguien no esté conectado le saldrá ese mensajito de hacer login. Le das a login y te aparece en pantalla una cajita de iniciar sesión, estés en la página que estés. Si el usuario ya está logueado, pues en vez de login le aparecerá logout para desloguearse, para cerrar sesión. Y luego además trae un shortcode para que tú puedas poner este login donde quieras, que no sólo esté en el menú principal, sino que si tú, yo que sé, lo quieres poner en la página de mi cuenta, o lo quieres poner en un CTA o donde sea, lo puedes poner también. Y además trae la posibilidad de redireccionar el funcionamiento. Normal es que si tú inicias sesión o un usuario inicia sesión, se queda en la página en la que estaba, pero si tú quieres forzar que cuando alguien inicie sesión se vaya a una página concreta, lo puedes hacer. Lo mismo que cuando cierran sesión, si quieres que se vayan a una página específica, lo puedes hacer y ya está. Esas son todas las opciones que trae, que como ves te las he explicado en un momentito. Así que son de esos plugins que prácticamente instalas, lo configuras en 30 segundos y lo tiene. Yo lo estoy empezando a utilizar en webs de clientes, es un plugin muy nuevo, los dos empresa acaban de salir hace poco, detrás están Nawai Badiola y Esther Solá, aunque para este plugin, según veo en la página, también ha contribuido David Per Álvarez, así que muy muy recomendable. De nuevo se llama Awesome Model Login, lo tenéis directamente en las notas del episodio. Recordad que este es el episodio 243. Y ahora ya sí, nos vamos con vuestras preguntas y mis respuestas. Y comenzamos con la de Rafa, que va sobre cómo modificar el diseño de los productos relacionados de WooCommerce. Me Hola, estoy modificando mi web y añadiendo WooCommerce, pero el widget de categorías es muy básico. ¿Cómo se puede mejorar su aspecto? Me refiero al tipo de letras, poner imágenes, etc. Gracias. Bueno, el aspecto realmente le comenté a Rafa que lo puede modificar por CSS, pero claro, ahí está el problema de si te manejas o no te manejas con CSS. Entonces, por un lado os voy a dejar dos enlaces a vídeos de la zona código en el que os enseño lo estrictamente necesario para empezar a poder hacer esos pequeños cambios de edición por CSS que yo creo que cualquiera que tenga una web debe aprender porque es muy fácil y te da mucho, mucho control. Entonces os dejo uno se llama Cómo editar CSS en WordPress y otro es Cómo editar CSS gracias a una extensión de Chrome que te permite editarlo visualmente sin escribir CSS. Este vídeo cuando lo veis os encanta, así que os lo recomiendo. Os dejo el enlace a los dos. Pero luego, si no quieres editar con CSS o se te queda corto, porque aquí Rafa se refiere a un widget que tú puedes añadir por ejemplo a la barra lateral de la página de tu tienda online y puedes ir mostrando productos por categoría o distintas categorías de producto, pero a Rafa le gustaría que fuese un poquito más visual, entonces el widget que te viene por defecto no es tan visual, pero puedes utilizar otro plugin que te permita controlar mejor los productos relacionados que se van mostrando y demás. Yo le pasé a Rafa uno que os voy a dejar en las notas del episodio, que está bien para mostrar productos relacionados, que te permite decidir si quieres mostrar la imagen, si no, si quieres pasarlo así como si fuese estilo un slider, pero hay muchos otros. Entonces dependiendo de justo justo lo que queráis, buscadlo en WordPress. Org porque los hay gratuitos, hay un montón. Y fijaos, como siempre os digo, en las valoraciones, en el soporte, en cuántas instalaciones activas tenga y en función de ello, si veis que está bien, si veis que tiene buena respuesta, pues ya lo probáis y si no, pues me preguntáis, Gonzalo, ¿Este plugin qué te parece a través del soporte y yo os ayudo, ¿Vale? Pero es básicamente eso, tienes el enfoque de tú mismo intentar modificarlo por CSS, a lo que de nuevo os animo mucho porque de verdad que os vais a sentir que estáis mucho más en control cuando empecéis a hacer ese tipo de cambios y luego si no podéis, pues no tenéis más remedio que instalar un plugin que tenga esas cosas que estáis buscando. Os dejo los enlaces debajo de esta pregunta de Rafa. Y nos vamos ahora con la de Miguel Ángel, que me pregunta cómo configurar los vídeos de Vimeo para una escuela online. Me dice, buenos días Gonzalo, vuelvo al ataque. Bueno, aquí he cortado varias partes del email de Miguel Ángel porque en ese momento en el que me preguntó hablábamos de más temas y bueno, me explica un poco el proyecto en el que estaba trabajando, pero me voy directamente a sus preguntas. La primera, ¿Qué opción de privacidad pones en Vimeo para los cursos para que se vean en la página pero que no sean públicos? Y luego me dice que sus clientes quieren limitar el acceso a la escuela online que tienen a que se visualice en dos dispositivos los vídeos. Y me pregunta que cómo se hace esto y si se podría saber de alguna manera si hay un uso fraudulento de los vídeos. Y bueno, aquí me explica un poco de su experiencia que tuvo en una empresa y cómo estaban muy preocupados de la privacidad y que él tiene un poco sentimientos encontrados porque también puede ser una buena estrategia para crecer. Bueno, en definitiva me termina diciendo, bueno, a ver si me puedes ayudar. Como siempre, muchas gracias, un abrazo. Bueno, gracias a ti Miguel Ángel. Miguel Ángel tiene aquí dos dudas bastante típicas cuando se crean una escuela online basada en vídeos y es cómo controlar que esos vídeos solo se vean en la plataforma que se está creando. Y por otro lado, cómo limitar el acceso de un usuario que no se pueda, por ejemplo, comprar, imagínate una suscripción y que pueda acceder todo el que tenga ese usuario y contraseña. Aquí voy a empezar por la primera parte, por la de los vídeos en Vimeo, cómo configurarlo para que sólo se pueda mostrar o solo se puedan ver en una página concreta y que no se puedan descargar y demás. Bien, yo en mi web utilizo Vimeo, efectivamente, entonces Vimeo tiene una configuración en la parte de. De privacidad que le puedes poner en qué dominios se puede reproducir ese vídeo y en qué dominios no. Entonces, ¿Qué es lo que yo hago? Bien, lo primero que hago es que el vídeo en cuestión no pueda aparecer en Google, no pueda aparecer ni siquiera en Vimeo, no puede aparecer en ningún lado. Eso por un lado. Y luego en los ajustes generales del vídeo, es decir, tú abres el vídeo y tienes una parte de ajustes y que pone general, ahí vas a ver una opción que pone dónde puede insertarse ese vídeo. Tienes que seleccionar la opción de en dominios específicos y. Y escribir el dominio de la web en la que quieres que se reproduzca. Si es en más de una web, porque hay veces que se usan los vídeos para distintas plataformas, puedes poner más dominios. Tened en cuenta que para cuando vais a trabajar con Vimeo en una escuela online y demás, necesitáis un plan de pago, el gratuito no os va a servir para esto porque no vais a poder controlar tanto todo esto de la privacidad y además ya hubo revuelo hace tiempo porque decían que si te pasabas de X reproducciones te iban a cobrar demás no sé qué, porque te estabas aprovechando. En fin, si vais a hacerlo de forma profesional, contratad uno de los planes de pago o utilizar otra opción, ¿De acuerdo? Yo en mi caso uso Vimeo y así es como lo tengo. Luego, por supuesto, tienes la opción de que el vídeo se pueda descargar, que no se pueda descargar, todo eso por supuesto, pues marcar que no. Y luego está el tema de la piratería, que a ver, es lo típico, si tienes que empezar a preocuparte por la piratería es porque te está empezando a ir muy bien y al final un vídeo, cualquier contenido siempre puede ser pirateable si la gente se le ocurra. Por ejemplo, puede grabar la pantalla, puede grabar con un móvil el vídeo o lo que sea. Pero bueno, dicho esto, Vimeo, como os digo, tiene la opción de evitar la descarga normal. Así que eso lo podéis evitar, como digo, y luego lo delimitar las cuentas. Depende del plugin que estés utilizando, tienes la opción en el propio plugin, en los ajustes, de decir si un usuario de una escuela online o de un o de una suscripción específica puede estar conectado más de una vez o no. Pero eso no lo traen todos los plugins. Entonces, primero, dependiendo del plugin que utilices, lo puedes mirar, puedes ver si tienes la opción o no tienes la opción. Y en el caso de Miguel Ángel no la traía. Miguel Ángel utilizaba LearnDash y no traía esa opción. Entonces, ¿Qué se puede hacer? Pues puedes a través de código, yo creo que es lo mejor, establecer que no se pueda compartir el login, es decir, que no se pueda utilizar en más de un sitio a la vez. Y para esto tenéis el vídeo 147 de la zona Código, donde os enseñé a hacerlo por código y es muy sencillito, copiais, pegáis el código y lo tenéis. De todas formas os dejo el enlace al vídeo en cuestión. Como digo, otras soluciones, por ejemplo, la extensión de recurring payments de pagos recurrentes para EDD, tiene la opción de decidir si quieres que más de una persona pueda estar a la vez o no. Si no recuerdo mal, Restrict Content Pro también. Así que primero revisadlo en los ajustes del plugin o buscadlo en Google o preguntadme a mí. Y si veis que no, pues ya podéis aplicar una medida como esta por código, que está muy bien. De acuerdo, fantástico. Pues nos vamos ahora con la tercera pregunta, que es de Antonio y que va sobre qué hacer cuando los emails de WooCommerce llegan tarde o no llegan. Me Hola Gonzalo, quería preguntarte una duda sobre WooCommerce que necesito resolver urgentemente. Lo he buscado en Google pero no encuentro nada. He montado varias veces woocommerce de pruebas y ahora estoy con una tienda ya en serio, en la que el producto es un PDF descargable con pasarela de pago Stripe. Y bueno, corto una parte ahora porque no es relevante para la pregunta. Y me resulta que cuando se compra un producto y se paga, el cliente no recibe un email automáticamente diciéndole que ha hecho la compra como debería ser lo normal, en el administrador de Woo el pedido queda como completado y no envía el email. Te paso un pantallazo para que veas que está bien configurado. Y efectivamente aquí Antonio me pasaba un pantallazo de los ajustes de correo electrónico de WooCommerce, que por cierto os dejo un enlace para enseñaros cómo configurarlo y efectivamente lo tiene configurado, lo tiene habilitado, vamos, y me sigue me contenido diciendo a qué es debido. Otra cosa que me ha parecido entrever es que Woo manda ciertos mensajes con mucho retraso, el que recibe automáticamente el administrador avisando de una nueva compra es instantáneo, pero he visto que otros no. Tendré que meter mano al Chrome y hacer que SiteGround lo gestione. Gracias de antemano Antonio. Bueno, gracias a ti Antonio. A ver, esto de los correos pasan muy a menudo, y más que el cron, que puede ser si la web no tiene mucho tráfico, puede ser que el cron no esté funcionando muy bien, porque el cron de WordPress funciona dependiendo de, o sea, se activa cuando hay visitas, si no hay visitas no se activa, entonces se puede retrasar. Pero más que eso, yo lo que haría es mejorar el envío por defecto de WordPress, y para ello hay muchos plugins, pero os voy a dejar uno que os recomiendo, se llama WPMail SMTP y ahí lo que haces es configurar para que los emails se envíen desde tu servidor o desde Gmail si quieres incluso, o desde otro servicio que quieras contratar. Así en lugar de dejarlo a WordPress, que se miente desde WordPress, lo haces desde un servicio tuyo. Es bastante sencillo de configurar y hay muchos tutoriales ahí sobre cómo hacerlo. Y esto es algo muy muy muy habitual, el hecho de que no funcione ni que haya que configurar el envío desde otro lugar, ya sea de tu servidor, desde tu hosting, o como digo, puedes contratar un servicio especializado para los envíos, algunos hay algunos gratuitos. Y luego os voy a dejar un enlace a una página de documentación de WooCommerce donde ponen preguntas frecuentes sobre los problemas con los emails, porque como digo, es muy muy muy habitual. Por si hay algún caso que no es a lo mejor el que está comentando Antonio ahora específicamente, ahí están contemplados prácticamente todos los casos y cómo darle solución. Os ponen plugins por ejemplo, para ver si los emails efectivamente se están enviando, pero pues a lo mejor están llegando spam o lo que sea. Explican cómo funciona todo esto del envío de emails en WordPress. En fin, está bien para echar un vistazo y empaparse bien de todo esto. Por cierto, esta pregunta específica de antonio es para WooCommerce, pero a veces también pasa con los emails de WordPress normal, con los de si se ha perdido la contraseña, con lo de si hay un nuevo usuario o lo que sea. También a veces pasa que no se envían o que llegan tarde o lo que sea. En esos casos también os recomiendo que cambieis la configuración de los correos para que se envíen, como digo, desde otro servicio que no sea específicamente desde WordPress. Sí, fantástico. Dejemos la pregunta de Antonio y nos vamos con la de Elena, que es la cuarta y que me pregunta si es necesario Elementor para dar efectos a imágenes en WordPress. Me Hola Gonzalo, tengo varias dudas sobre cómo realizar algunos cambios a través de GeneratePress. He visto el curso varias veces pero me he atorado en algunas cosas, aunque la info está súper bien detallada, no sé cómo hacerlas. No sé si resuelves este tipo de preguntas o más bien dudas generales. Bueno y vamos con las preguntas de Elena. La primera me No tengo claro cómo tocar la luminosidad de la imagen subida para el header de toda la web. No sé si lo puedo hacer directamente aquí o tengo que editar la imagen en medios porque ahí no hay opción de tocar esto. Y luego me Si aprendo a usar Elementor ya lo tengo instalado, me ahorro todas estas historias. Muchas gracias por todo. A ver. Bueno, gracias a ti Elena. Aquí Elena se refiere a. Bueno, está con el curso de GeneratePress. Es un theme de WordPress que está muy bien y que tiene, cuando contratas la versión Pro, ciertas partes para personalizar a nivel estructural la web. Por ejemplo, puedes crear headers, es decir, cabeceras específicas para páginas concretas o para todas las páginas y demás. Tiene como una especie de constructor con una parte que se llama elements, elementos y los puedes ir poniendo en distintas zonas de forma bastante sencilla, no tanto como con un constructor visual, pero está bien. Y entonces ella quiere poner una imagen, o ha puesto una imagen a modo de cabecera y dice que él la quiere modificar, que quiere modificar su luminosidad. Entiendo que lo que quieres seguramente es ponerla un poquito más oscura para que el texto de encima se vea bien. Y me pregunta si se puede hacer directamente ahí o en otro caso, si utilizara Elementor, podría hacerlo de forma más sencilla y podría evitarse estos problemas con los que se está encontrando. Bien, pues a ver, básicamente lo normal es subir las imágenes ya personalizadas con algún problema, algún programa que tengas, estilo Photoshop. De hecho, muchas veces cuando vemos demos de temas de WordPress o de lo que sea y vemos efectos muy chulos, en la mayoría de ocasiones esos efectos se dan porque ya se han subido las imágenes con esos efectos, por ejemplo, subir ya una imagen oscura para que luego el texto que pongas encima funcione. Entonces es lo habitual, subir las imágenes ya editadas tal y como quieres que se muestren. Pero si no, sí que hay algunos ajustes que se pueden hacer por CSS, por ejemplo, os dejo un vídeo de la zona código, el vídeo 33, en el que enseño cómo dar transparencia a las imágenes en WordPress, es decir, hacerla más o menos transparente. Y como este tenéis otros efectos también para las imágenes y lo podéis hacer a través de CSS. Entonces, respondiendo a Elena, si lo quieres hacer directamente en la web y directamente con lo que tienes, o subes la imagen ya editada tal y como la quieres o tienes que aplicarlo por CSS en el caso en el que se ve Elena ahora mismo. Después me dice lo de si merece la pena utilizar Elementor o no. A ver, es cierto que con Elementor tienen más control sobre el diseño y y algunas opciones de efectos para las imágenes, y también es cierto que puedes editar partes estructurales como es el header. Lo que sí que ten en cuenta que necesitas la versión Pro, la versión de pago de Elementor, pero no sabría decirte si te merece la pena o no. Es decir, si ya puedes hacerlo con generatePress y simplemente quieres eso, controlar la estructura de tu header, te puedes ahorrar Elementor porque puedes diseñar las páginas con Gutenberg, puedes aprovechar las opciones de Genera y Press y al final lo de las imágenes es que hay que trabajarlo un poquito y no puedes tener todas las opciones dentro de un mismo servicio. Entonces seguramente te merezca la pena editarla primero en tu ordenador, con cualquier programa, con Canva, con Photoshop, con lo que quieras y ya está. Pero sí, si echas en falta más control sobre el diseño puedes lanzarte con Elementor y Elementor Pro. Tenéis cursos de GeneratePress, de Elementor Básico y de Elementor Pro en la plataforma. Fantástico. Dejamos la pregunta de Elena y nos vamos con la de Luyana, que va sobre cómo crear un marketplace en WordPress. Me Hola Gonzalo, estoy haciendo una especie de marketplace para comercios locales de un pueblo y quisiera saber qué plugin recomiendas para que cada comerciante reciba los pagos en sus cuentas. Los que he visto funcionan a base de comisiones. Muchas gracias. Sí, gracias a ti Luyana. Y sí, la mayoría de los plugins trabajan con el concepto de comisiones, pero puedes hacer que sean las comisiones del 100%. Por ejemplo, si lo que quieres es que cada uno se lleve todo, pues haces que las comisiones sean del 100% y listo. ¿Y luego, sobre qué utilizar? Pues una de las mejores opciones es utilizar WooCommerce, el plugin de plugins para vender online, más su extensión para que pueda haber distintos vendedores. La extensión se llama Product Vendors, es una extensión de pago, pero es muy popular y seguramente sea la mejor opción. Os dejo el enlace y ahí lo tenéis. Hay mucha documentación sobre este plugin. También encontraréis vídeos en YouTube y prácticamente mucha información tanto en español como en inglés sobre cómo utilizarlo. Eso es bastante popular y es el que se suele utilizar para estos casos en los que se quiere crear un marketplace. Lo tenéis todo en la parte de enlaces. Recordad, este es el episodio 243, así que GonzaloNabarro es 243 y vais directamente a todos los enlaces que os he ido dejando. Hasta aquí las cinco preguntitas de este mes. Recordad que si queréis soporte como este, directamente conmigo en vuestra bandeja de entrada podéis recibirlo si estáis suscritos, además de los más de 50 cursos que ya he publicado, los más de 190 vídeos de la zona código, todo lo que va saliendo cada semana y cada mes, pues tenéis eso, la posibilidad de preguntarme vuestras dudas del día a día para que ahorréis el máximo tiempo posible en la creación y en la gestión de vuestras páginas webs. Ya sabéis, Gonzalo es ahí tenéis toda la información, la posibilidad de apuntaros nada más por este episodio. Nos seguimos escuchando. Adiós.