Simplificando tu web
Simplificando tu web
  • 16
  • 1 745
Cómo añadir un icono de ojo para mostrar/ocultar contraseñas en JetFormBuilder 🚀
"¡Hola, hola! Bienvenidos a Simplificando tu Web. Soy Annialys, y en este tutorial aprenderás cómo añadir el icónico botón de ojo para mostrar u ocultar contraseñas en un campo de formulario creado con JetFormBuilder. 🎯 Esta funcionalidad mejora la experiencia del usuario y da un toque profesional a tus formularios en WordPress.
Drive con los códigos: drive.google.com/drive/folders/1Ed8SrZ8gwG5r_0MGZz72X01oDG12YlpT?usp=drive_link
En este video te guiaré paso a paso para:
✅ Configurar tu formulario con JetFormBuilder.
✅ Añadir código PHP.
✅ Añadir código CSS para estilizar el campo de contraseña.
✅ Integrar JavaScript para la funcionalidad de mostrar y ocultar.
🔗 Recursos mencionados:
✅Formulario de Registro e Inicio de Sesión: ua-cam.com/video/7sVoYEO3F0I/v-deo.html
🚀 Obtén tu plan de hosting con Hostinger con un 20% de descuento: encurtador.com.br/VscK0
✨ Compra Elementor Pro y lleva tu sitio web al siguiente nivel: encurtador.com.br/oXXJo
Si te gusta este tipo de contenido, no olvides suscribirte y activar la campanita para no perderte ninguno de mis tutoriales. También te invito a seguirme en Instagram (@simplificandotuweb) para interactuar más y resolver tus dudas.
🔔 Suscríbete para más tutoriales gratuitos de WordPress y Elementor y descubre cómo puedes crear sitios web profesionales sin complicaciones. Dale ‘Me gusta’ al video si te fue útil y no olvides activar la campana para recibir notificaciones de nuevos tutoriales.
Sigue mis redes sociales:
Instagram: simplifcandotuweb
Telegram: t.me/simplificandotuweb
E-mail para proyectos: contato@arryma.com
Переглядів: 87

Відео

