ساخت دکمه تماس در وردپرس به دو روش افزونه وردپرس و دستی

آخرین بروزرسانی ۲۰ام خرداد, ۱۳۹۸
آیا میخواهید دکمه کلیکی تماس تلفنی در وبسایت وردپرسی خود داشته باشید؟ همان طور که میدانید امروزه کاربران زیادی با گوشی موبایل هوشمند خود از سایتها دیدن میکنند. اضافه کردن دکمه تماس در وردپرس کمک زیادی به آنها برای تماس با شما میکند.
امروز در دو روش به کمک افزونه و روش دستی نحوه ایجاد دکمه تماس در وردپرس را آموزش میدهیم.
چرا دکمه تماس در وردپرس را به سایت خود اضافه کنیم؟
بسیاری از وبسایتهای کسب و کارهای کوچک به مشتریان متکی هستند. تا آنها برای اطلاعات قبل خرید یا پشتیبانی تماس بگیرند.
به همین دلیل داشتن فرم تماس با ما را به همه صاحبان سایت توصیه میکنیم.
با این حال، با توجه به نوع کسب و کار برخی از کاربران، ممکن است بخواهند با یک فرد هم صحبت کنند.
با توجه به این که ترافیک کاربران موبایل در حال افزایش است، داشتن دکمه تماس امری بدیهی است.
حالا بیایید به نحوه ساخت دکمه تماس در وردپرس نگاهی بیاندازیم.
1- روش اول: ساخت دکمه تماس در وردپرس با افزونه Call Now Button
این روش سادهتر میباشد اما نکته مهم این است که فقط برای کاربران موبایل نمایش داده میشود.
شما میتوانید از روش شماره 2 برای نمایش در تمام دستگاهها استفاده کنید.
ابتدا از منوی پیشخوان وردپرس به قسمت افزونهها > افزودن بروید.
افزونه Call Now Button را نصب و فعال نمایید.
بعد از فعالسازی، به منوی تنظیمات پیشخوان شما گزینهای به نام Call Now Button اضافه میشود.
روی آن کلیک کنید تا بخش تنظیمات افزونه دکمه تماس در وردپرس بروید.
Button status: با انتخاب این گزینه، دکمه تماس در وردپرس فعال میشود.
Phone number: شمارهای که میخواهید کاربران با آن تماس بگیرند.
Button text: میتوانید در این نوشتهای بنویسید تا کنار آیکون نمایش داده شود. در صورت خالی گذاشتن فیلد، فقط آیکون تماس نمایش داده میشود.
در کنار دکمه ذخیره تغییرات، روی Advanced Settings برای تنظیمات بیشتر کلیک کنید.
button color: رنگ دکمه تماس
Position: موقعیت مکانی دکمه تماس در صفحه
Click Tracking: در این بخش با انتخاب گزینه Google Universal Analytics میتوانید در گزارشهای گوگل آنالیتیکز، گزارش استفاده کاربران از این دکمه را ببینید.
Limit appearance: در این قسمت میتوانید تعیین کنید دکمه تماس در وردپرس در صفحه خاصی نمایش داده شود یا نشود.
بعد از تنظیمات بالا، روی دکمه ذخیره کلیک نمایید.
دکمه تماس در وردپرس را در عکس زیر مشاهده میکنید.
1- روش دوم: ساخت دکمه تماس در وردپرس به صورت دستی
در این روش میتوانید تعیین کنید دکمه تماس در هر کجای صفحه و همه دستگاه ها که میخواهید نمایش داده شود.
کافی است شبیه به کد زیر را به وبسایت خود اضافه کنید.
1 2 3 | <a href="tel:+15555551212">+1 (555) 555-1212</a> <a href="tel:15555551212">Call Me</a> |
با کلیک روی این لینک در موبایل کاربر میتواند تماس بگیرد و در دسکتاپ هم با نرم افزارهایی مثل اسکایپ این کار را انجام دهد.
همچنین میتوانید با کمک HTML آیکون تماس را به لینک اضافه کنید.
مانند کد زیر:
1 | <a href="tel:+15555551212"><img src="https://example.com/wp-content/uploads/2018/10/phoneicon2.png" alt="Call us" /></a> |
نتیجه را مشاهده میکنید:
اضافه کردن دکمه تماس در وردپرس به منوی سایت
برای این منظور از قسمت نمایش منوی پیشخوان ، به بخش فهرستها بروید.
یک پیوند دلخواه را از منوی سمت راست انتخاب کنید.
در فیلد نشانی مانند کد زیر را وارد کنید. (شماره تماس خود را بنویسید)
tel:+989124545214
دکمه افزودن به فهرست و سپس ذخیره فهرست را کلیک کنید.
حالا این دکمه تماس در وردپرس در منوی سایت شما نمایش داده میشود. به همین راحتی!
امیدواریم در این آموزش انواع روشهای ایجاد دکمه تماس در وردپرس را به خوبی آموزش داده باشیم.
موفق باشید.