دیجی اسکریپت

بسیاری از کاربران با استفاده از تلفن‌های هوشمند خود وارد سایت‌ها می‌شوند ازاین‌رو با قرار دادن یک دکمه برای تماس تلفنی با شما می‌توانید برقراری ارتباط را برای آن‌ها بسیار ساده و آسان‌تر کنید. در این مقاله قصد داریم به شما نحوه افزودن دکمه تماس تلفنی به سایت را توضیح دهیم.

اگر یک سایت وردپرسی دارید و می‌خواهید یک دکمه “تماس تلفنی” در سایت خود قرار دهید با این مقاله همراه باشید چراکه ما در این مقاله این موضوع را به شما به‌صورت گام‌به‌گام آموزش خواهیم داد.

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

تعداد زیادی از کسب‌وکارهای کوچک در دنیای وردپرس به مشتریان خودشان متکی هستند و کاربران آن‌ها باید با سایت در ارتباط باشند. عمدتاً این‌گونه سایت‌ها باید برای پشتیبانی و یا برای دادن اطلاعات پیش‌فروش برای مشتری راهی برای تماس با خود قرار دهند. به همین دلیل ما برای این دسته از سایت‌ها توصیه می‌کنیم در سایت خود “دکمه تماس تلفنی” قرار دهند.

بااین‌حال نسبت به فعالیتی که در سایت خود انجام می‌دهید ممکن است یک کاربر بخواهد فوراً با یکی از افراد مسئول سایت شما ارتباط تلفنی برقرار نماید.

با توجه به اینکه ترافیک استفاده از تلفن‌های هوشمند در دنیای امروز روبه افزایش است بنابراین کاربران با استفاده از دکمه تماس تلفنی راحت‌تر می‌توانند اطلاعات موردنیاز خودشان را از سایت شما کسب نمایند.

اگر کسب‌وکار اینترنتی خودتان را به‌تازگی راه‌اندازی کرده‌اید پیشنهاد می‌کنیم به یک سرویس تلفنی حرفه‌ای مراجعه کنید تا بتوانید به‌راحتی تماس تلفنی برقرار کنید، شماره‌ها را با کارمندان به اشتراک بگذارید و با استفاده از تلفن‌های همراه خود از هرجایی دیگر (به‌جای تلفن ثابت) به تماس‌های خودپاسخ دهید.

در اینجا روش‌های افزودن دکمه تماس با ما را برای شما خواهیم گفت.

روش اول: افزودن دکمه تماس تلفنی با استفاده از افزونه

استفاده از افزونه برای اضافه کردن دکمه تماس تلفنی یکی از راحت‌ترین و کم درد سرترین روش‌هایی است که شما می‌توانید از آن استفاده کنید. درواقع در این روش این امکان به شما داده خواهد شد که به‌راحتی یک دکمه برای تماس تلفنی در گوتنبرگ، ویرایشگر کلاسیک وردپرس، ویجت نوار کناری وردپرس و یا حتی در صورت دلخواه یک دکمه تماس ثابت ایجاد کنید.

افزونه‌ای که به شما برای افزودن دکمه تماس تلفنی کمک خواهد کرد پلاگین رایگان WP Call Button می‌باشد. پس‌از اینکه این افزونه را دانلود و نصب کردید مراحل زیر را طی کنید. اگر از روند نصب پلاگین اطلاعی ندارید می‌توانید آموزش نصب افزونه وردپرس را مشاهده نمایید.

پس از فعال‌سازی افزونه برای اینکه بتوانید به پیکربندی آن دسترسی داشته باشید باید بعد از ورود به پیشخوان سایت از قسمت تنظیمات گزینه‌ی WP Call Button را انتخاب کنید.

پس از طی کردن روند گفته‌شده صفحه‌ای مشابه تصویر زیر برای شما نمایش داده خواهد شد که شامل فیلدهای متنوعی می‌باشد.

