260 | Cupones de descuento, galerías de imágenes, plugin login social, re aprovechar diseños, mostrar información en la cabecera WP

En el episodio 260 de WordPress semanal respondo dudas sobre cómo crear cupones de descuento al vender con el plugin WPForms, qué plugins de galería de imágenes hay que sean personalizables, cómo implementar un login social en el checkout de WooCommerce, cómo reaprovechar diseños para crear webs nicho y cómo mostrar información en la cabecera de tu web con WordPress. Vamos allá. Hola, hola, soy Gonzalo de Gonzalo Navarro 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 el episodio de hoy es un episodio de preguntas y respuestas, que ya sabéis que saco uno al mes y que estas preguntas están sacadas directamente del soporte que doy a los que estáis apuntados a la suscripción en GonzaloNabarro es. Así que así podéis tener una idea del tipo de preguntas que respondo, que básicamente es todo lo que está en mi mano y bueno, y cojo un poquito, pues algunas interesantes que creo que os pueden ayudar al resto de oyentes. Entonces, en un momentito vamos a ir de lleno con las preguntas, pero antes, como siempre, novedades. ¿Qué está pasando en Gonzalonavarro es esta semana? Pues por un lado tenéis nuevo vídeo, el nuevo vídeo de la Zona Código, que es el vídeo 210. Ya sabéis, todos los martes saco un vídeo nuevo y ya llevamos 210. Bueno, más porque los primeros, los básicos, no están numerados. Y ya sabéis que publico vídeos de todo tipo para aprender a modificar tu web sin utilizar plugins, algunos con CSS, otros con PHP, otros enfocados a WooCommerce. Si vais a Gonzalo es códigos, pues ahí tenéis una lista de todos, podéis buscar, podéis filtrar. Si os gusta esto de hacer pequeñas modificaciones en vuestra web e ir aprendiendo, pues os podéis perder ahí, buscar entre multitud de vídeos e ir haciendo cositas muy chulas. Bueno, que me lío. En este vídeo, el 210, ¿Qué aprendes? Pues a resaltar el texto con HTML, simplemente. En WordPress esto de resaltar el texto es un efecto que se utiliza muchas veces para destacar una palabra específica. Por ejemplo, imagínate en una página de venta, en una landing page, y quieres destacar, por ejemplo, en mi web. Yo tengo. A ver, voy a verlo en la página de inicio, podéis ir a verlo si queréis. Yo utilizo este método y entonces pongo crea tu web profesional sin saber programar y tengo esa parte que pone tu web la tengo como subrayada, como si utilizáramos un subrayador. Pues esto lo puedes aplicar directamente con una etiqueta de HTML. Es muy sencillo aplicarlo y no hay que utilizar ni imágenes, que esta es otra aproximación que ya enseñé yo en un vídeo anterior, ni tampoco código complicado. Y luego si quieres puedes personalizar ese subrayado, porque por defecto el subrayado lo normal es que esté en un amarillo como chillón, pero tú lo puedes cambiar a un color tuyo corporativo o lo que tú quieras. Vemos en el vídeo cómo hacerlo. Pues nada, ya lo tenéis disponible. Como digo, el vídeo podéis ir directamente a la parte de los snippets de código o en los enlaces que dejo en las notas de este episodio, que recordad es el 260, así que podéis ir a Gonzalo Navarro es 260 y ahí lo vais a tener. Y esto es en cuanto a los vídeos. Después, el curso más reciente publicado, que de hecho lo publiqué la semana pasada y es el curso de MailPoet en WordPress, en el que te enseño a gestionar el email marketing directamente desde tu web con WordPress gracias a este plugin a MailPoet. ¿Qué hacemos? Pues configuramos correctamente MailPoet, que tiene algunas cositas que para los que empezáis a configurar este plugin pueden resultar complicadas, las vemos paso a paso. Os enseño por supuesto a crear listas de suscriptores, a diseñar e insertar formularios de suscripción en vuestra web, a diseñar también y a programar envíos de newsletters, incluso a utilizar Mailpoet para enviar correos avanzados para a los clientes de WooCommerce. Básicamente a gestionar de principio a fin el email marketing directamente desde el panel de administración de vuestra web con WordPress. Os dejo también el enlace a este curso, aunque lo tenéis disponible en la sección de cursos de la web junto al resto de más de 52 53 cursos que ya hay publicados. ¿Sí? Perfecto, pues estas son las novedades. Vámonos ahora con el plugin de la semana que se llama Image Inject y que te permite insertar imágenes en cualquier entrada o página de tu web, pero de lugares externos y no tienes que salir de la web para buscarlas, sino que directamente en el propio editor ya vas a poder buscar estas imágenes. Como digo, librerías que te permiten utilizar imágenes digamos sin derechos de autor, es decir, no tienes que pagarlas ni tienes que dar crédito a la persona que la ha subido, aunque si quieres puedes hacerlo. Y es muy sencillito, simplemente tienes una caja nueva cuando lo instalas, tienes una caja nueva en el editor de tu web cuando vas a editar una página o una entrada, ya sea con Gutenberg o con el editor clásico y en esa cajita pues tú buscas, tienes un buscador y puedes buscar en las librerías de Flickr y las de Pixabay que son bastante populares. Y ya pues nada, eliges las que quieras y se insertan automáticamente en el contenido. Y bueno, te he comentado antes que no necesitas que estas librerías pues no necesitan, son digamos gratuitas y demás, pero sí que muchas de ellas necesitan atribuciones, decir, necesitan especifiques a nivel de la metainformación de la imagen de quién es o de dónde viene. Entonces esto el plugin lo hace automáticamente por ti, ya te lo inserta y también incluso te trabaja automáticamente otra metainformación que pueda llevar la imagen. Bueno, esto es para los que os gusta tenerlo todo directamente desde WordPress, si no queréis ir por ejemplo a Pixabay y buscar la imagen, descargarla y luego subirla. Así que bueno, para este tipo de usuario, si es tu caso, pues puede ser muy interesante. De nuevo, el plugin se llama Image Inject, antiguamente se llamaba WP Inject, digo por si no lo encontráis. De todas formas tenéis el enlace en las notas del episodio. Recordad, GonzaloNabarro es 260. 260, que por cierto es un número muy redondo para el episodio. Bueno, pues ahora sí, vámonos con vuestras preguntas y mis respuestas. Y vamos a comenzar con la primera que es de Elías y que va sobre cómo crear cupones de descuento al vender con WPForms. Me dice buenos días Gonzalo, ¿Hay algún vídeo en el que expliques cómo aplicar códigos de descuento cuando el cliente va a realizar el pago? Estoy ofreciendo servicios y realizo las ventas a través de WPForms. ¿Es posible aplicar descuento de esta manera? Saludos. Bueno, saludos para ti también Elías. Y Bueno, ya sabéis, WPForms es un plugin de formularios, tenéis un curso disponible, es un plugin premium, tiene una parte gratuita pero apenas te deja hacer nada y es uno de esos plugins que están muy bien desde el punto de vista del diseño de los formularios, pero también de las funcionalidades que trae, porque como veis puedes vender con él incluso, así que está muy bien. Y Elías me pregunta, claro, normalmente cuando utilizamos un plugin de formulario no vamos a hacer cosas muy relacionadas con un ecommerce, sino que vamos a hacer ventas sencillas, porque Claro, si usara WooCommerce, WooCommerce trae ya una funcionalidad para crear cupones de descuento, o si utilizara Eddie, que está pensado sobre todo para vender productos digitales, pues también tiene una opción de crear cupones de descuento, pero ya los plugins de formulario no están pensados de por sí para vender, entonces no traen tantas funcionalidades porque como un plugin de e commerce, pero sí se pueden crear cupones de descuento, hay que darle más trabajo del que uno tendría que hacer, pues como digo con una solución más completa de e commerce, pero se puede. Así que os dejo un tutorial de la gente de WPForms que explican cómo hacerlo, que básicamente es crear a mano el campo para el cupón de descuento. Os cuento por encima los pasos que serían. ¿Primero tienes que crear un campo de sí o no, que básicamente dirías tienes cupón de descuento? Si la persona elige sí, se mostraría un campo de descuento. Después tendrías que crear un campo de validación, que básicamente lo que harías es que tú creas digamos dos campos y el que la persona inserte tiene que coincidir con el otro campo que tú hayas puesto y que dejarías oculto. ¿Es difícil explicarlo por audio, así que os dejo, como digo el tutorial de la gente de WPForms, está en inglés, pero bueno, primero que con cualquier navegador lo vas a poder traducir al español y segundo que de ahí imágenes, con lo cual tampoco tiene mucha pérdida, de acuerdo? Hay que hacer algún pasito así, pero bueno, se puede lograr. Fantástico. Pues dejamos la pregunta de Elías y vamos con la de Lorena que va sobre encontrar un plugin de galería de imágenes personalizable. Me Buenas tardes Gonzalo, ya he empezado con mi web, he probado el plugin en Vira Gallery pero le he visto un poco limitado a la hora de personalizar los lightbox y me pone entre paréntesis las imágenes no ocupan la pantalla entera y no me llega a convencer el recuadro blanco que les ponen alrededor. ¿Y me podrías aconsejarme algún plugin para crear galerías que fuera algo más personalizable? Gracias. Un saludo Lorena Bueno, gracias a ti Lorena. Y sí, os dejo un enlace al plugin Next Gen Gallery, es un plugin bastante popular, el de Gallery Viral, Gallery Lite sobre todo, que es la versión gratuita. A mí me gusta porque es bastante liviano y los que queréis una galería sencilla pues ahí lo tenéis y el rendimiento que da es bastante bueno. Lo que me dice Lorena sobre lightbox, Lightbox es cuando haces clic en una imagen y te aparece en pantalla y bueno, no le gusta cómo queda, entonces quiere otras opciones y quiere sobre todo poder personalizar eso, porque ya decía, sale detrás el color blanco. A ver, por CSS se puede modificar, pero bueno, Lorena lo que busca es que ya venga directamente en el plugin la opción de modificarlo. Y este que os digo yo, Next Gen WordPress Gallery Plugin, pues es bastante popular y trae muchas opciones de personalización. Está activo en 700.000 webs con WordPress. Y luego si no, si no os encaja este, pues nada, os dejo, buscáis Gallery en la parte de plugins de WordPress, echáis un vistazo a todos a ver si tienen opciones de personalizar y demás, veis los comentarios que deja la gente. ¿Ya sabéis, a la hora de elegir un plugin, iros a la parte de soporte a ver si tiene muchos fallos, iros a las reviews, echadle un vistazo si está actualizado regularmente, en cuantas webs está activo, de acuerdo? Esto lo vemos en el curso de WordPress básico, en la parte de la elección de los plugins. Así que bueno, os dejo por ahí enlaces para que podáis echar un vistazo a todo esto. Y dejamos ahora la pregunta de Lorena y nos vamos con la de Felipe, que me pregunta sobre un plugin de login social para el checkout de WooCommerce. ¿Me dice buenos días, sabes si hay algún plugin gratuito para hacer el login social con Facebook y Google en el checkout de WooCommerce y que funcione bien? Muchas gracias crack. Bueno, muchas gracias a ti Felipe. Y sí, sí, hay varios, os dejo el enlace a tres de ellos. El primero es gratuito y Luego tiene una opción de pago, os dejo el enlace al gratuito, se llama Next en Facebook Connect, que básicamente permite a tus visitantes registrarse utilizando una cuenta social como puede ser Facebook, Google o Twitter. Lo que pasa que este plugin es genérico, es decir, no es específico para WooCommerce si quieres que también se pueda hacer esto. Que por cierto, Este plugin es súper popular, está activo en 300.000 webs, es uno de los más usados para registrarse y hacer login con redes sociales, pero como digo, para poder utilizarlo en woocommerce hace falta una extensión Pro, así que os dejo también el enlace a la extensión de este plugin. Y ya eso sí, da compatibilidad con WooCommerce para que se pueda hacer todo esto cuando se va a comprar, e incluso permite el login con LinkedIn, con Amazon, con PayPal, con Apple, que esto para una tienda online está muy bien. Y luego pues más opciones de personalización en el registro, no creo que sea muy caro, a ver, vamos a ir un vistazo a cuánto es helado en este pro, son 54 euros, pero para siempre, no es anual ni nada, o sea que está bastante bien, incluso si lo quieres para business, para poder instalar en más web, pues tiene una parte para instalarlo en 10 webs, que es 214 euros, pero como digo, no hay que renovarlo, es un pago único, así que fantástico. Y luego tenéis uno, digamos que aparece en la página de WooCommerce que digamos promueven ellos, que se llama WooCommerce Social Login y que cuesta 79 dólares y esto sí se paga anualmente. El plugin está creado por la empresa Skyverge, que es una empresa asociada a godaddy y bueno, porque le echéis un vistazo, por daros dos opciones, ¿De acuerdo? No he encontrado ninguna opción gratuita que permita hacerlo y que dé buen aspecto, así que por eso os dejo estas dos que al final tienen que ser de pago, lo tenéis en las notas del episodio. Recordad todos estos enlaces. Gonzalo Navarro es 260, fantástico. Dejamos la pregunta de Felipe y nos vamos con la de Miriam, que va sobre reaprovechar diseños para webs. Nicholas Me Hola Gonzalo, buenos días, ¿Cómo estás? Espero que fenomenal, muy bien, espero que tú también. ¿Miriam y me sigue Verás, me gustaría hacer una copia de una web y subirla en otra web y simplemente cambiar los textos, son webs nicho y me gustaría ahorrar tiempo, sabes cómo debo hacerlo o qué curso hacer? Gracias Miriam Bueno, gracias a ti Miriam. Sí, a ver, esto es básicamente duplicar la web. Esto podéis hacerlo pues igual que cuando vais a migrar una web de un sitio a otro, pues es un poco el mismo enfoque. Entonces hay muchas formas de duplicar webs. Yo en uno de los cursos, en el curso de WordPress en local y pruebas, que básicamente ahí explico todas las formas que tenéis de trabajar haciendo pruebas con una web, cómo migrar y todo este tipo de cosas, pues una de las clases os enseño el plugin Duplicator, que es bastante sencillo para duplicar una web y llevártela a otro lado y no hay más que eso. El enfoque es muy similar y si te gusta a ti otro plugin de migración, otro plugin para duplicar webs, pues es lo mismo. Además cada vez están mejor estos plugins y no tiene demasiada complicación, sobre todo si las webs son pequeñas, como una web nicho, porque si hay webs grandes, pues muchas veces estos plugins están un poco limitados. Si el tamaño de la web es muy grande a veces te da problemas y hay que hacerlo como por partes o hay que buscar alguna solución alternativa o hacerlo manualmente, que también os enseño a hacerlo en la zona código. Pero bueno, normalmente con un plugin de estos lo vais a poder lograr sin problemas. Y ya digo, os dejo un enlace a una clase donde explico cómo hacerlo. Perfecto, dejamos la pregunta de Mediam. Nos vamos con la de Luyana que va sobre cómo mostrar información en la cabecera de la web. Me Hola, tengo una duda. Quisiera saber si hay algún código snippet para poner el teléfono arriba del todo de la cabecera de la web. Hablo de la parte de arriba del todo. Hay plantillas que ya vienen con esa opción, pero la que estoy usando es diferente. En este caso quiero poner dos números de teléfono porque el cliente tiene dos tiendas y que se vea bien el teléfono también. Muchas gracias Luyana. Sí, perfecto. Luyana me pide hacer esto por código, es decir, que salga en la cabecera de la web la típica barrita se suele llamar top bar, que hay muchos plugins que te permiten hacerlo, pero el Uyana lo quiere hacer por código, no quiere instalar un plugin. Entonces como siempre o casi siempre os tengo cubiertos y en el episodio 37 o en el vídeo 37 de la zona código, explico cómo hacerlo, cómo crear una barra de notificaciones en la cabecera de tu web con WordPress. Os dejo el enlace, por cierto, en otro vídeo creo que tengo ahora no estoy seguro si lo tengo publicado o lo tengo apuntado para publicar, pero cómo poner por ejemplo un número de teléfono para que cuando se haga clic se llame directamente. Creo que si lo tengo publicado lo voy a buscar y si lo encuentro os dejo el enlace. Se me está ocurriendo ahora. Y lo mismo cuando se quiere poner una dirección de correo, que cuando se haga clic se abra el correo o el cliente de correo de la persona para poder empezar a enviar el email. Incluso puedes hacer con WhatsApp también, que también lo tengo publicado. Se me están ocurriendo que puedo dejaros enlaces interesantes también asociados a esta pregunta. Bueno, pues con esto cerramos las cinco preguntitas de este mes. Recuerda que si quieres soporte personalizado conmigo directamente en tu bandeja de entrada de correo, va incluido en la suscripción. Así que además de los más de 50 cursos ya publicados, más uno nuevo al mes, los más de 210 vídeos de la zona código, descargas gratuitas, tutoriales premium que también estoy empezando a publicar, además de todo ese contenido tiene soporte directamente conmigo. Todo por 10 euros al mes sin permanencia. Incluso tienes 15 días de garantía para que pruebes todo sin compromiso alguno. ¿Que no te convence? Me escribes Gonzalo, quiero darme de baja y la devolución y sin problemas. Nada más por este episodio, nos seguimos escuchando. Adiós.