Cómo Añadir Nuevos Estados de Pedidos en WooCommerce (Fácil y Gratis)
Переглядів 8721 день тому
En este tutorial, te muestro cómo añadir nuevos estados de pedidos personalizados en WooCommerce utilizando el plugin gratuito Custom Order Status Manager for WooCommerce | Grátis. Con esta herramienta, podrás adaptar el flujo de gestión de pedidos a las necesidades específicas de tu negocio, ¡y todo sin necesidad de escribir código! 🔹 Pasos que veremos en este video: ✅ Cómo instalar y activar ...
Cómo Personalizar Variaciones en WooCommerce con Swatchly | Plugin Gratis | Tutorial Paso a Paso
Переглядів 6728 днів тому
¡Hola, hola! 👋 Bienvenidos a Simplificando tu Web. En este tutorial, aprenderás a mejorar la apariencia de las variaciones de productos en WooCommerce utilizando el plugin gratuito Swatchly - Variation Swatches for WooCommerce Products. Nombre del plugin: Swatchly - Variation Swatches for WooCommerce Products - HasThemes Con este plugin, podrás mostrar opciones como colores, imágenes o etiqueta...
Cómo Importar Valoraciones de Google a tu Sitio Web con Trustindex | Tutorial WordPress y Elementor
Переглядів 47Місяць тому
En este video te enseño paso a paso cómo importar y mostrar las valoraciones de Google en tu sitio web usando el plugin gratuito Trustindex. Esta herramienta es ideal para mostrar las opiniones de tus clientes directamente en tu página, aumentando la confianza y credibilidad de tu negocio. ¿Qué aprenderás en este tutorial? ✅ Cómo instalar y configurar el plugin Trustindex en WordPress. ✅ Cómo p...
Cómo Crear un Sitio Web Profesional para Dentistas con Elementor | Paso a Paso
Переглядів 339Місяць тому
¿Quieres aprender a crear un sitio web profesional para dentistas sin complicaciones? En este tutorial paso a paso, te enseño cómo diseñar una página moderna, funcional y 100% responsiva usando WordPress y Elementor. 🚀 Obtén tu plan de hosting con Hostinger con un 20% de descuento: encurtador.com.br/VscK0 ✨ Compra Elementor Pro y lleva tu sitio web al siguiente nivel: encurtador.com.br/oXXJo ¿Q...
Cómo Crear un Formulario Multipasos en Elementor Paso a Paso 🚀 (Fácil y Rápido)
Переглядів 53Місяць тому
¡Hola, hola! En este tutorial de Simplifica tu Web, te enseño a crear un formulario multipasos en Elementor, ideal para mejorar la experiencia de tus usuarios y aumentar tus conversiones. Este tipo de formularios son perfectos para dividir información en pasos, haciendo que los usuarios completen los datos de manera más cómoda. En este video aprenderás: ✅ Cómo configurar un formulario multipaso...
Crea un Botón Flotante de WhatsApp SIN Plugins con Elementor Gratis🚀 (Usando 'Elementos Flotantes')
Переглядів 60Місяць тому
¡Hola, hola! En este tutorial te enseño a crear un botón flotante de WhatsApp para tu sitio web usando solo Elementor. Utilizaremos la nueva plantilla 'Elementos Flotantes', diseñada específicamente para este tipo de funciones. Con este método, no necesitas ningún plugin adicional ni códigos complicados, ¡todo lo harás desde Elementor! Acompáñame paso a paso para personalizar el botón y posicio...
Cómo Hacer tu Sitio Web Multidioma con WordPress y Elementor GRATIS (GT Translate)
Переглядів 40Місяць тому
En este tutorial te enseño cómo hacer tu sitio web multidioma usando WordPress y Elementor con el plugin gratuito GT Translate. ¡Es una forma súper sencilla de ofrecer tu contenido en diferentes idiomas sin complicarte! Aprende paso a paso desde la instalación, configuración y personalización, para que puedas expandir tu web al mundo. 🌍 🚀 Obtén tu plan de hosting con Hostinger con un 20% de des...
¡Crea un Menú Tipo App Móvil en WordPress con Elementor Pro! 🚀 Fácil y Rápido
Переглядів 1802 місяці тому
¡Hola, hola! Bienvenidos a Simplificando tu Web. En este tutorial te enseño cómo crear un menú de navegación tipo aplicación móvil en tu sitio web usando WordPress y Elementor Pro. Este diseño moderno es perfecto para mejorar la experiencia de usuario, especialmente en dispositivos móviles. ¡No te lo pierdas! Recursos mencionados en este video: 🎥 Cómo personalizar la página "Mi cuenta" en WordP...
Cómo Crear un Header Global en WordPress y Elementor (Visible en Todo el Sitio)
Переглядів 272 місяці тому
¡Hola, hola! Bienvenidos a Simplificando tu Web. En este tutorial, te enseño a crear un header que se muestre en todas las páginas de tu sitio web creado con WordPress y Elementor. Este método es sencillo y no requiere plugins ni código, ideal para una experiencia de usuario consistente y profesional en todo tu sitio. 🚨 Enlace al tutorial para mostrar un popup en el menú: ua-cam.com/video/AnLEq...
Cómo Proteger tu Sitio Web de SPAM con reCAPTCHA v3 en WordPress y Elementor [Guía Paso a Paso]
Переглядів 532 місяці тому
#elementor #tutoriales #wordpresstutorial ¡Hola, hola! Bienvenidos a Simplificando tu Web. Soy Annialys, y en este tutorial te enseño cómo integrar reCAPTCHA v3 en tu sitio web hecho con WordPress y Elementor para evitar el SPAM en tus formularios de contacto. En este video aprenderás: ✅ Cómo obtener las claves Site Key y Secret Key de reCAPTCHA ✅Cómo configurar reCAPTCHA en Elementor paso a pa...
Cómo Agregar un Popup en el Menú con Elementor Pro | Tutorial Fácil y Rápido
Переглядів 382 місяці тому
#elementorpro #tutoriales #wordpresstutorial En este video, te muestro paso a paso cómo agregar un popup en el menú de tu sitio web usando Elementor Pro. Es una excelente forma de mostrar mensajes importantes, promociones o formularios sin complicaciones. ¡Aprenderás cómo configurar el popup, vincularlo a tu menú y personalizarlo para que se vea profesional y atractivo! Este tutorial es ideal t...
Formulario de Registro e Inicio de Sesión en WooCommerce con Elementor Pro y JetForm Builder
Переглядів 3002 місяці тому
#wordpress #elementortutorial #woocommercetutorial ¿Quieres mejorar la experiencia de usuario en tu tienda WooCommerce con una página Mi cuenta personalizada? En este tutorial de Simplificando tu Web, aprenderás a crear formularios de Registro e Inicio de Sesión que aparecerán según el estado de inicio de sesión del usuario, usando Elementor Pro y JetForm Builder (versión gratuita). No necesita...
Cómo Personalizar la Página Mi Cuenta en WooCommerce con Elementor Pro (Sin Plugins)
Переглядів 2692 місяці тому
¡Aprende a personalizar la página Mi Cuenta de WooCommerce con Elementor Pro, sin necesidad de otros plugins! En este tutorial de Simplificando tu Web, te muestro paso a paso cómo mejorar la experiencia de usuario en tu tienda online usando únicamente Elementor Pro. 🖥️ En este video, descubrirás: Cómo crear y personalizar la página Mi Cuenta en WooCommerce. Consejos para una experiencia de usua...
Cómo Crear un Menú Fijo en Elementor sin Plugins | Tutorial Completo en Español
Переглядів 952 місяці тому
Cómo Crear un Menú Fijo en Elementor sin Plugins | Tutorial Completo en Español

