Chèn nút Call To Action vào website: Nút Chat Zalo và Nút Call

Các nút liên hệ chèn website sẽ giúp khách hàng nhìn nhanh thông tin đỡ phải kéo xuống cuối trang hay các trang liên hệ. Các nút liên hệ được thiết kế bắt mắt sẽ khiến khách hàng hàng tương tác nhanh hay thậm chí chốt đơn nhanh chóng. Dưới đây là tổng hợp những nút liên lạc xấu kinh dị cho những ai muốn chèn vào website của mình.

Nếu bạn dùng giao diện Flatsome thì vào phần: Flatsome => Advanced => Global Setting  và dán tất cả những thứ các bạn yêu thích vào ô FOOTER SCRIPTS nha!

Nếu các bạn dùng các giao diện không phải flatsome thì dán vào phần footer của theme đang sử dụng là ok nhất.

Bạn có thể xem web mẫu ở đây: http://denled.webdep.live/

Khi chèn xong thành quả bạn sẽ thế này.

Dưới đây là đoạn code bạn chỉ cần copy code bên ô HTML và chèn vào website của bạn:

<style>
    .hotline1:hover {
        position: fixed;
        right: 0;
        bottom: 25%;
        display: block;
        z-index: 2000;
        transition: all 1s;
        -moz-transition: all 1s;
        -webkit-transition: all 1s;
        -o-transition: all 1s;
    }
    
    .hotline1 .hotline-icon {
        width: 40px;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        height: 40px;
        background: #00acef;
        float: left;
        background: url(/wp-content/uploads/2018/04/ql-icon-phone.png) #0099ff no-repeat center;
        background-size: contain;
    }
    
    .hotline1 .hotline-main {
        font-size: 13px;
        background: #00acef;
        padding: 2px 10px;
        color: white;
        z-index: 2000;
        float: left;
    }
    
    .hotline1 .hotline-main p {
        margin-bottom: -4px
    }
    
    .hotline1 .hotline-main a {
        color: white
    }
    
    .hotline1 .hotline-main a:hover {
        color: #00ebe2
    }
    
    .chat-facebook {
        position: fixed;
        bottom: 5%;
        right: 5%;
        z-index: 99999
    }
</style>
<div class="hotline1">
    <div class="hotline-icon">

    </div>
    <div class="hotline-main">
        <p>Tư vấn 24/7</p>
        <span class="number"><a href="tel:0966698996" target="_blank">0966698996</a></span>
    </div>
    <div class="clear">

    </div>
</div>
<div class="chat-facebook">
    <a href="https://zalo.me/0966698996" target="_blank"><img src="http://denled.webdep.live/wp-content/uploads/2019/12/chat-zalo.png" />
    </a>
</div>

Trả lời

Email của bạn sẽ không được hiển thị công khai.

0966698996