حتما برای شما نیز پیش آمده است که بخواهید دکمه قابل کلیک برای تماس در سایت وردپرسی خود قرار دهید. از آنجایی که این روزها بیشتر افراد از گوشی های هوشمند خود برای مرور و گشت و گذار در سایت استفاده می کنند اضافه کردن چنین دکمه هایی می تواند برقراری ارتباط با شما را ساده تر و اسان تر سازد. در این مقاله به شما نشان خواهیم داد چگونه می توانید به راحتی دکمه قابل کلیک برای تماس در سایت قرار دهید. پس همراه وب ایده باشید.
چرا باید دکمه قابل کلیک برای تماس در سایت وردپرسی قرار دهیم؟
بیشتر کسب وکارهای کوچک به دنبال مشتریانی هستند که بتوانند با آن ها تماس بگیرند ، اطلاعاتی در مورد محصولات یا خدمات دریافت کنند یا اینکه به دنبال دریافت پشتیبانی از آن ها باشند. به همین خاطر است که توصیه می شود فرم تماس در همه سایت ها گنجانده شود. با اینحال بسته به صنعتی که در آن فعالیت می کنید برخی از کاربران ممکن است بخواهند به طور مستقیم با شرکت تان تماس بگیرند و با کارمندان فروش یا پشتیبانی صحبت نمایند. از آنجایی که ترافیک حاصل از موبایل و دستگاه های موبایلی در حال افزایش است اغلب کاربران ترجیح می دهند دکمه ای بر روی سایت وجود داشته باشد تا بتوانند به راحتی بر روی آن کلیک کنند و اطلاعات مورد نیازشان را با برقراری تماس به دست آورند.
اگر شما نیز تازه کسب و کار خود را راه اندازی کرده اید توصیه می کنیم به دنبال خدمات دهی حرفه ای از طریق تماس باشید تا بتوانید به سوالاتی که از طرف مشتریان پرسیده می شود پاسخ مناسبی بدهید. خوب حالا که مزایای استفاده از این قابلیت را فهمیدیم می توانیم به سراغ نحوه انجام کار برویم و ببینیم چگونه می توانیم چنین دکمه هایی را به سایت وردپرسی خود اضافه کنیم.
روش اول: اضافه کردن دکمه قابل کلیک به کمک افزونه
استفاده از این روش بسیار اسان خواهد بود اما عیبش این است که تنها دکمه قابل کلیک را بر روی دستگاه های موبایلی نشان می دهد. اگر می خواهید این دکمه بر روی همه دستگاه ها نشان داده شود بهتر است از روش دوم استفاده کنید. اولین کاری که باید انجام دهید نصب و فعالسازی افزونه Call Now Button بر روی سایت است. همانطور که می دانید اضافه کردن افزونه به سایت وردپرسی بسیار ساده است. کافیست وارد ناحیه ادمین خود شوید. به بخش افزونه ها بروید و در بخش جستجو نام این افزونه را وارد نمایید. بعد از اینکه افزونه را پیدا کردید می توانید آن را نصب کنید. همچنین می توانید افزونه را از قبل دانلود کنید و سپس در ناحیه ادمین آن را بارگذاری نمایید.
بعد از فعالسازی افزونه، به بخش تنظیمات و سپس Call Now Button بروید تا بتوانید تنظیمات این افزونه را بر اساس نیاز خود پیکربندی نمایید.
در ابتدا باید باکس کنار button status را تیک بزنید تا فعال شود. بعد از انجام اینکار می توانید شماره تلفنی که می خواهید افراد با آن تماس بگیرند را وارد نمایید.
می توانید متنی برای دکمه خود انتخاب کنید یا ایکون را پنهان سازید. اگر این قسمت را دست نخورده رها کنید، افزونه مدنظر ،دکمه تماس را به همراه ایکون تلفن نشان خواهد داد. حالا می توانید بر روی لینک Advanced Settings در قسمت پایین کلیک کنید تا بتوانید پیکربندی های بیشتری را انجام دهید.
اولین گزینه ای که در این بخش مشاهده خواهید کرد رنگ دکمه است. می توانید به کمک این گزینه رنگ دکمه را با رنگ قالب خود هماهنگ سازید. بعد از انجام اینکار قادر خواهید بود پیگیری گوگل آنالیتیکس را فعال کنید تا بتوانید نحوه تعامل کاربران با این دکمه را در گزارش های موجود ببینید. در نهایت می توانید این دکمه را در پست ها یا صفحات خاصی نشان دهید یا آن را از نمایش در این صفحات و پست های خاص مستثنی کنید. بعد از اینکه تغییرات مورد نیاز را انجام دادید باید دکمه save را بزنید تا این تغییرات اعمال شود. حالا بر روی یکی از دستگاه های موبایلی خود، سایت را بازدید کنید تا ببینید این دکمه چگونه کار می کند.
روش دوم: اضافه کردن دکمه قابل کلیک به صورت دستی
این روش به شما اجازه می دهد دکمه و لینک های قابل کلیک را هر جایی که دوست داشتید به سایت وردپرسی خود اضافه کنید. راحت ترین روش اضافه کردن شماره تماس قابل کلیک بر روی سایت به کمک کد زیر است:
| ۱ ۲ ۳ ۴ ۵ |
|
این لینک، اپلیکیشن تماس را بر روی دستگاه های موبایلی باز می کند. بر روی دستگاه های دسکتاپی کاربران مک می توانند گزینه ای را برای باز کردن آن در Facetime ببینند. این در حالیست که کاربران ویندوز ۱۰ گزینه ای را بر روی اسکایپ خواهند دید. شما همچنین می توانید از HTML برای اضافه کردن تصویر یا آیکون کنار این لینک استفاده کنید. اجازه دهید ببینم چگونه می توانیم اینکار را انجام دهیم. در ابتدا به بخش رسانه ها و صفحه افزودن بروید. تصویری که می خواهید مورد استفاده قرار دهید را آپلود نمایید. بعد از اینکه تصویر را آپلود کردید باید بر روی گزینه edit یا همان ویرایش کلیک کنید. اینکار به شما کمک می کند صفحه ویرایش رسانه را ببینید و در آن آدرس فایل را کپی کنید. در گام بعدی به این آدرس نیاز خواهید داشت.
حالا می توانید پست، صفحه یا ابزارکی که قرار است آیکون برقراری تماس در آن نمایش داده شود را ویرایش کنید. در ناحیه ویراس می توانید از کد زیر استفاده کنید.
| ۱ | <a href=”tel:+15555551212″><img src=”https://example.com/wp-content/uploads/2018/10/phoneicon2.png” alt=”Call us” /></a> |
بعد از اینکه کارتان تمام شد می توانید سری به سایت خود بزنید تا ببینید این لینک به ناحیه مدنظر اضافه شده است یا خیر. به کمک CSS می توانید این لینک را سفارشی سازی نمایید.
اضافه کردن دکمه قابل کلیک به منوی ناوبری وردپرس:
شما می توانید این دکمه را به منوی ناوبری وردپرس خود هم اضافه کنید. کافیست به بخش نمایش و سپس فهرست ها بروید و بر روی پیوندهای دلخواه کلیک کنید. در بخش نشانی شماره تلفن خود را وارد کنید و در بخش متن پیوند نامی برای این لینک اختصاص دهید. حالا تغییرات ایجاد شده را ذخیره نمایید. بعد از اینکه تغییرات را اعمال کردید به سراغ سایت خود بروید و بر روی لینک کلیک کنید. سعی کنید فرمت درستی از شماره خود را وارد نمایید.
خوب کار شما تمام شده است. امیدواریم به کمک این آموزش دکمه های قابل کلیک زیبایی برای سایت خود بسازید و آن ها را بر اساس نیاز خود سفارشی سازی نمایید.
