---
title: "افزودن دکمه تماس واتس اپ به صورت شناور با المنتور"
url: "https://elementorfa.ir/whatsapp-click-button-chat/"
type: "post"
published: "2020-07-22T15:06:42+04:30"
modified: "2020-08-08T00:09:47+04:30"
author: "المنتور فارسی"
---

4.5/5 - (17 امتیاز)

استفاده از سرویس های چت آنلاین در سایت یک مزیت محسووب می شود. قبلا در مقاله ای، [5 تا از بهترین افزونه چت آنلاین برای وردپرس](https://elementorfa.ir/wordpress-live-chat-plugins/) را معرفی کرده ایم.

ولی برای دسترسی بیشتر و پاسخ دهی سریعتر، نیاز داشته باشید از واتس اپ برای پشتیبانی و پاسخ دهی استفاده کنید.

در این مقاله، نحوه قرار دادن دکمه شناور واتس اپ توسط المنتور را با هم دیگه یاد میگیریم.

## افزودن دکمه تماس واتس اپ در سایت با المنتور

### قرار دادن دکمه تماس در فوتر

برای اینکه دکمه تماس واتس اپ در تمامی صفحات نمایش داده شود، نیاز است دکمه را در فوتر طراحی شده توسط المنترو قرار دهیم.

> **بخوانید:** [آموزش طراحی فوتر با المنتور](https://elementorfa.ir/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d9%81%d9%88%d8%aa%d8%b1-%d8%a7%d9%84%d9%85%d9%86%d8%aa%d9%88%d8%b1/)

وارد سربرگ طراحی شده توسط المنتور شوید. ویجت آیکون را داخل صفحه قرار دهید و نماد واتس آپ را انتخاب کنید.

![دکمه تماس واتس اپ در سایت با المنتور](https://elementorfa.ir/wp-content/uploads/2020/07/whats-app-elementor-1.png)

### لینک به شماره واتس اپ

در قسمت پیوند آیکون، گزینه برچسب های پویا را بزنید. از بین لیست، گزینه URL تماس را انتخاب کنید.

![دکمه تماس واتس اپ در سایت با المنتور](https://elementorfa.ir/wp-content/uploads/2020/07/dynamic-url-elementor.png)

سپس روی آیکون آچار کلیک کرده و نوع URL را روی**واتس اپ** قرار دهید.

![دکمه تماس واتس اپ در سایت با المنتور](https://elementorfa.ir/wp-content/uploads/2020/07/whats-app-dynamic-url.png)

بعد از انتخاب گزینه واتس اپ، فیلد شماره تماس ظاهر می شود. شماره تماس را با پیشوند +98 وارد کنید.

![](https://elementorfa.ir/wp-content/uploads/2020/07/number-whats-app.png)

### موقعیت دکمه

در تب پیشرفته ویجت آیکون، تب موقعیت را زده و مقادیر عرض و جایگاه را طبق تصویر زیر، قرار دهید.

![دکمه تماس واتس اپ در سایت با المنتور](https://elementorfa.ir/wp-content/uploads/2020/07/pos-whtas-app-elementor-1.png)

حالا می توانید استایل آیکون را سفارشی سازی کنید. با کلیک بر روی آیکون واتس اپ، مستقیم به چت با همان شماره که وارد کردید منتقل می شود.

![دکمه تماس واتس اپ در سایت با المنتور](https://elementorfa.ir/wp-content/uploads/2020/07/footer-whats-app.png)

امیداواریم که از این آموزش هم به خوبی استفاده کرده باشید. اگر مشکلی در اجرای این آموزش دارید از بخش نظرات با ما در میان بگذارید.