Botón de WhatsApp para HTML

hola hoy os queremos compartir cómo hacer un botón muy sencillo en html para vuestra página web con el link a whatsapp la idea es tú estás construyendo una una landing page para tu cliente o para un amigo o para ti mismo o sea muchas veces no necesitas un wordpress o hacer nada complicado sencillamente quieres una página de landing para vender un producto o una campaña de captación o una promoción o el casino entonces muchas veces es más sencillo hacerte una app es una página en html muy sencilla con es tu oferta más el botón de whatsapp entonces aquí en el código que aquí os ponemos lo que hemos hecho es un ejemplo para que podáis utilizarlo para ver si os gusta hemos puesto una imagen de fondo en esta parte del fondo que hemos cogido esta chica para hacer un poco así de ejemplo de banner aquí hemos puesto un container para meter el botón el botón está ubicado en el container para que nos quede siempre en el centro y a esta altura y luego aquí hemos puesto unas clases en la css para que el botón pues tenga esta forma con el icono el texto en blanco hasta que tenga un aspecto de botón de whatsapp esto es un poco la idea como veis todo es más o menos sencillo solo tiene mucha mucha complicación luego en el link está aquí ya aquí tenemos el dif bueno aquí tendríamos texto lo que se anota así que desde aquí explicar nuestra oferta esta es una oferta para aquí ya entiendo que ya cada uno hace su página como quiera mejor y como necesite o bueno como como vayas a diseñarla entonces el link el link a whatsapp lo que os recomendamos es utilizar nuestro nuestra herramienta para hacer links esto es en un chat with os pondré el enlace abajo en la descripción este esta herramienta como sabéis os permite generar un link a whatsapp con vuestro teléfono con un mensaje predefinido y os damos estadísticas de uso aquí como veis esta es mi cuenta aquí tengo todos mis enlaces sal también eso salto aquí tienes un panel de control con todos estos enlaces puedes tener todos los que necesites así haces diferentes campañas si trabajas para clientes pues aquí puedes tener todos tus enlaces controlados vas viendo cuáles funcionan mejor peor bueno para crear un recrear si partes de cero así tienes que empezar desde cero tienes aquí a la página aquí pones el teléfono que quieras utilizar y aquí el mensaje el teléfono puede ser siempre muy importante código país vale siempre el código país y luego el número y aquí yo pongo mi número aquí pongo un mensaje que quiero que el cliente me mande después cuando la he visto la oferta y quiero información de esa forma sabes de dónde viene el usuario entonces creas tu enlace en este caso como ya tengo una cuenta creada me pide que haga login este es el botón copias y este link es el que pondríamos como el link en el botón en esta parte del código es donde es donde pondríamos ese enlace ese enlace lo que hace es que cuando la gente pincha salta directamente a tu whatsapp es decir si yo pincho aquí lo que voy a hacer va a ser abrir directamente mi whatsapp sin más directamente o sea no hay no hay nada entre medias no hacemos nada nada raro veis aquí está ya directamente el mensaje que hemos predefinido bueno todo esto funciona funciona muy bien entonces básicamente esta es la opción creemos más sencilla más fácil más directa para crear un botón de whatsapp en tu página html esto mismo bueno en una página php funcionaría igual entonces esta es una forma bastante sencilla si tiene dudas comentarios escribirnos un mensaje y os ayudamos a este código lo vamos a poner para que lo podéis descargar en la página y así lo podéis utilizar directamente por si os sirve si os sirve de ayuda es bueno recordar que el más ejemplos tutoriales eso siempre en la página web vale en la página web de xavi ahí tenéis un montón de información para eso para crear vuestro widgets botones lo que necesitéis siempre está ahí hay disponible aquí la página así la vez y bueno aquí está todo lo que son las novedades que vamos sacando están siempre aquí disponibles gracias