دکمه تماس تلفنی ثابت

همان‌طور که در تصویر بالا مشاهده می‌کنید قسمت اول مربوط به”دکمه تماس ثابت” می‌باشد. این قسمت درواقع متداول‌ترین درخواستی است که کاربر هنگام مرور وب‌سایت خواهد داشت. این ویژگی بهینه‌سازی شده و به شما کمک می‌کند که تماس‌های بیشتری را دریافت کنید و معاملات سایت خود را در زمان کمتری به سرانجام برسانید.

فعال کردن دکمه تماس تلفنی

در قسمت “Call Now Button Status” اگر می‌خواهید دکمه اکنون تماس بگیرید فعال شود و برای کاربران به نمایش دربیاید باید برای فعال‌سازی دکمه آن را به حالت سبز دربیاورید.

تعیین شماره تلفن

فیلد بعدی مربوط به شماره تلفن می‌باشد. درواقع شما باید در بخش ” Phone Number ” شماره تلفنی که می‌خواهید کاربران امکان دسترسی و تماس با آن را داشته باشند وارد کنید. قبل از اینکه شماره تلفن خود را وارد کنید به یاد داشته باشید که باید از همان قسمت کشور خود را انتخاب کنید تا به‌صورت خودکار کد کشور شما اضافه شود.

افزودن متن دکمه تماس

فیلد بخشی مربوط به متنی است که برای کاربر نشان داده می‌شود. درواقع شما می‌توانید متن دلخواه خودتان را در قسمت “Call Button Text” وارد کنید.

تعیین مکان دکمه تماس تلفنی

در تصویر بالا می‌توانید گزینه‌ی ” Call Button Position” را مشاهده کنید که انتخاب‌های متنوعی را در اختیار شما قرار می‌دهد. شما در این قسمت می‌توانید مشخص کنید این دکمه در سمت چپ یا راست قرار گیرد بنابراین به‌دلخواه خود یکی از این گزینه‌ها را انتخاب نمایید.

مشخص کردن رنگ دکمه تماس

در این افزونه شما این امکان رادارید که رنگ دکمه تماس را مشخص نمایید، برای این کار بر روی قسمت “Call Button Color” کلیک کنید تا بتوانید از بین طیف رنگی که ظاهر می‌شود یکی را انتخاب کنید.

وضعیت نمایش دکمه تماس تلفنی

همان‌طور که در تصویر زیر مشاهده می‌کنید در قسمت “Call Button Visibility” انتخاب‌های مختلفی در اختیار شما قرار داده‌شده است. می‌توانید از این قسمت تعیین کنید که دکمه تماس تلفنی در تمامی صفحات برای کاربر نمایش داده شود و یا اینکه در یک سری صفحات خاص به‌نمایش دربیاید.

با فعال کردن بخش Show Call Button Only on Mobile devices? درواقع این امکان را به افزونه می‌دهید که دکمه تماس فقط برای تلفن‌های هوشمند نمایش داده شود.

نکته: به یاد داشته باشید که حتماً پس از اعمال تغییرات Save Changes را انتخاب کنید تا تغییرات شما ذخیره شود. پس‌ازاینکه تمامی مراحل بالا را طی کردید به سایت خود بروید و دکمه تماس را مشاهده نمایید.

افزودن دکمه تماس به صفحات وردپرس

برای اضافه کردن دکمه تماس به صفحه تماس، درباره صفحه و یا هر صفحه‌ی دیگر دو راه دارید که در اینجا برای شما خواهیم گفت.

افزودن دکمه تماس به صفحات وردپرس در گوتنبرگ

اگر از ویرایشگر جدید وردپرس استفاده می‌کنید یک صفحه جدید بازکنید و یا اینکه یکی از صفحات قبلی را ویرایش کنید و در مرحله بعد بر روی آیکون (+) که در سمت راست تصویر زیر برای شما نشانه‌گذاری شده است کلیک کنید و بلوک افزونه WP Call Button را اضافه کنید.

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

