Thêm nút liên hệ zalo và gọi ngay bên dưới sản phẩm cho khách hàng tiện liên hệ
Bước 1: Các bạn vào Flatsome – Advance – Woocommercer Tại thẻ HTML AFTER ADD TO CART BUTTON (GLOBAL) các bạn thêm dòng code sau
<div class=”contact-LIENHE”>
<span class=”detailt-call”>
<a href=”tel:0858310079″ ><strong><span style=”color: #ffffff;”>GỌI ĐẶT HÀNG</span></strong>
<br><strong><span style=”font-size: 12px; color:#ffffff;”> Click để gọi chúng tôi</span></strong>
</a>
</span>
<span class=”contact-zalo”>
<a href=”https://zalo.me/0858310079″; target=”_blank”><strong><span style=”color: #ffffff;”>CHAT ZALO</span></strong>
<br><strong><span style=”font-size: 12px; color:#ffffff;”>Click để chat Zalo</span></strong>
</a>
</span>
</div>
Bước 2: Các bạn vào Các bạn vào Flatsome – Advance – Custom CSS tại thẻ ALL SCREENS các bạn thêm dòng code sau
.detailt-call{
width: 49%;
background: #f99b1c;
padding: 8px 10px;
display: inline-block;
text-align: center;
border-radius: 5px;
line-height: 20px;
margin-bottom: 10px;
margin-right: 5px;
}
.contact-zalo{
width: 49%;
background: #2b982b;
float: right;
padding: 8px 15px;
display: inline-block;
text-align: center;
border-radius: 5px;
line-height: 20px;
}
Và xem kết quả