КОМЕНТАРІ

  • @oscarvillarreal6050
    @oscarvillarreal6050 3 дні тому

    Que excelente vídeo, justo lo que necesitaba, explicado de forma clara y rápida... Muchas gracias

  • @nedherstudio
    @nedherstudio 7 днів тому

    Muchas Gracias Saludos!!! un video rápido y eficaz, por cierto tus claves que se ven no debías ocultarlas?

  • @andresortega5944
    @andresortega5944 22 дні тому

    como se llama la extensión parea ver la web en dispositivo móvil

    • @simplificandotuweb
      @simplificandotuweb 22 дні тому

      Se llama Simulador móvil este es el 🔗 chromewebstore.google.com/detail/mobile-simulator-responsi/ckejmhbmlajgoklhgbapkiccekfoccmk?hl=pt-BR&

  • @andresortega5944
    @andresortega5944 22 дні тому

    Muchas gracias por el contenido esta muy interesante, espero que saque mucho contenido, gracias.

    • @simplificandotuweb
      @simplificandotuweb 22 дні тому

      De nada, espero seguir ayudando ☺️😊☺️😊☺️

  • @PopiBillOficial
    @PopiBillOficial 24 дні тому

    Excelente video, gracias por el aporte

  • @PopiBillOficial
    @PopiBillOficial 24 дні тому

    Hola, nuevo suscriptor!!! Me gustaría que hicieses un vídeo de optimización de wp y su configuración de la herramienta que se utilice. Ejemplo wp rockets

  • @danielsaldarriaga-dptoadmi5901
    @danielsaldarriaga-dptoadmi5901 27 днів тому

    Hola, me quedo la pop up tambien en la version escritorio como la quito y que solo me quede en la version movil?

    • @simplificandotuweb
      @simplificandotuweb 27 днів тому

      Debes seleccionar el conteiner principal en el popup y dirigirte hasta la pestaña de avanzado y bajar hasta donde está la pestaña que diga algo parecido a "adaptabilidad" ( ahí controlas la visualización del contenido en los diferentes tipos de dispositivos) y activar que no se muestre en Desktop. Si deseas que tampoco se muestre en tablet también activa donde dice tablet. Además en el minuto 11 del vídeo explico como hacerlo ;). Saludos 😃

  • @pabloguillermoalarcon1665
    @pabloguillermoalarcon1665 29 днів тому

    Gracias por compartir, comencé a seguirte, me gusta estos tips.

    • @simplificandotuweb
      @simplificandotuweb 29 днів тому

      Muchas gracias espero seguir ayudando, si deseas algún vídeo de algo en específico es solo pedir

  • @pabloguillermoalarcon1665
    @pabloguillermoalarcon1665 Місяць тому

    Me encanto el video. Gracias por el aporte.

  • @Anonymous-zw5oq
    @Anonymous-zw5oq Місяць тому

    A

  • @Santi1990
    @Santi1990 Місяць тому

    está bien la función, aunque me gusta el plugin de joinchat precisamente en la sección de los productos te escribe automaticamente el producto , precio etc y a solo 1 click

  • @Anonymous-zw5oq
    @Anonymous-zw5oq Місяць тому

    Hola. Después me gustaría que hicieras un video sobre Seguridad en Wordpress😁

  • @Anonymous-zw5oq
    @Anonymous-zw5oq Місяць тому

    Gracias por compartir tus conocimientos

  • @Anonymous-zw5oq
    @Anonymous-zw5oq Місяць тому

    Esa función salió hace poco en Elementor. Gracias por la info

  • @edgardiaz11
    @edgardiaz11 2 місяці тому

    Hola, de casualidad ¿sabes como poner el numero de artículos en el icono del carrito del menú principal?

    • @simplificandotuweb
      @simplificandotuweb 2 місяці тому

      Si, de la forma que en el vídeo está configurado el ícono del carrito, van apareciendo la cantidad de artículos agregados al carrito😉 te dejo el enlace del proyecto (es ficticio) para que lo compruebes en vivo anto.arryma.com SALUDOS

  • @healthessence6092
    @healthessence6092 2 місяці тому

    Gracias por tu ayuda!

  • @Anonymous-zw5oq
    @Anonymous-zw5oq 2 місяці тому

    ❤❤❤

  • @edgardiaz11
    @edgardiaz11 2 місяці тому

    Excelente video, la explicación es muy buena y sencilla

  • @Anonymous-zw5oq
    @Anonymous-zw5oq 2 місяці тому

    Excelente explicación👌

  • @andresbarrientos4836
    @andresbarrientos4836 2 місяці тому

    ¡Increíble vídeo! Me sirvió demasiado. Nuevo susciptor, excelente trabajo.

  • @Anonymous-zw5oq
    @Anonymous-zw5oq 2 місяці тому

    Estoy aprendiendo a trabajar con WordPress. ¿Puedes enseñar a crear un sitio desde cero?

  • @Anonymous-zw5oq
    @Anonymous-zw5oq 2 місяці тому

    Todos los días se aprende algo