پس‌ازاینکه دکمه به صفحه سایت شما اضافه شد، به کاربران سایت شما این امکان را می‌دهد که بر روی شماره تلفنی که شما در صفحه تنظیمات دکمه تماس WP تعیین کرده‌اید کلیک کرده و به‌راحتی با شما تماس برقرار کنند.

افزودن دکمه تماس به صفحات در ویرایشگر کلاسیک

اگر شما از ویرایشگر قدیمی وردپرس استفاده می‌کنید بنابراین برای تهیه کد کوتاه باید از ژنراتور Static Call Button استفاده کنید. برای این کار به‌راحتی به قسمت پیشخوان» تنظیمات» WP Call Button بروید و از منوی بالا گزینه‌ی Static Call Button را انتخاب کنید.

در این صفحه شما این امکان را دارید که متن، رنگ و دکمه تماس را سفارشی‌سازی کنید و مشخص کنید که می‌خواهید نماد تلفن نشان داده شود و یا مخفی باشد. بعدازاینکه تغییرات مدنظر خود را در این صفحه وارد کردید از قسمت پایین صفحه به‌راحتی کد کوتاه یا همان شورت کد را کپی کنید و آن را در داخل پست یا صفحه جایی که می‌خواهید آن را اضافه کنید جایگذاری کنید.

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

علاوه بر این افزونه WP Call Button به شما امکان می‌دهد دکمه تماس تلفنی را در نوار کناری وب‌سایت خود با استفاده از ویجت نوار کناری اضافه کنید.

برای اینکه بتوانید دکمه تماس تلفنی را به نوار کناری اضافه کنید باید از قسمت نمایش» ابزارک‌ها را انتخاب کنید و ابزارک مربوط به WP Call Button را به ابزارک‌های در دسترس بکشید.

این بخش به شما این امکان را می‌دهد که عنوان و توضیحات ویجت را در قسمت‌های مربوطه اضافه کنید همچنین برای اینکه به گزینه‌های سفارشی‌سازی بیشتری دسترسی داشته باشید باید بر روی قسمت “تنظیمات پیشرفته” کلیک کنید. پس از کلیک کردن بر روی این قسمت می‌توانید گزینه‌های سفارشی‌سازی در مورد رنگ متن دکمه تماس، رنگ دکمه تماس و متن آن را مشاهده نمایید. پس از اعمال تغییرات مدنظر خود حتماً بر روی گزینه‌ی “ذخیره شد” کلیک کنید و یا برای از بین رفتن تغییراتی که انجام داده‌ای “پاک کردن” را انتخاب نمایید.

یکی از بهترین ویژگی‌های استفاده از افزونه برای افزودن دکمه تماس به وردپرس این است که ۱۰۰٪ رایگان است و ادغام یکپارچه‌ای با Google Analytics دارد.

روش دوم: افزودن دکمه تماس تلفنی به وردپرس به‌‌صورت دستی

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

 <a href="tel:+98212222222">+98 (21) 222-2222</a> 
  
<a href="tel:98212222222">تماس تلفنی با ما</a>

لینک‌هایی که در بالا آورده شده است درواقع برنامه‌های موبایل را بر روی دستکتاپ لپ‌تاپ، تلفن‌های هوشمند باز می‌کند همچنین کاربرانی که از سیستم مک استفاده می‌کنند قادر هستند این پیوندها را در Facetime خود مشاهده نمایند، کاربران ویندوز ۱۰ نیز می‌توانند آن‌ها را در اسکایپ ببینند. علاوه‌براین می‌توانید با استفاده از کد HTML یک تصویر یا آیکون به دکمه تماس تلفنی سایت خود اضافه کنید. برای دسترسی به موارد گفته‌شده مراحل زیر را دنبال کنید.

