دکمه تماس در المنتور

دکمه تماس در المنتور

نویسنده : ایران المنتور
بدون دیدگاه
آخرین بروزرسانی : 3 خرداد, 1400

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

آنچه در این مطلب می خوانید

شروع کار !

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

  1. از مسیر پیشخوان وردپرس > قالب ها > Theme Builder > تب Header  قالب هدر خود را ویرایش کنید
  2. برای شروع یک سکشن به قالب خود اضافه کنید
  3. برای ساخت این دکمه می توانید از ویجت آیکون استفاده کنید

تنظیمات ویجت را مطابق با تصویر زیر اعمال کنید

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

دکمه تماس در المنتور

تنظیمات سکشن

  1. سکشنی که در ابتدا تولید کردید رو انتخاب و وارد تب پیشرفته شوید
  2.  سپس وارد بخش  Motion Effects  شده و دکمه Mouse Effects رو فعال کنید
  3. Sticky را انتخاب و آن را بر روی بالا قرار دهید
  4. در قسمت Sticky on نمایشگر ها دسکتاپ و تبلت را حذف کنید
  5. مقدار Offset رو هم بر روی 500 قرار دهید
  6. بخش Motion Effects رو می بندیم و وارد بخش واکشنگرا شوید
  7.  دکمه مخفی سازی را در حالت دسکتاپ و تبلت فعال می کنید تا این ابزار فقط در نمایشگر موبایل قابل نمایش باشد
  8. و در نهایت تغییرات خود را ذخیره کنید تا دکمه تماس را بر روی وب سایت خود مشاهده کنید
Share on twitter
Share on linkedin
Share on pinterest
Share on telegram
Share on whatsapp
Share on email