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

آموزش اضافه کردن دکمه به وردپرس

زمان مطالعه: 14 دقیقه

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

به عنوان مثال ، می توانید با استفاده از دکمه های تماس کاربران را به یک صفحه معاملاتی مانند صفحه قیمت گذاری ، صفحه محصول ، صفحه خدمات یا تبلیغات ویژه ، محصولات جدید یا پیوند به سایر وب سایت ها منتقل کنید.

ساخت دکمه تماس در وردپرس

آموزش ساخت متن شماره تلفن قابل تماس در وردپرس

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

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

اضافه کردن و ایجاد دکمه با ویرایشگر پیشفرض وردپررس

افزودن دکمه ها به صفحات و پست ها ویژگی جدیدی است که در وردپرس 5.0 با ویرایشگر جدید بلوک وردپرس به نام گوتنبرگ معرفی شده است.

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

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

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

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

با کلیک بر روی افزودن متن می توانید متن را به راحتی روی دکمه خود وارد کنید.

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

سپس باید آدرس صفحه ای را که می خواهید به آن پیوند دهید زیر دکمه وارد کنید و در آخر روی دکمه Apply کلیک کنید.

در مرحله بعدی می توانید سبک دکمه خود را از میان سه طرح متداول ، یک رنگ متن و یک دکمه از رنگ های پیش فرض یا از تب Custom Colors انتخاب کنید.

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

 

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

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

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

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

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

  • اضافه کردن دکمه به وردپرس با کد HTML / CSS.
  • دکمه را در WordPress با افزونه کد کوتاه دکمه WordPress اضافه کنید.
  • بدون استفاده از کد کوتاه دکمه هایی را به وردپرس اضافه کنید.

اولین گزینه از سه گزینه ، روش کدگذاری است. به این ترتیب شما باید کد HTML / CSS را برای اضافه کردن یک دکمه در هر نقطه از وب سایت خود بنویسید.

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

اما روش سوم بهترین است !! زیرا به شما امکان می دهد بدون نیاز به یادآوری کد کوتاه ، به راحتی دکمه ها را به پست ها و صفحات خود اضافه کنید.

مقاله پیشنهادی برای مطالعه: بهترین افزونه چت با مشتری چیست؟

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

اولین کاری که باید انجام دهید نصب و فعال سازی افزونه Forget About Shortcode Buttons است. پس از فعال کردن افزونه ، یک پست جدید ایجاد کنید یا یک پست موجود را ویرایش کنید.

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

 

در ویرایشگر، یک دکمه جدید با عنوان Insert Button مشاهده خواهید کرد.

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

 

برای درج دکمه جدید روی آن کلیک کنید. در پنجره بازشو که برای شما باز می شود ، می توانید دکمه خود را طراحی کنید.

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

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

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

همچنین می توانید با رفتن همزمان به تب Icon نماد مربوط به دکمه را انتخاب کنید ، اگر روی تب Icon کلیک کنید ، می توانید نمادهایی را که می توانید قبل یا بعد از متن به دکمه های خود اضافه کنید ، مشاهده کنید.

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

سپس می توانید رنگ متن دکمه ، رنگ پس زمینه دکمه ، اندازه دکمه و ترازبندی آن را تغییر دهید و پس از اعمال تغییرات دلخواه ، دکمه را Update و سپس دکمه را همانطور که در پست می بینید کلیک کنید. همچنین ویرایشگر پست را ببینید و در پایان پست خود را ارسال کنید.

مقاله پیشنهادی برای مطالعه: خرید بهترین هاست

خرید بهترین هاست

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

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

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

مقاله پیشنهادی برای مطالعه: بهترین افزونه ساخت جدول چیست؟

بیایید نگاهی گام به گام به نحوه افزودن دکمه های کلیک به مخاطبین وردپرس بیندازیم:

اولین کاری که باید انجام دهید نصب و فعال کردن افزونه wp call button است:

افزونه تماس با ما wp call button

پس از فعال سازی، برای پیکربندی تنظیمات افزونه و طراحی دکمه کلیک به تماس، باید به تنظیمات / صفحه WP Call Button مراجعه کنید.

افزودن دکمه به وردپرس با افزونه wp call button

ابتدا تنظیمات Sticky Call Button را مشاهده خواهید کرد. دکمه تماس چسبنده یک ویژگی بهینه شده است که هنگام مرور سایت شما ، کاربران با آن دکمه تماس را جابجا می کنند و می توانید با فعال کردن وضعیت دکمه تماس ، کار را شروع کنید.