اولین کاری که باید انجام دهید این است که وارد پیشخوان» رسانه» افزودن شوید و تصویر یا آیکونی که می‌خواهید کنار لینک دکمه تماس نمایش داده شود را آپلود کنید. بعدازاینکه تصویر به‌صورت کامل آپلود شد بر روی گزینه‌ی “ویرایش” کلیک کنید.

در صفحه جدید که برای شما باز می‌شود URL تصویر را کپی کنید چراکه در مراحل بعدی به آن نیاز خواهید داشت.

You can now edit the post, page, or custom HTML widget where you want to display the click-to-call phone icon. In the edit area, you can now add the phone icon image wrapped inside the tel: link.

<a href="tel:+15555551212"><img src="https://example.com/wp-content/uploads/2018/10/phoneicon2.png" alt="Call us" /></a> 

بعدازاینکه تمامی موارد بالا را انجام دادید می‌توانید به صفحه سایت خود مراجعه کنید و تصویر موردنظر خود را در کنار دکمه تماس تلفنی مشاهده کنید.

همچنین می‌توانید این مورد را سفارشی‌سازی کنید و متن دلخواه خود را قبل و یا بعد آن اضافه کنید و از CSS سفارشی برای سبک آن استفاده کنید.

اضافه کردن لینک دکمه تماس تلفنی به فهرست سایت

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

بعد از وارد شدن به پیشخوان وردپرس خود نمایش» فهرست‌ها را انتخاب کنید. در سمت راست شما گزینه‌های بسیاری وجود دارد که باید از میان آن‌ها “پیوندهای دلخواه” را انتخاب کنید. پس از کلیک کردن بر روی این گزینه بلوکی برای شما باز می‌شود که باید در قسمت URL یا نشانی اینترنتی شماره تلفن موردنظر خود را وارد کنید و در فیلد بعدی باید متنی که می‌خواهید برای دکمه تماس نمایش داده شود را وارد کنید و در آخر “افزودن به فهرست” را انتخاب کنید تا دکمه تماس تلفنی به فهرست شما اضافه شود.

اکنون اگر به منوی ناوبری سایت خود مراجعه کنید می‌توانید مشاهده کنید که دکمه تماس اضافه‌شده است.

امیدواریم این مقاله به شما برای افزودن دکمه تماس تلفنی به سایتتان کمک کرده باشد. موفق باشید. 🙂

راستی! برای دریافت مطالب وردپرسی در کانال تلگرام میهن وردپرس عضو شوید.

قالب وردپرس چند منظوره اتم لب Atomlab فارسی یک قالب وردپرس چند منظوره کابردی و جذاب می باشد که با استفاده از آن می توانید وب سایت با طراحی متفاوت در موضوعات مختلف ایجاد و پیاه سازی کنید.

قالب اتم لب Atomlab به نسخه ۱٫۴٫۵ بروزرسانی شد.

قالب وردپرس چند منظوره اتم لب Atomlab فارسی

قالب وردپرس چند منظوره اتم لب Atomlab فارسی یک قالب وردپرس چند منظوره دارای طراحی خاص و چشم نواز همراه با بیش از ۳۰ دموی فارسی و حدود ۱۰۰ برگه جذاب می باشد. قالب چند منظوره اتم لب Atomlab توانسته است عنوان یکی از پرفروش ترین قالب های وردپرس تم فارست را به خود اختصاص دهد.

قالب وردپرس چندمنظوره Atomlab با طراحی کاملا واکنشگرا و ریسپانسیو

قالب وردپرس چند منظوره اتم لب Atomlab فارسی کاملا واکنشگرا و ریسپانسیو است و در نمایشگرهای مختلف مانند تبلت و موبایل به خوبی و بدون مشکل نمایش داده می شود.

قالب چندمنظوره اتم لب سازگار با افزونه صفحه ساز ویژوال کامپوزر

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

قالب وردپرس اتم لب Atomlab دارای ۲۴+ صفحه اصلی

