قالب فروشگاهی HTML برای دو گروه است: برنامه‌نویسی که می‌خواهد فروشگاه را روی بک‌اند خودش (لاراول، جنگو، دات‌نت) بسازد و یک ظاهر آماده و کامل لازم دارد، و طراحی که برای مشتری فروشگاه اختصاصی می‌سازد. اگر قصد دارید بدون کدنویسی فروشگاه راه بیندازید، ووکامرس یا فروشگاه‌سازها مناسب‌ترند؛ قالب HTML سبد خرید و درگاه پرداخت واقعی ندارد و این بخش‌ها را بک‌اند می‌سازد.
در این مقاله قالب‌های فروشگاهی پرفروش سایت را که دموی سالم دارند بررسی کرده‌ایم. اگر فروشگاه چندفروشندگی (مارکت‌پلیس) می‌سازید، راهنمای قالب‌های چندفروشندگی را هم ببینید. فهرست کامل در قالب فروشگاهی HTML است.
صفحه‌هایی که یک قالب فروشگاهی باید داشته باشد
- صفحه‌ی اصلی با اسلایدر، دسته‌بندی‌ها و محصولات ویژه
- فهرست محصولات با فیلتر (قیمت، برند، رنگ) و مرتب‌سازی
- صفحه‌ی محصول با گالری، انتخاب ویژگی (سایز/رنگ) و تب مشخصات و نظرات
- سبد خرید، صفحه‌ی تسویه حساب و صفحه‌ی موفقیت سفارش
- پنل کاربری: سفارش‌ها، آدرس‌ها، علاقه‌مندی‌ها
- صفحه‌ی ورود/ثبت‌نام و صفحه‌ی ۴۰۴
اگر قالبی صفحه‌ی تسویه حساب یا پنل کاربری ندارد، بخش زیادی از کار طراحی به عهده‌ی شما می‌ماند.
نکات فنی که در دمو باید تست کنید
منوی موبایل و سبد خرید شناور
بیشتر خریدهای آنلاین ایران با موبایل انجام می‌شود. منوی دسته‌ها و آیکن سبد را روی گوشی امتحان کنید.
فرمت قیمت
در دمو ببینید جای قیمت قبل و بعد تخفیف و درصد تخفیف پیش‌بینی شده یا نه؛ این‌ها در فروشگاه ایرانی تقریباً اجباری‌اند.
سرعت با تعداد زیاد محصول
اسلایدرهای سنگین و تصاویر بزرگ صفحه‌ی اصلی را کند می‌کنند. در PageSpeed دمو را تست کنید و موقع پیاده‌سازی تصاویر را WebP کنید.
معرفی قالب‌های فروشگاهی
Suha
قالب فروشگاهی مخصوص موبایل (شبیه اپلیکیشن)؛ برای فروشگاهی که بیشتر مشتریانش با گوشی خرید می‌کنند یا PWA می‌سازد.
طراحی آن موبایل‌محور است و ظاهری شبیه اپلیکیشن فروشگاهی دارد: منوی پایین صفحه، کارت‌های جمع‌وجور محصول و صفحه‌های کوتاه. برای فروشگاهی که بیشتر خریدهایش از گوشی است، یا برای وب‌اپ و PWA فروشگاهی، انتخاب طبیعی است.
- ویژگی‌های قابل‌تأیید (از توضیحات محصول): بوت‌استرپ 5.2، 47 صفحه‌ی آماده، راست‌چین
- قیمت امروز: ۵۳۷٬۰۰۰ تومان (به‌جای ۷۱۷٬۰۰۰، ۲۵٪ تخفیف)
- لینک: مشاهده و دموی Suha
Antomi
فروشگاه عمومی با صفحات کامل؛ برای پوشاک و لوازم جانبی.
۳۴ صفحه و شش نسخه‌ی صفحه‌ی اصلی دارد. همه‌ی صفحه‌های اصلی یک فروشگاه آماده است: سبد خرید، تسویه‌حساب، علاقه‌مندی، مقایسه و حساب کاربری. پایه‌ی آن بوت‌استرپ ۴ است.
- ویژگی‌های قابل‌تأیید (از توضیحات محصول): 34 صفحه‌ی آماده، راست‌چین
- قیمت امروز: ۵۲۹٬۰۰۰ تومان (به‌جای ۶۹۹٬۰۰۰، ۲۴٪ تخفیف)
- لینک: مشاهده و دموی Antomi
Stroyka
ارزان‌ترین گزینه‌ی این فهرست با بیش از ۳۰ صفحه؛ برای فروشگاه ابزار و قطعات و پروژه‌های کم‌بودجه.
برای فروشگاه ابزار و یراق طراحی شده است. ۳۶ صفحه، دو صفحه‌ی اصلی و پنج رنگ دارد و شش صفحه‌ی حساب کاربری و صفحه‌ی پیگیری سفارش هم آماده است. با قیمت فعلی، اقتصادی‌ترین قالب این فهرست است.
- ویژگی‌های قابل‌تأیید (از توضیحات محصول): 36 صفحه‌ی آماده، 2 نسخه‌ی صفحه‌ی اصلی، راست‌چین
- قیمت امروز: ۲۶۹٬۰۰۰ تومان (به‌جای ۳۵۹٬۰۰۰، ۲۵٪ تخفیف)
- لینک: مشاهده و دموی Stroyka
Ekka (اکا)
فروشگاه چندمنظوره با بوت‌استرپ ۵؛ برای سوپرمارکت و فروشگاه‌های متنوع.
دموی اکا بیش از ۱۳۰ صفحه و ۱۱ صفحه‌ی اصلی دارد. ویژگی کم‌یابش صفحه‌های چندفروشنده‌ای است: داشبورد فروشنده، پروفایل، تنظیمات و لیست فروشندگان. بوت‌استرپ ۵، چند پوسته‌ی رنگی و حالت تیره و نمای ویدیویی محصول را هم دارد.
- ویژگی‌های قابل‌تأیید (از توضیحات محصول): بوت‌استرپ 5، 5 صفحه‌ی آماده، راست‌چین
- قیمت امروز: ۴۶۵٬۰۰۰ تومان (به‌جای ۶۳۹٬۰۰۰، ۲۷٪ تخفیف)
- لینک: مشاهده و دموی Ekka (اکا)
Book Library
مخصوص فروش کتاب؛ اگر فروشگاه کتاب یا انتشارات دارید، ساختارش آماده است.
مخصوص کتاب‌فروشی است و حدود ۱۴ صفحه دارد. صفحه‌های نویسندگان و جزئیات هر نویسنده و بخش اخبار در آن هست. این صفحه‌ها را در قالب‌های فروشگاهی عمومی معمولاً پیدا نمی‌کنید.
- ویژگی‌های قابل‌تأیید (از توضیحات محصول): 14 صفحه‌ی آماده، راست‌چین
- قیمت امروز: ۴۶۹٬۰۰۰ تومان (به‌جای ۶۱۹٬۰۰۰، ۲۴٪ تخفیف)
- لینک: مشاهده و دموی Book Library
Junko
فروشگاه عمومی با صفحات متنوع؛ برای لوازم دیجیتال و الکترونیک.
۳۲ صفحه و پنج نسخه‌ی صفحه‌ی اصلی دارد. فروشگاهی عمومی و جمع‌وجور است که برای کالاهای دیجیتال یا پوشاک با کمی تغییر رنگ و تصویر جواب می‌دهد.
- ویژگی‌های قابل‌تأیید (از توضیحات محصول): 32 صفحه‌ی آماده، راست‌چین
- قیمت امروز: ۵۲۹٬۰۰۰ تومان (به‌جای ۷۲۹٬۰۰۰، ۲۷٪ تخفیف)
- لینک: مشاهده و دموی Junko
Safira
چند نسخه‌ی صفحه‌ی اصلی دارد؛ برای وقتی هنوز سبک ظاهری را قطعی نکرده‌اید.
۹ نسخه‌ی صفحه‌ی اصلی دارد که بین آن‌ها طرح سوپرمارکتی و پوشاک دیده می‌شود. روی بوت‌استرپ ۵ ساخته شده و صفحه‌ی محصول گروهی و محصول متغیر (مثلاً رنگ و سایز) هم دارد. این صفحه‌ها برای فروشگاهی که تنوع مدل دارد لازم است.
- ویژگی‌های قابل‌تأیید (از توضیحات محصول): بوت‌استرپ 5، 30 صفحه‌ی آماده، 7 نسخه‌ی صفحه‌ی اصلی، راست‌چین
- قیمت امروز: ۵۲۹٬۰۰۰ تومان (به‌جای ۷۲۹٬۰۰۰، ۲۷٪ تخفیف)
- لینک: مشاهده و دموی Safira
جدول مقایسه
| قالب | ویژگی شاخص | قیمت | مناسب برای |
|---|---|---|---|
| Suha | بوت‌استرپ 5.2 | ۵۳۷٬۰۰۰ | فروشگاه موبایلی و PWA |
| Antomi | 34 صفحه‌ی آماده | ۵۲۹٬۰۰۰ | پوشاک و اکسسوری |
| Stroyka | 36 صفحه‌ی آماده | ۲۶۹٬۰۰۰ | بودجه‌ی کم |
| Ekka (اکا) | بوت‌استرپ 5 | ۴۶۵٬۰۰۰ | سوپرمارکت |
| Book Library | 14 صفحه‌ی آماده | ۴۶۹٬۰۰۰ | کتاب‌فروشی |
| Junko | 32 صفحه‌ی آماده | ۵۲۹٬۰۰۰ | کالای دیجیتال |
| Safira | بوت‌استرپ 5 | ۵۲۹٬۰۰۰ | چند سبک ظاهری |
قالب HTML فروشگاهی یا ووکامرس؟
اگر تیم فنی دارید و می‌خواهید سرعت، امنیت و منطق فروش دست خودتان باشد، قالب HTML روی بک‌اند اختصاصی گزینه‌ی بهتری است. اگر می‌خواهید سریع و بدون برنامه‌نویس شروع کنید، ووکامرس منطقی‌تر است. مقایسه‌ی کامل را در قالب HTML یا وردپرس؟ نوشته‌ایم.
کدام قالب برای کدام فروشگاه؟
- فروشگاه موبایل‌محور یا PWA: Suha.
- فروشگاه عمومی با همه‌ی صفحه‌های استاندارد: Antomi یا Junko.
- ابزار و یراق، با کمترین بودجه: Stroyka (۲۶۹٬۰۰۰ تومان).
- فروشگاه چندفروشنده: Ekka (اکا)، تنها قالب این فهرست با صفحه‌های داشبورد و پروفایل فروشنده.
- کتاب‌فروشی: Book Library.
- سوپرمارکت یا کالایی با رنگ و سایز: Safira.
اشتباه‌های رایج در خرید قالب فروشگاهی
- انتخاب بر اساس صفحه‌ی اصلی. خریدار بیشتر وقتش را در صفحه‌ی دسته‌بندی، صفحه‌ی محصول و سبد خرید می‌گذراند. این سه صفحه را در دمو روی گوشی امتحان کنید.
- نادیده گرفتن صفحه‌های حساب کاربری. سفارش‌های من، آدرس‌ها و پیگیری سفارش در همه‌ی قالب‌ها نیست. نبودن هرکدام یعنی یک صفحه طراحی اضافه.
- فراموش کردن فرمت قیمت تومان. دموها معمولاً با دلار پر شده‌اند. جای عدد طولانی تومانی را در کارت محصول و سبد خرید بررسی کنید تا خط نشکند.
- انتظار درگاه پرداخت از قالب. پرداخت را بک‌اند انجام می‌دهد و قالب فقط صفحه‌ی تسویه‌حساب را دارد.
- خرید قالب سنگین برای چند محصول. برای فروشگاهی با ده محصول، قالب ۱۳۰ صفحه‌ای فقط کار حذف کردن صفحه‌ها را زیاد می‌کند.
سؤالات متداول
آیا قالب فروشگاهی HTML درگاه پرداخت دارد؟
نه. قالب HTML ظاهر صفحه‌ها است؛ اتصال به درگاه بانکی در بک‌اند انجام می‌شود.
می‌توانم قالب را به لاراول یا جنگو تبدیل کنم؟
بله، این رایج‌ترین کاربرد قالب‌های HTML است؛ صفحات به قالب‌های Blade یا Django template تبدیل می‌شوند.
قالب‌ها فارسی و راست‌چین‌اند؟
بله، همه‌ی محصولات سایت راست‌چین هستند و دموی زنده‌شان قابل مشاهده است.
ضمانت خرید چیست؟
۷ روز ضمانت بازگشت وجه در صورت مغایرت با دمو یا مشکل فنی حل‌نشده؛ جزئیات در قوانین.
