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

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

نسخه قبلی این مقاله درباره افزونه Countdown Timer Ultimate بود. چون اون افزونه منسوخ شده، برای آموزش دوباره سراغش نرفتیم و اینجا یک راهکار تازه‌تر و ساده‌تر رو می‌بینید. در ادامه درباره انتخاب افزونه مطمئن، تنظیم منطقه زمانی، طراحی تایمر، اتفاق بعد از صفرشدن شمارش و راهکارهای مناسب ووکامرس و وبینار هم صحبت می‌کنیم.

چرا آموزش قبلی افزونه Countdown Timer Ultimate منسوخ شده؟

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

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

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

قبل از ساخت تایمر معکوس چه چیزهایی رو باید بدونید؟

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

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

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

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

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

افزونه Spectra چه کاری انجام می‌ده؟

افزونه Spectra چند بلوک تازه به ویرایشگر وردپرس اضافه می‌کنه. بلوک همون بخشی هست که باهاش متن، تصویر، دکمه یا محتوای دیگه رو داخل برگه می‌ذارید. بلوک Countdown این افزونه هم برای ساخت شمارش معکوس به کار می‌ره.

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

مرحله اول: نصب و فعال‌کردن افزونه Spectra

1. وارد پیشخوان وردپرس بشید.
2. از منوی «افزونه‌ها» وارد بخش «افزودن افزونه تازه» بشید.
3. داخل کادر جستجو عبارت Spectra رو بنویسید.
4. افزونه Spectra رو پیدا کنید و دکمه نصب اون رو بزنید.
5. وقتی نصب تموم شد، افزونه رو فعال کنید.

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

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

از پیشخوان وارد «برگه‌ها» بشید و برگه‌ای رو باز کنید که می‌خواید تایمر داخلش دیده بشه. اگه هنوز چنین صفحه‌ای ندارید، می‌تونید روی گزینه افزودن برگه کلیک کنید و یک صفحه تازه بسازید.

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

مرحله سوم: اضافه‌کردن بلوک Countdown

1. در جایی که می‌خواید تایمر نمایش داده بشه، روی علامت مثبت ویرایشگر کلیک کنید.
2. داخل جستجوی بلوک‌ها عبارت Countdown رو بنویسید.
3. بلوک Countdown مربوط به Spectra رو انتخاب کنید.
4. روی بلوک کلیک کنید تا تنظیماتش در ستون کناری ویرایشگر دیده بشه.

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

مرحله چهارم: تنظیم تاریخ و ساعت پایان

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

مثلاً اگه تخفیف ساعت ۱۲ شب جمعه تموم می‌شه، زمان پایان تخفیف در ووکامرس و زمان پایان تایمر باید دقیقاً یکی باشن. اگه این دو زمان با هم فرق داشته باشن، ممکنه تایمر تموم بشه ولی قیمت ویژه هنوز فعال بمونه.

مرحله پنجم: تنظیم منطقه زمانی وردپرس

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

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

مرحله ششم: شخصی‌سازی ظاهر تایمر

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

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

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

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

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

مرحله هشتم: انتشار تایمر در سایت

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

بعد از صفرشدن تایمر چه اتفاقی باید بیفته؟

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

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

راهکارهای جایگزین برای ساخت تایمر معکوس در وردپرس

Spectra تنها راه ساخت تایمر نیست. انتخاب مناسب به جایی که می‌خواید تایمر دیده بشه، ویرایشگر سایت و نوع کمپینتون بستگی داره.

استفاده از افزونه تخصصی شمارش معکوس

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

نمایش تایمر در نوار اطلاع‌رسانی سایت

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

ساخت تایمر برای تخفیف محصولات ووکامرس

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

نمایش شمارش معکوس برای وبینار و رویداد آنلاین

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

مشکلات رایج تایمر معکوس و راه‌حل اون‌ها

چرا ساعت تایمر درست نیست؟

اول منطقه زمانی وردپرس رو از مسیر «تنظیمات ← عمومی» ببینید. بعد تاریخ و ساعتی رو که در بلوک وارد کرده‌اید دوباره بررسی کنید. اگه از افزونه کش استفاده می‌کنید، کش صفحه رو پاک کنید و نتیجه رو در حالت ناشناس مرورگر ببینید.

چرا بلوک Countdown دیده نمی‌شه؟

اول مطمئن بشید Spectra نصب و فعال هست. بعد تنظیمات افزونه رو ببینید تا بلوک Countdown غیرفعال نشده باشه. اگه هنوز بلوک رو پیدا نمی‌کنید، افزونه و وردپرس رو به نسخه‌های سازگار به‌روزرسانی کنید و دوباره عبارت Countdown رو در بخش جستجوی بلوک‌ها بنویسید.

چرا تایمر در موبایل به‌هم می‌ریزه؟

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

چرا تایمر بعد از رسیدن به صفر دوباره شروع می‌شه؟

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

نکات مهم قبل از انتشار تایمر

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

سؤالات متداول درباره نمایش تایمر معکوس در وردپرس

جمع‌بندی

برای نمایش تایمر معکوس در وردپرس لازم نیست کدنویسی کنید. می‌تونید افزونه Spectra رو از منبع رسمی بگیرید، بلوک Countdown رو داخل برگه بذارید و تاریخ پایان، واحدهای زمان و ظاهرش رو تنظیم کنید.

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

تیم تولید محتوا

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