قالب وردپرس چند منظوره اتم لب Atomlab فارسی دارای ۲۴+ طرح جذاب برای صفحه اصلی می باشد که از بین دموهای موجود می توانید دموی موردنظرتان را انتخاب کرده و فقط با چند کلیک سیات جذاب خود را راه اندازی کنید.

قالب وردپرس چند منظوره اتم لب Atomlab فارسی دارای ۱۴+ طرح بندی نمونه کارها

قالب وردپرس Atomlab دارای ۱۴+ سبک نمونه کار می باشد که توسط آنها می توانید محصولات و دستاوردهای خود را به صورت کامل و با طراحی زیبا در سایت وردپرس خود به نمایش بگذارید.

قالب وردپرس Atomlab دارای ۱۱+ طرح بندی بلاگ

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

قالب وردپرس چند منظوره اتم لب Atomlab فارسی دارای بیش از ۵۰ شورتکد اختصاصی

قالب اتم لب Atomlab دارای بیش از ۵۰ شورتکد اختصاصی
برای طراحی سایت شما می باشد که این امکان را به شما می دهد تا بدون دانش
برنامه نویسی و صرف وقت زیاد سایت خود را به زیبایی هر چه بیشتر بسازید.

قالب وردپرس چندمنظوره اتم لب Atomlab کاملا بهینه برای موتورهای جستجو

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

قالب وردپرس چند منظوره اتم لب Atomlab فارسی سازگار با افزونه فروشگاه ساز ووکامرس

قالب وردپرس چند منظوره اتم لب Atomlab فارسی با افزونه قدرتمند فروشگاه ساز ووکامرس کاملا سازگار بوده و شما را قادر می سازد تا در کنار سایت خود فروشگاه آنلاین خود را نیز راه اندازی کنید و محصولات خود را برای فروش دهید و کسب و درآمد کنید.

قالب وردپرس چند منظوره اتم لب Atomlab فارسی

• کاملا فارسی سازی شده
• پشتیبانی از صفحه ساز ویژوال کامپوسر
• اسلایدر ساز پیشرفته رولیشن اسلایدر
• پشتیبانی از افزونه فرم تماس ۷
• ارائه شده بصورت بسته نصبی آسان
• دارای بیش از ۲۰ صفحه اصلی زیبا
• دارای سبک های مختلف نمونه کار ها
• بیش از ۵ سبک نمایش تک نوشته نمونه کار
• بیش از ۱۰ سبک وبلاگ
• بیش از ۱۷ سبک نمایش تک نوشته
• ۱۷ سبک پیش فرض هدر ساخته شده
• بی نهایت سایدبار
• سبک متنوع نمایش فوتر سایت
• مگامنو ساز حرفه ای
• صفحات بدون سایدبار و با سایدبار
• کاملا ریسپانسیو و واکنشگرا
• ساختار رتینا
• بارگذاری تنبل و لزی قالب
• ساخته شده با بوت استرپ ۳
• سرعت بارگذاری سریع
• طراحی زنده و حرفه ای صفحات
• پشتیبانی از ووکامرس فارسی
• طرح های فروشگاه باور نکردنی (Fullwidth & Sidebar)
• پشتیبانی کامل از زبان فارسی
• انیمیشن های css3
• کاملا سئو و بهینه سازی شده برای موتورهای جستجو
• بی نهایت رنگ بندی
• پنل تنظیمات فارسی و جامع قالب
• بینهایت فونت فارسی ( با قابلیت افزودن فونت دلخواه)
• پشتیبانی ویژه از خریداران توسط تیم نیکاتم
• صفحات اصلی ویژه
• سازگاری با آخرین نسخه ووکامرس و وردپرس
• سازگاری با تمامی مرورگرها
• آپدیت سریع و کاملا رایگان
• پشتیبانی ۲۴ ساعته و همیشگی و رایگان