Scribd Logo
Upload

Welcome to Scribd!

  • Codigo Boton Whatsapp

    Uploaded by

    Jorge Solis
    8 views2 pages
    This document provides code to add a WhatsApp floating button to a website. The code includes HTML, CSS, and links to Font Awesome to display the WhatsApp icon. When clicked, the button will open a chat with WhatsApp while remaining fixed to the bottom right corner of the page.

    Original Description:

    Original Title

    Codigo boton whatsapp

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document provides code to add a WhatsApp floating button to a website. The code includes HTML, CSS, and links to Font Awesome to display the WhatsApp icon. When clicked, the button will open a chat with WhatsApp while remaining fixed to the bottom right corner of the page.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    8 views2 pages

    Codigo Boton Whatsapp

    Uploaded by

    Jorge Solis
    This document provides code to add a WhatsApp floating button to a website. The code includes HTML, CSS, and links to Font Awesome to display the WhatsApp icon. When clicked, the button will open a chat with WhatsApp while remaining fixed to the bottom right corner of the page.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 2

    AGREGAR BOTÓN DE WHATSAPP A NUESTRA PÁGINA

    Copea el siguiente Código

    <!DOCTYPE html>
    <html lang="en" >

    <head>
    <meta charset="UTF-8">
    <title>Whatsapp-floating-button</title>

    <link rel="stylesheet" href="style.css">


    <style type="text/css">
    .float{
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    right:40px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    box-shadow: 2px 2px 3px #999;
    z-index:100;
    }
    .float:hover {
    text-decoration: none;
    color: #25d366;
    background-color:#fff;
    }

    .my-float{
    margin-top:16px;
    }
    </style>
    </head>

    <body>

    <link rel="stylesheet"
    href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.m
    in.css">
    <a href="https://aquitulinkentrelascomillas.com" class="float" target="_blank">
    <i class="fa fa-whatsapp my-float"></i>
    </a>

    </body>

    </html>

    You might also like