پرش به محتوا
to3edev

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

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

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

استوری فروشگاه (Esee Stories) چه کار می‌کند؟

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

امکانات

  • حلقه‌های استوری شبیه اینستاگرام، با نوار پیشرفت، حالت «دیده‌شده» و توقف با نگه‌داشتن انگشت
  • اتصال به محصول ووکامرس: نام استوری از نام محصول گرفته می‌شود و عکس محصول داخل دایره نمایش داده می‌شود
  • دکمه ثابت «مشاهده و خرید محصول» با لینک مستقیم به همان محصول
  • لینک واتساپ، اینستاگرام، بله و روبیکا (هرکدام با تیک نمایش) و دو شبکه سفارشی با برچسب، لینک و آیکن SVG دلخواه، مثلاً برای تلگرام یا ایتا
  • فقط شماره واتساپ را وارد می‌کنید و لینک wa.me خودش ساخته می‌شود. پیام آماده هم عنوان و لینک محصول را دارد
  • متن روی استوری با رنگ، اندازه و جای قابل تنظیم (محور X/Y) و پیش‌نمایش زنده
  • نشان تعداد بازدید که فقط مدیر سایت می‌بیند
  • حذف هوشمند فایل: بعد از انقضا فقط فایلی که مخصوص همان استوری آپلود شده پاک می‌شود. عکسی که جای دیگری از سایت یا روی محصول دیگری استفاده شده باشد دست نمی‌خورد
  • فید بدون کش (/wp-json/esee-stories/v1/feed) تا روی هاست‌هایی با LiteSpeed یا افزونه کش، استوری منقضی‌شده نماند
  • شورت‌کد اختیاری [esee_stories] برای نمایش در جای دلخواه
  • پنل مدیریت فارسی و واکنش‌گرا

به درد چه کسی می‌خورد؟

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

نصب و استفاده

  1. فایل ZIP را از پایین همین صفحه دانلود کنید و از «افزونه‌ها ← افزودن ← بارگذاری افزونه» نصب و فعال کنید.
  2. از منوی «استوری فروشگاه ← تنظیمات» شماره واتساپ و لینک شبکه‌ها را وارد کنید.
  3. از «استوری فروشگاه ← افزودن استوری» عکس یا ویدیو بگذارید، در صورت نیاز محصول را وصل کنید و منتشر کنید.

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

سؤالات متداول

بدون ووکامرس هم کار می‌کند؟

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

بعد از ۲۴ ساعت عکس‌هایم پاک می‌شود؟

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

کجای سایت نمایش داده می‌شود؟

به‌طور پیش‌فرض زیر هدر سایت. با شورت‌کد [esee_stories] هم می‌توانید جای دیگری بگذاریدش.

مشخصات و تغییرات

  • نسخه فعلی: 1.2.1
  • حداقل وردپرس: 6.0 | حداقل PHP: 7.4 | تست‌شده تا وردپرس 6.8
  • 1.2.1: رفع به‌هم‌ریختگی حلقه‌ها و ثابت شدن اندازه دایره در دسکتاپ و موبایل
  • 1.2.0: اضافه شدن دکمه دائمی خرید، تصویر باکیفیت محصول، لوگوی بدون نوشته شبکه‌ها و پنل مدیریت واکنش‌گرا
  • 1.1.0: اضافه شدن حلقه اینستاگرامی، عکس محصول، نشان بازدید، جابه‌جایی X/Y و تبدیل خودکار شماره واتساپ
  • 1.0.0: انتشار اولیه

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

دانلود رایگان

دیدگاه خود را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *