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

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

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

ساختار های صحیح برای نوشتن شماره تماس عبارت از اینهاست:<Country Code> <(Area Code) > <Local Number>  اگر بخواهیم مثال ارائه دهیم   1212 – 555(555)1+ همچین شماره تلفنی می شود ولی بیشتر موبایل های هوشمند از ساختار های زیر استفاده و پشتیبانی می کنند.

• 15555551212+
• 1.555.555.1212+
• 555-555-1212
• 1212 555 555

ساختار صحیح شماره تلفن

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

<!--This link will work on Android and iPhone. It will be visible to desktop users but will result in an error when clicked -->
<a href="tel://+15555551212">+1 (555) 555-1212</a> 

<a href="tel://15555551212">Call Me</a>

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

<!-- This link will open Skype on desktop and notebooks, on mobile phones it will ask users if they would like to open skype or dial this number using their phone -->
<a href="callto://15555551212">+1 (555) 555-1212</a>

در کد بالا ما از callto: protocol بهره بردیم که این پروتکل از skype: protocol که برای اسکاپ است استفاده می کند حال با اینکه کابران موبایل های هوشمند میتوانند بر روی دکمه تماس کلیک کنند و تماس بگیرند و علاوه بر آن کاربران دستگاه های دیگر میتوانند با نصب نرم افزار اسکایپ از طریق آن تماس بگیرند.

<!-- Link a number to an image -->
<a href="callto://15555551212" title="Call Me"><img src="/images/call-me.png" alt="Call Me" /></a>

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

<a href="skype:webmaster98support">Skype</a>

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

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