Wordpress & AMPForWP 添加 email & WhatsApp

Wordpress & AMPForWP 添加 email & WhatsApp

Wordpress 网站如何添加 email 和 whatsApp，并返回来源网址;
AMPForWP 网站如何添加 whatsApp，并返回来源网址;

操作：

PC

<style>
.fixedBtm-pc{position:fixed;right:0;top:calc(40% - 75px);z-index:999;margin-top:0 !important}
.fixedBtm-pc>div{height:55px;overflow:hidden;margin-bottom:10px}
.fixedBtm-pc svg{padding:10px;background:#5263eb;border-radius:5px}
</style>
<div class="fixedBtm-pc hide-mobile">
    <div class="email"><a href="javascript:void(0);"><svg class="icon" viewBox="0 0 1024 1024"
                version="1.1" xmlns="http://www.w3.org/2000/svg" width="55" height="55">
                <path
                    d="M874.666667 181.333333H149.333333c-40.533333 0-74.666667 34.133333-74.666666 74.666667v512c0 40.533333 34.133333 74.666667 74.666666 74.666667h725.333334c40.533333 0 74.666667-34.133333 74.666666-74.666667V256c0-40.533333-34.133333-74.666667-74.666666-74.666667z m-725.333334 64h725.333334c6.4 0 10.666667 4.266667 10.666666 10.666667v25.6L512 516.266667l-373.333333-234.666667V256c0-6.4 4.266667-10.666667 10.666666-10.666667z m725.333334 533.333334H149.333333c-6.4 0-10.666667-4.266667-10.666666-10.666667V356.266667l356.266666 224c4.266667 4.266667 10.666667 4.266667 17.066667 4.266666s12.8-2.133333 17.066667-4.266666l356.266666-224V768c0 6.4-4.266667 10.666667-10.666666 10.666667z"
                    fill="#ffffff"></path>
            </svg></a></div>
    <div class="whatsapp"><a href="javascript:void(0);"><svg class="icon" viewBox="0 0 1024 1024" version="1.1"
                xmlns="http://www.w3.org/2000/svg" width="55" height="55">
                <path
                    d="M713.5 599.9c-10.9-5.6-65.2-32.2-75.3-35.8-10.1-3.8-17.5-5.6-24.8 5.6-7.4 11.1-28.4 35.8-35 43.3-6.4 7.4-12.9 8.3-23.8 2.8-64.8-32.4-107.3-57.8-150-131.1-11.3-19.5 11.3-18.1 32.4-60.2 3.6-7.4 1.8-13.7-1-19.3-2.8-5.6-24.8-59.8-34-81.9-8.9-21.5-18.1-18.5-24.8-18.9-6.4-0.4-13.7-0.4-21.1-0.4-7.4 0-19.3 2.8-29.4 13.7-10.1 11.1-38.6 37.8-38.6 92s39.5 106.7 44.9 114.1c5.6 7.4 77.7 118.6 188.4 166.5 70 30.2 97.4 32.8 132.4 27.6 21.3-3.2 65.2-26.6 74.3-52.5 9.1-25.8 9.1-47.9 6.4-52.5-2.7-4.9-10.1-7.7-21-13z"
                    fill="#ffffff"></path>
                <path
                    d="M925.2 338.4c-22.6-53.7-55-101.9-96.3-143.3-41.3-41.3-89.5-73.8-143.3-96.3C630.6 75.7 572.2 64 512 64h-2c-60.6 0.3-119.3 12.3-174.5 35.9-53.3 22.8-101.1 55.2-142 96.5-40.9 41.3-73 89.3-95.2 142.8-23 55.4-34.6 114.3-34.3 174.9 0.3 69.4 16.9 138.3 48 199.9v152c0 25.4 20.6 46 46 46h152.1c61.6 31.1 130.5 47.7 199.9 48h2.1c59.9 0 118-11.6 172.7-34.3 53.5-22.3 101.6-54.3 142.8-95.2 41.3-40.9 73.8-88.7 96.5-142 23.6-55.2 35.6-113.9 35.9-174.5 0.3-60.9-11.5-120-34.8-175.6z m-151.1 438C704 845.8 611 884 512 884h-1.7c-60.3-0.3-120.2-15.3-173.1-43.5l-8.4-4.5H188V695.2l-4.5-8.4C155.3 633.9 140.3 574 140 513.7c-0.4-99.7 37.7-193.3 107.6-263.8 69.8-70.5 163.1-109.5 262.8-109.9h1.7c50 0 98.5 9.7 144.2 28.9 44.6 18.7 84.6 45.6 119 80 34.3 34.3 61.3 74.4 80 119 19.4 46.2 29.1 95.2 28.9 145.8-0.6 99.6-39.7 192.9-110.1 262.7z"
                    fill="#ffffff"></path>
            </svg></a></div>
</div>
<script>
jQuery(document).ready(function( $ ){
    $(".whatsapp a").attr('href','https://api.whatsapp.com/send?phone=8613811111111&text=Hello!%20I%27m%20interested%20in%20your%20product%20%20'+window.location.href);
$(".email a").attr('href','mailto:enquiry@123456.com?subject='+document.title+'&body='+window.location.href);
});
</script>

AMPForWP

<div class="fixedBtm">
    <div class="form"><a href="#sticky-form" target="_self" rel="noopener">
            Leave Message</a>
    </div>
    <div class="whatsapp"><a
            href="https://api.whatsapp.com/send?phone=8613811111111&text=Hello!%20I%27m%20interested%20in%20your%20product%20%20+<?php echo esc_url(get_the_permalink()) ?>amp/"
            target="_blank" rel="noopener">
            Whatsapp</a>
    </div>
</div>

/*sticky bottom*/
.btt{z-index:999;} 
.fixedBtm{width:100%;display:flex;position:fixed;bottom:0;left:0;z-index:999;}
.fixedBtm>div{width:50%;text-align:center;background-color:#030e27;}
.fixedBtm>div a{display:inline-block;width:100%;padding:15px 0;color:#fff;}
.fixedBtm .whatsapp{background-color:#77b917;}

特点：

1. 附带跟踪，返回来源页面（用户可人为删除掉）
2. PC 和 AMP 两个版本
3. 漂浮框

缺点：

1. AMP 主题更新会将修改的覆盖