Personalización de enlaces de WhatsApp con JavaScript en tu web
Contenido del curso
Tu primera página web con ChatGPT
Modifica tu página web con Inteligencia Artificial
Próximos pasos
Personalización de enlaces de WhatsApp con JavaScript en tu web
Personalización de enlaces de WhatsApp con JavaScript en tu web
Contenido del curso
Christopher Andrés Guano Valencia
Christian Arturo Rios Mock
Mariana Rodríguez Ospina
Bruno Benitez
Sara María Mejia Sánchez
Victor Emilio Mendoza Andrade
Carlos Zambrano Aranda
Antonio Demarco Bonino
Gerardo Mejorada
Edward Avellaneda
David Alejandro Santana Bejarano
Cristhian Alexis Vera Sandoval
Víctor Caez
Qariht Leandro Huamaní López
Sandra Ximena Caldas
Juan Pablo Ruiz
Diana Claro
EDGAR LÓPEZ FIERRO
Juan Masmela
Mariana Prgomet
Mayra Alejandra Fuentes Castellanos
Carlos Zambrano Aranda
🔵 ¿Cómo mejorar tus prompts para que sean más concisos?
Puede que hayas notado cómo ChatGPT te da respuestas muy detalladas e inclusive sin centrarse en el código.
Para mejorar las respuestas, puedes dar más contexto y limitar la respuesta, con frases como: "Muestrame solamente el código generado", "Realiza un resumen en un párrafo", "Únicamente muestra las diferencias con la anterior respuesta".
De esta manera puedes recibir mejores respuestas. 🚀🚀
Desarrolle una web app utilizando HTML CSS y Javascript, tambien un poco de Mysql.
Si tienes conocimientos basicos el chat es una super herramienta.
Sé que faltan cambiar muchas cosas pero así va quedando:
Tienen el prompt de la profe?
Hola! Estos son los prompt que se han usado hasta ahora 🚀💚
¿Cómo puedo redactar un prompt efectivo para que me generes el codigo de una página web en un solo archivo que me incluya: el título de mi marca de ropa “Fashion Store”, una sección destacada con 5 productos principales y cada uno con un botón que diga “Comprar ahora” y redirija a WhatsApp?
Me gustaría aprender cómo visualizar el código del archivo HTML, CSS y JavaScript que me proporcionaste para mí página web en el navegador. ¿Podrías guiarme paso a paso en el proceso?
¿Podrías proporcionarme una guia detallada sobre como instalar Visual Studio Code en mi computadora?
¿Cómo identificar los enlaces de WhatsApp en el código que me proporcionaste y personalizar el mensaje en dichos enlaces?
¿Podrías proporcionarme un mensaje de WhatsApp para el número de teléfono 16282167264 con un mensaje personalizado que incluya emojis para iniciar una conversación e invite a comprar?
Por el momento así va quedando..:)
Estamos avanzando
Nuevamente la respuesta me sorprendio:
const whatsappButton = document.getElementById('whatsapp-button');
whatsappButton.addEventListener('click', function() {
const message = encodeURIComponent("Hola, estoy interesado en sus servicios.");
const phoneNumber = "1234567890";
window.open(https://wa.me/${phoneNumber}?text=${message}, '_blank');
});
Y además la metáfora sigue siendo GENIAL: Imagina que la historia de Caperucita Roja incluye la necesidad de comunicación constante entre Caperucita y su madre mientras atraviesa el bosque.
A mí no me salen los emojis en el mensaje de bienvenida. Y, de hecho, la estructura del código de la página que me generó Chat GPT es bastante diferente a la del ejemplo de los videos.
Igual a mi
Listo asi quedo mi codigo y las pruebas
Excelente, estoy diseñando una página web para una joyería con este curso para lograr diseñar la base e ir profundizando en los lenguajes de programación, Nunca paras de aprender!!
Incluir un mensaje en el enlace que redirige a WhatsApp es mejor, ya que facilita la comunicación y hace que el usuario esté más dispuesto a interactuar. Esto ahorra tiempo tanto para el cliente como para el vendedor, permitiendo que la conversación comience de inmediato.
Interesante lo que se puede hacer con los prompts adecuados...🤯
Estoy creando el sitio d epaqueteria y mensajeria de un cliente y estoy usando este curso para realizarlo mucho más rápido...
Estoy tomando el curso de programación en JavaScript, entonces me fue fácil crear el archivo y demás, el código fantástico para facilitar el proceso y avanzar más rápido.
Otra forma de crear un archivo en VSC:
puedes dar click en Nuevo Archivo(New File), ir a la sección de 'Seleccione el tipo de archivo o escriba el nombre del archivo...' y escribir: nombre_del_archivo.js(puede ser html, css, py, etc.). Entonces, VSC te abrirá una ventana para que elijas el lugar donde quieras guardar el archivo: en una carpeta de disco duro, usb, etc. Y dale click en 'Crear Archivo' para guardarlo.
me encanta como va quedando
Maravillosooooo!!!
Que les parece?