Her sayfada whatsapp butonu gibi email atın butonu?

güzel oldu ama, https://prnt.sc/qbxwh3 bu şekilde whatsapp butonuyla eşleşti hocam. whatsapp butonu eklenti ile olduğu için yer değiştiremiyorum. bide ufak bi ebat farkı var sanırım

Düzenleyicide açıp Footer.php içine aşağıdaki kodu ekle

<div class="nasil-yardimci-olurum up-arrow-on" onclick="teklifProjePopup();">
<i class="fa fa-edit"></i>
</div>

Görünüm özlleştir bölümünde ek css kısmına da alttaki css kodlarını ekle

@keyframes nasil-yardimci {
0% {
transform: translateY(-50%);
}
50% {
transform: translateY(0%);
}
100% {
transform: translateY(-50%);
}
}

.nasil-yardimci-olurum {
position: fixed;
bottom: 85px;
right: -85px;
width: 75px;
height: 75px;
text-align: center;
font-size: 30px;
cursor: pointer;
color: #dc3345;
line-height: 75px;
background-image: url('../img/svg/nasil-yardimci.svg');
background-repeat: no-repeat;
animation: nasil-yardimci 5s infinite;
background-size: contain;
z-index: 999;
transition: all .6s;
}

.nasil-yardimci-olurum:before {
content: "";
border-radius: 50%;
position: absolute;
left: 49%;
top: 49%;
transform: translate(-50%, -50%);
width: 66px;
height: 66px;
background-color: #fff;
z-index: -1;
border: 1px solid rgba(210, 210, 210, 0.81);
}

.nasil-yardimci-olurum:after {
content: "";
position: absolute;
right: 8px;
bottom: 0;
width: 20px;
height: 20px;
z-index: 3;
background-color: #fff;
-webkit-clip-path: polygon(52% 9%, 1% 56%, 79% 85%);
clip-path: polygon(52% 9%, 1% 56%, 79% 85%);
}

.nasil-yardimci-olurum i {
transition: all 0.2s;
}

.nasil-yardimci-olurum:hover i {
font-size: 35px;
}

@media (max-width: 768px) {
.nasil-yardimci-olurum {
width: 55px;
height: 55px;
bottom: 26px;
right: 2px;
}

.nasil-yardimci-olurum:before {
width: 49px;
height: 49px;
}

.nasil-yardimci-olurum:after {
right: 6px;
}

.nasil-yardimci-olurum i {
font-size: 25px;
position: absolute;
top: 30%;
left: 30%;
}

.nasil-yardimci-olurum:hover i {
font-size: 25px;
}
}

.up-arrow-on {
transition: all .6s;
left: 12px;
}

örnek benliyusuf.com