معرفی کامل پلاگین
وب اپلیکیشن فروشگاهی ووکامرس با ریلز و استوری مشابه اینستاگرام
اگر به دنبال ایجاد یک تجربه خرید متفاوت، مدرن و کاربرپسند برای فروشگاه ووکامرسی خود هستید، وب اپلیکیشن فروشگاهی ووکامرس میتواند ظاهر و نحوه تعامل کاربران با فروشگاه شما را به شکل قابل توجهی تغییر دهد.
این سیستم فروشگاه اینترنتی معمولی را به یک محیط مدرن و اپلیکیشنمانند تبدیل میکند که کاربران میتوانند محصولات را با سرعت بالا مشاهده کنند، بین دستهبندیها جابهجا شوند، محصولات تخفیفدار را پیدا کنند، کالاها را به سبد خرید اضافه کنند و حتی محصولات را به سبک ریلز و استوری مشابه اینستاگرام مشاهده کنند.
طراحی این وب اپلیکیشن به شکلی انجام شده که در موبایل، تبلت و دسکتاپ تجربهای منظم، سریع و هماهنگ در اختیار کاربران قرار دهد.
تجربهای شبیه اپلیکیشن برای فروشگاه ووکامرس
بسیاری از فروشگاههای ووکامرسی از قالبهای سنتی استفاده میکنند. این قالبها ممکن است امکانات کاملی داشته باشند، اما نحوه نمایش محصولات همیشه برای کاربران موبایل جذاب و سریع نیست.
در وب اپلیکیشن فروشگاهی، رابط کاربری به شکلی طراحی شده که بیشتر شبیه یک اپلیکیشن موبایل مدرن عمل کند.
کاربر بعد از ورود به فروشگاه با یک محیط ساده، منظم و قابل فهم روبهرو میشود و مهمترین بخشهای فروشگاه همیشه در دسترس او هستند.
وجود هدر اختصاصی، جستجوی سریع، استوری محصولات، دستهبندیها، محصولات، ریلز، سبد خرید، سفارشات و فوتر چسبان باعث شده کاربر برای انجام عملیات مختلف نیاز به باز کردن منوهای پیچیده نداشته باشد.
ریلز محصولات مشابه اینستاگرام
یکی از جذابترین قابلیتهای این وب اپلیکیشن، بخش ریلز محصولات است.
کاربران میتوانند محصولات فروشگاه را به شکل یک فید عمودی مشاهده کنند؛ تقریباً مشابه تجربهای که در بخش Reels اینستاگرام دارند.
هر محصول در یک صفحه عمودی مجزا نمایش داده میشود و کاربر با Swipe روی موبایل یا Scroll در دسکتاپ میتواند به محصول بعدی یا قبلی برود.
این روش نمایش مخصوصاً برای فروشگاههایی که محصولات تصویری دارند بسیار جذاب است.
فروشگاههای پوشاک، آرایشی، دکوراسیون، صنایع دستی، طلا و جواهر، لوازم دیجیتال، مواد غذایی، اکسسوری و بسیاری از کسبوکارهای دیگر میتوانند محصولات خود را به شکلی متفاوت در معرض دید مشتری قرار دهند.
در هر ریلز اطلاعات مهم محصول مانند تصویر، نام محصول، قیمت و وضعیت تخفیف نمایش داده میشود.
کاربر همچنین میتواند مستقیماً از داخل همان ریلز وارد صفحه مشاهده محصول شود یا کالا را به سبد خرید خود اضافه کند.
اسکرول ریلز در موبایل و دسکتاپ
قابلیت ریلز فقط مخصوص موبایل طراحی نشده است.
در نسخه دسکتاپ نیز محیط اختصاصی برای مشاهده ریلز در نظر گرفته شده است.
کاربر دسکتاپ میتواند با Scroll ماوس، Trackpad یا کلیدهای جهت بالا و پایین بین محصولات جابهجا شود.
سیستم Scroll Snap باعث میشود در هر حرکت، یک ریلز کامل مقابل کاربر قرار بگیرد و صفحه در موقعیت نامناسب متوقف نشود.
در موبایل نیز Swipe و Scroll لمسی باعث حرکت روان بین محصولات میشود.
به این ترتیب تجربه ریلز در اندازههای مختلف صفحه نمایش حفظ خواهد شد.
استوری محصولات مشابه اینستاگرام
در قسمت بالای جستجوی فروشگاه، تعدادی استوری دایرهای محصولات نمایش داده میشود.
این استوریها ظاهری مشابه استوریهای شبکههای اجتماعی دارند و باعث میشوند تعدادی از محصولات قبل از ورود کاربر به لیست اصلی، توجه او را جلب کنند.
در هر بار بارگذاری فروشگاه، محصولات استوری میتوانند بهصورت تصادفی انتخاب شوند.
این ویژگی باعث میشود صفحه اصلی فروشگاه در مراجعات مختلف تکراری به نظر نرسد و محصولات بیشتری شانس دیده شدن داشته باشند.
نمایش فقط محصولات دارای تصویر در استوری
در نسخه 1.4.1 سیستم استوری بهینه شده است تا فقط محصولاتی را نمایش دهد که تصویر واقعی دارند.
محصول بدون تصویر وارد استوری نمیشود.
همچنین Placeholder یا تصویر پیشفرض ووکامرس بهعنوان استوری در نظر گرفته نمیشود.
اگر محصول تصویر اصلی نداشته باشد اما تصاویر معتبری در گالری آن ثبت شده باشد، سیستم میتواند از تصویر گالری استفاده کند.
تصاویر قبل از نمایش نیز بررسی میشوند و در صورت بروز مشکل در بارگذاری، محصول نامعتبر کنار گذاشته میشود.
این قابلیت باعث میشود ظاهر استوریهای فروشگاه همیشه حرفهای و تصویری باقی بماند.
نمایش تمامصفحه استوری محصولات
با انتخاب یکی از دایرههای استوری، محصول در محیط بزرگتر و اختصاصی نمایش داده میشود.
برای هر استوری نوار پیشرفت در بالای صفحه وجود دارد و بعد از مدت مشخص، سیستم میتواند بهصورت خودکار به استوری بعدی حرکت کند.
کاربر همچنین میتواند با لمس یا کلیک در بخشهای مختلف صفحه بین استوری قبلی و بعدی جابهجا شود.
در موبایل Swipe نیز برای تغییر استوری قابل استفاده است.
اطلاعاتی مانند نام محصول، قیمت و سایر اطلاعات ضروری روی استوری قرار میگیرند و دکمههای مشاهده محصول و افزودن به سبد خرید نیز مستقیماً در دسترس هستند.
انتخاب تصادفی محصولات برای استوری
یکی از مزیتهای سیستم استوری، انتخاب تصادفی محصولات است.
بهجای اینکه همیشه چهار محصول ثابت در بالای فروشگاه دیده شوند، در هر بار بارگذاری میتوان مجموعه متفاوتی از محصولات را به کاربر نمایش داد.
این قابلیت از نظر بازاریابی نیز اهمیت دارد، زیرا به تعداد بیشتری از محصولات فرصت دیده شدن میدهد.
ممکن است کاربری در اولین مراجعه محصول خاصی را مشاهده نکند اما در مراجعه بعدی همان کالا در استوری قرار بگیرد و توجه او را جلب کند.
جستجوی سریع محصولات
نوار جستجوی فروشگاه یکی از عناصر اصلی رابط کاربری است.
کاربر میتواند بدون جابهجایی بین صفحات متعدد، نام محصول موردنظر خود را جستجو کند.
طراحی بخش جستجو با رابط کلی وب اپلیکیشن هماهنگ شده و در کنار دستهبندی محصولات، مسیر رسیدن مشتری به کالای موردنظر را کوتاهتر میکند.
نمایش دستهبندی محصولات
دستهبندیهای ووکامرس نیز در محیط وب اپلیکیشن قابل استفاده هستند.
کاربر میتواند محصولات را براساس دستهبندی مشاهده کند و بدون خروج از محیط اصلی فروشگاه، نتایج مرتبط را ببیند.
این ساختار برای فروشگاههایی که تعداد زیادی محصول دارند اهمیت زیادی دارد و از سردرگمی کاربران جلوگیری میکند.
نمایش محصولات تخفیفدار
بخش مستقلی برای محصولات تخفیفدار در نظر گرفته شده است.
کاربر میتواند با انتخاب گزینه تخفیفها، کالاهایی را مشاهده کند که در حال حاضر دارای قیمت ویژه هستند.
این بخش بهخصوص در کمپینهای فروش، مناسبتها و فروشهای فصلی میتواند باعث افزایش توجه کاربران به محصولات دارای تخفیف شود.
مشاهده حرفهای جزئیات محصول
نمایش اطلاعات محصول نیز برای موبایل و دسکتاپ بهینه شده است.
در دسکتاپ، پنجره مشاهده محصول میتواند به شکل دو ستونه نمایش داده شود؛ تصویر یا گالری محصول در یک بخش و اطلاعات محصول در بخش دیگر.
به این ترتیب فضای بزرگ مانیتور به شکل بهتری مورد استفاده قرار میگیرد.
در موبایل نیز طراحی متناسب با عرض صفحه انجام میشود تا اطلاعات به شکل مرتب و قابل لمس در اختیار کاربر قرار داشته باشند.
افزودن مستقیم به سبد خرید
یکی از اهداف اصلی رابط اپلیکیشنمانند کاهش تعداد مراحل خرید است.
کاربر میتواند از بخشهای مختلف مانند لیست محصولات، ریلز یا استوری، محصول موردنظر خود را انتخاب و در صورت امکان مستقیماً به سبد خرید اضافه کند.
این ویژگی باعث میشود مشتری برای انجام یک عملیات ساده مجبور نباشد چندین صفحه مختلف را باز کند.
سبد خرید در دسترس
سبد خرید یکی از گزینههای اصلی فوتر چسبان است.
کاربر در هر نقطه از فروشگاه میتواند به سبد خود دسترسی داشته باشد.
محصولات انتخابشده، تعداد کالاها و اطلاعات موردنیاز خرید در محیط سازگار با طراحی کلی وب اپلیکیشن نمایش داده میشوند.
دسترسی به سفارشات
بخش سفارشات نیز مستقیماً از فوتر در دسترس قرار دارد.
کاربران واردشده میتوانند سفارشهای مربوط به حساب خود را مشاهده و وضعیت خریدهای قبلی را بررسی کنند.
وجود دسترسی مستقیم به سفارشات، مخصوصاً برای مشتریانی که مرتب از فروشگاه خرید میکنند، تجربه کاربری بهتری ایجاد میکند.
حساب کاربری در هدر
گزینه حساب کاربری به جای اشغال فضای فوتر، در هدر فروشگاه قرار گرفته است.
این تصمیم باعث شده فوتر بیشتر روی عملیات اصلی خرید و ناوبری تمرکز داشته باشد.
کاربر میتواند از بخش بالای صفحه وارد حساب خود شود یا اطلاعات مرتبط با حساب کاربری را مشاهده کند.
ارتباط با ما در هدر
گزینه ارتباط با ما نیز در هدر قرار دارد.
این بخش دسترسی کاربر به اطلاعات تماس فروشگاه را سریعتر میکند، بدون اینکه فضای اصلی محصولات یا فوتر شلوغ شود.
در موبایل دکمهها به شکل جمعوجور و در دسکتاپ با فضای مناسبتر نمایش داده میشوند.
هدر حرفهای با لوگو و عنوان فروشگاه
لوگو و عنوان فروشگاه در سمت راست هدر و کنار یکدیگر قرار گرفتهاند.
این ساختار باعث میشود هویت بصری برند همیشه در بالای وب اپلیکیشن قابل مشاهده باشد.
در سمت دیگر هدر نیز گزینههای کاربردی مانند حساب و ارتباط با ما قرار دارند.
طراحی هدر در موبایل و دسکتاپ به شکل جداگانه بهینه شده تا در صفحههای کوچک نیز فضا بهدرستی مدیریت شود.
فوتر چسبان و همیشه در دسترس
یکی دیگر از بخشهای مهم وب اپلیکیشن فروشگاهی، فوتر چسبان است.
فوتر حتی هنگام اسکرول محصولات نیز در پایین صفحه باقی میماند و گزینههای اصلی را در اختیار کاربر قرار میدهد.
در نسخه فعلی گزینههایی مانند خانه، ریلزها، تخفیفها، سبد خرید و سفارشات در فوتر قرار گرفتهاند.
آیکنها و نوشتههای فوتر با اندازه مناسب طراحی شدهاند تا هم در موبایل خوانا باشند و هم کاربر بتواند بهراحتی روی آنها کلیک یا لمس کند.
طراحی کامل برای دسکتاپ
وب اپلیکیشن تنها نسخه موبایل نیست.
محیط دسکتاپ بهصورت مستقل بهینه شده و بخشهای مختلف فروشگاه از فضای بزرگ مانیتور استفاده میکنند.
محصولات میتوانند در چند ستون نمایش داده شوند، پنجره مشاهده محصول بزرگتر است، ریلزها با نسبت مناسب در مرکز صفحه قرار میگیرند و فوتر در پایین صفحه به شکل ثابت باقی میماند.
به همین دلیل کاربران دسکتاپ نیز تجربهای کامل دارند و با یک نسخه بزرگشده موبایل روبهرو نمیشوند.
طراحی ریسپانسیو برای موبایل، تبلت و دسکتاپ
تمام بخشهای اصلی وب اپلیکیشن برای اندازههای مختلف صفحه نمایش طراحی شدهاند.
موبایل همچنان یکی از مهمترین محیطهای استفاده از فروشگاه است، اما کاربران تبلت و دسکتاپ نیز میتوانند از تمام امکانات استفاده کنند.
هدر، استوریها، جستجو، محصولات، ریلز، پنجره محصول، سبد خرید، سفارشات و فوتر با توجه به فضای صفحه تغییر اندازه و چیدمان میدهند.
اتصال مستقیم به WooCommerce
وب اپلیکیشن فروشگاهی براساس محصولات ووکامرس کار میکند.
بنابراین نیازی نیست محصولات را دوباره در یک سیستم جداگانه وارد کنید.
اطلاعات اصلی محصول مانند نام، قیمت، تصویر، تخفیف، گالری و اطلاعات خرید از ساختار فروشگاه WooCommerce دریافت میشوند.
این موضوع مدیریت فروشگاه را سادهتر میکند، زیرا مدیر همچنان محصولات را از محیط معمول وردپرس و ووکامرس مدیریت میکند و وب اپلیکیشن وظیفه نمایش مدرن آنها را برعهده دارد.
مناسب برای فروشگاههای تصویری
قابلیتهای ریلز و استوری بیشترین تاثیر را روی فروشگاههایی دارند که تصویر محصول نقش مهمی در تصمیم مشتری ایفا میکند.
برای مثال این سیستم میتواند برای فروشگاههای پوشاک، کیف و کفش، ساعت، اکسسوری، طلا و جواهر، آرایشی و بهداشتی، صنایع دستی، دکوراسیون، لوازم منزل، موبایل و تجهیزات دیجیتال، مواد غذایی و بسیاری از فروشگاههای دیگر مورد استفاده قرار گیرد.
محصولات به جای اینکه فقط در یک Grid سنتی دیده شوند، فرصت حضور در استوری و ریلز را نیز پیدا میکنند.
افزایش تعامل کاربران با محصولات
یکی از دلایل محبوبیت شبکههای اجتماعی، نحوه سریع و تصویری مصرف محتوا است.
استفاده از همین الگو در یک فروشگاه اینترنتی میتواند کاربران را به مشاهده محصولات بیشتری تشویق کند.
وقتی مشتری بتواند تنها با یک Swipe یا Scroll محصول بعدی را ببیند، فرآیند کشف کالا سریعتر و سرگرمکنندهتر میشود.
استوریهای تصادفی نیز میتوانند محصولاتی را به کاربر معرفی کنند که شاید در حالت عادی برای پیدا کردن آنها وارد دستهبندی خاصی نمیشد.
یک فروشگاه مدرنتر با تجربه کاربری متفاوت
هدف وب اپلیکیشن فروشگاهی فقط تغییر رنگ و ظاهر ووکامرس نیست.
تمرکز اصلی روی ایجاد تجربهای است که فاصله میان فروشگاه اینترنتی سنتی و اپلیکیشنهای مدرن را کمتر کند.
وجود رابط کاربری ریسپانسیو، هدر اختصاصی، فوتر چسبان، ریلز محصولات، استوریهای تصادفی، مشاهده سریع محصول، خرید، سبد، سفارشات و دسترسی ساده به حساب کاربری باعث میشود مشتری بتواند بخش بزرگی از فرآیند خرید را در یک محیط منسجم انجام دهد.
جمعبندی
وب اپلیکیشن فروشگاهی ووکامرس با ریلز و استوری مشابه اینستاگرام راهکاری مناسب برای فروشگاههایی است که میخواهند تجربه خرید مشتریان خود را از حالت سنتی خارج کنند.
ریلز عمودی، استوری محصولات، انتخاب تصادفی کالاها، نمایش فقط محصولات دارای تصویر واقعی، خرید مستقیم، سبد خرید، سفارشات، جستجوی سریع، محصولات تخفیفدار، طراحی ریسپانسیو و فوتر چسبان تنها بخشی از امکانات این سیستم هستند.
اگر ظاهر مدرن، سرعت دسترسی و تعامل بیشتر کاربران با محصولات برای فروشگاه شما اهمیت دارد، استفاده از یک وب اپلیکیشن فروشگاهی میتواند فروشگاه ووکامرسی شما را به محیطی جذابتر، حرفهایتر و نزدیکتر به تجربه اپلیکیشنهای امروزی تبدیل کند.