سپس باید شماره تماس مشاغل خود را همراه با کد کشور وارد کنید ، سپس موقعیت ، رنگ و مکان دکمه را برای نمایش دکمه تماس چسبنده انتخاب کنید.

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

مقاله پیشنهادی برای مطالعه: بهترین افزونه عیب یابی سایت وردپرس

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

علاوه بر دکمه های تماس چسبنده ، می توانید با استفاده از این افزونه دکمه های تماس ثابت را به صفحات ، پست ها و ستون های وردپرس خود اضافه کنید.

اگر از ویرایشگر جدید وردپرس استفاده می کنید ، با استفاده از بلوک WP Call Button به راحتی می توانید یک دکمه تماس به صفحات خود اضافه کنید.

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

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

سپس می توانید متن دکمه ، رنگ دکمه ، رنگ متن ، اندازه قلم را سفارشی کنید و نماد تلفن را نشان دهید یا پنهان کنید و پس از انجام تنظیمات ، پست خود را منتشر کنید.

اگر از ویرایشگر کلاسیک وردپرس استفاده می کنید ، برای ایجاد کد کوتاه باید از سازنده دکمه تماس ثابت استفاده کنید. برای این کار ، به تنظیمات و سپس دکمه WP Call بروید و روی دکمه تماس ایستا در بالای منو کلیک کنید.

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

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

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

فقط به ابزارک ها بروید و ابزارک دکمه تماس WP را به منطقه آماده ویجت که می خواهید دکمه تماس را در آن نمایش دهد بکشید.

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

اکنون می توانید یک عنوان و توضیح به آن اضافه کنید و دکمه تماس را در برگه Advanced Settings تنظیم کرده و پس از اتمام ابزار را ذخیره کنید.

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

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

در این حالت ، ما توصیه می کنیم که از یک افزونه صفحه وردپرس مانند Beaver Builder یا Divi یا سایر پلاگین های صفحه ساز پریمیوم استفاده کنید.

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

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

علاوه بر تمام افزونه های رایگان ایجاد دکمه های وردپرس بدون نیاز به کدنویسی ، می توانید از افزونه Contact Us All In One Button نیز استفاده کنید که یک افزونه بسیار مفید برای همه سایتها در هر فعالیتی برای ارتباط مشتریان با پشتیبانی سایت است.

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

از ویژگی های مهم این افزونه می توان به قابلیت شخصی سازی دکمه ها و منوها ، درخواست تماس ، تایمر شمارش معکوس ، شخصی سازی پیام های فوری و … اشاره کرد.

پس از فعال سازی این افزونه “تماس با ما” در یک دکمه ، قادر خواهید بود در هر صفحه سایت دکمه “تماس با ما” ایجاد کنید و با کلیک بر روی این دکمه ، کاربر با کلیک بر روی این دکمه می تواند روش مورد علاقه تماس با شما را انتخاب کند.

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

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

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

ساخت لینک برای شماره تلفن

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

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

tel://02612345678

بعد از عبارت tel:// شماره موبایل و یا تماس خود را وارد کنید. کاربر با کلیک روی شماره تماس شما بدون نیاز به یادداشت کردن  و یا وارد کردن شماره تماس شما به بخش تماس وارد خواهد شد.

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

افزونه دکمه های تماس با ما | All in One Support Button

افزونه دکمه های تماس با ما | All in One Support Button

معرفی پلاگین contact us

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

فهرست شبکه های اجتماعی موجود در پلاگین Contact Us :

  • سروش Soroush
  • ایتا Eitaa
  • روبیکا Rubika
  • بله Bale
  • بیسفون BisPhone
  • گپ Gap
  • ویسپی Wispi
  • آپارات Aparat
  • فیسبوک Facebook
  • تلگرام Telegram
  • اینستاگرام Instagram
  • واتساپ Whatsapp
  • توییتر Twitter
  • وایبر Viber
  • لاین Line
  • وی چت Wechat
  • لینکداین LinkedIn
  • یوتیوب Youtube
  • گوگل پلاس Google+
  • گوگل پلی Google Play
  • اسکایپ Skype
  • انولوپ Envelope
  • کامنت Comments
  • تلفن Phone
  • اندروید Android
  • App Store IOS
  • Apple
  • odnoklassniki
  • vk
  • slack-hash

 

پیش نیاز :

وردپرس نسخه 3.7.x یا بالاتر

ویژگی های افزونه دکمه های تماس با ما :

شخصی سازی دکمه تماس- تغییر رنگ اندازه عنوان ها و موقعیت مکانی دکمه
شخصی سازی منوهای تماس – تغییر سایز منو ، رنگ زمینه و رنگ عنوان ها
اضافه و کم نمودن منوی های تماس – تغییر آیکون ها ، لینک ها و عنوان ها
نمایش پیام آماده – افزودن پیام های از قبل آماده شده و نمایش به کاربر
تماس های دریافتی – نمایش شماره تلفن تماس گیرنده و فهرست آن در مدیریت
ایمیل – ارسال تماس های دریافتی به ایمیل مدیریت
Google reCaptcha V3 integration- جلوگیری از تماس ربات ها
تغییر رنگ تم

مشاهده پیش نمایش و خرید افزونه

 

افزونه حرفه ای دکمه ساز Buttons X

افزونه حرفه ای دکمه ساز Buttons X

افزونه ی دکمه ساز Buttons X یک افزونه ی وردپرسی است که با دکمه های متنوع و بی شمار خود به شما اجازه می دهد بدون نیاز به هیچ کدنویسی دکمه های رسپانسیو و زیبا بسازید.

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

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

افزونه ی دکمه ساز قدرتمند bottom-x از صفحه سازهای معروفی چون Visual Composer و Live Composer و Beaver Builder پشتیبانی می کند. این بدان معناست که وقتی از صفحه ساز استفاده می کنید افزونه ی دکمه ساز به عنوان یک گزینه در ویزگی های فرم ساز ظاهر می شود و شما می توانید دکمه هایتان را در ان محیط استفاده کنید.

لیست تمام ویژگی ها:

  • آنالیز کلیک با گوگل انالیتیکس
  • انیمیشن
  • پس زمینه
  • چارچوب و حاشیه
  • پک های آماده
  • درون ریزی دکمه های دمو
  • دکمه های ووکامرسی و EDD
  • برون بری و درون ریزی
  • راهنمای استفاده ی انلاین
  • آیکن های اماده
  • لینک های آماده
  • پیش نمایش انلاین
  • تبدیل شدن به منو
  • سازگاری با صفحه ساز
  • سایه گذاری
  • اشتراک شبکه های اجتماعی
  • تول تیپ های متنوع
  • استفاده در نواحی ابزارک
  • و ده ها ویزگی دیگر که بدون نیاز به کدنویسی …

مشاهده پیش نمایش و خرید افزونه

افزونه دکمه واتساپ پرمیم | WP WhatsApp Button – Premium

افزونه دکمه واتساپ پرمیم -WP WhatsApp Button - Premium

افزونه دکمه تماس واتساپ یا افزونه WP WhatsApp Button یک افزونه حرفه ای و زیبا برای قرار دادن دکمه واتساپ در سایت است.

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

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

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

افزونه دکمه واتساپ دارای 18 قالب از پیش طراحی شده، 10 حالت انیمیشن زیبا است. شما می توانید دکمه های ایجاد شده را در 8 موقعیت مختلف در صفحات سایت خود قرار دهید و با شکل زیبا و منحصر به فرد آن توجه کاربران را جذب کنید.

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

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

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

ویژگی های افزونه WP WhatsApp Button

  • کاملا اورجینال و خریداری شده از سایت تم فارست
  • تماما فارسی سازی شده و راست چین
  • دارای پنل تنظیمات حرفه ای و فارسی
  • مجهر به 18 قالب دکمه آماده و زیبا
  • مجهز به 10 حالت انیمیشن مختلف
  • قابلیت سفارشی سازی رنگ دکمه ها و متن
  • کاملا ریسپانسیو و واکنشگرا در تمامی دستگاه های موبایل و تبلت
  • قابلیت ایجاد شورتکد برای قرار دادن در تمامی صفحات
  • قابلیت قرار گیری دکمه در هشت موقعیت مختلف
  • قابلیت تعیین قرارگیری متن در راست، چپ و میانه
  • قابلیت پشتیبانی چندین مخاطب
  • قابلیت فعال و غیرفعال کردن متن
  • قابلیت ایجاد دکمه چسبان
  • قابلیت فعال و غیرفعال کردن راهنمای ابزار
  • قابلیت افزودن گزینه منو
  • قابلیت پشتیبانی از مرورگرهای مختلف

مشاهده پیش نمایش و خرید افزونه

 

منبع: راسچین

امیدوارم این مقاله برای شما مفید واقع شده باشد و بتوانید با ایجاد دکمه های تماس قدمی در تبلیغ سایت خود بردارید.

0 0 رای ها
امتیازدهی به مقاله

ما را در شبکه‌های اجتماعی دنبال کنید:

آخرین مقاله‌ها

اشتراک در
اطلاع از
guest

1 دیدگاه
قدیمی‌ترین
تازه‌ترین بیشترین رأی
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها
پیمان
پیمان
10 ماه قبل

عالی بود