قالب سایت فروشگاهی مراقبت پوست، با روتینساز و فرهنگ ترکیبات
یک فروشگاه یک‌صفحه‌ای برای اسکین‌کر که خریدار را از روی نوع پوست و ترکیبات راه می‌برد، نه از روی تبلیغ: روتینساز صبح و شب برای پنج نوع پوست و چهار دغدغه، قفسه‌ی ده‌کالایی با برچسب نوع پوست، فرهنگ دوازده ترکیب پرتکرار، فرم مشاوره و سبد خرید کشویی. فایل HTML فارسی و راست‌چین است و بدون افزونه و دیتابیس روی هر هاستی بالا می‌آید. پایین همین صفحه هم نوشته‌ایم فروشگاه مراقبت پوست چه صفحه‌هایی لازم دارد، درباره‌ی اصالت و تاریخ انقضا چطور شفاف بنویسد و چرا نباید ادعای درمانی کند.
نمای دسکتاپ؛ داخل قاب اسکرول کنید تا همه‌ی بخش‌ها را ببینید.
نمای موبایل
در این قالب چه بخش‌هایی هست؟
خریدار اسکین‌کر کمتر اسم برند می‌پرسد و بیشتر می‌پرسد «به پوست من می‌خورد؟ با چه چیزی نزنم؟»؛ قالب حول همین دو سؤال چیده شده است
هدر با جست‌وجوی ترکیب
نوار ارسال رایگان، لوگو، جست‌وجو، مشاوره و سبد با شمارنده. جست‌وجو فقط نام کالا را نمی‌گردد؛ «نیاسینامید» یا «سرامید» هم کالای مرتبط را پیدا میکند، چون هر کالا کلیدواژه‌ی ترکیب دارد.
نوار دسته‌ها
روتینساز، شش دسته‌ی کالا (پاک‌کننده، تونر، سرم، مرطوب‌کننده، ضدآفتاب، ماسک)، فرهنگ ترکیبات، سؤال‌ها و تحویل حضوری. کلیک روی هر دسته قفسه را با همان فیلتر نشان میدهد.
بخش اول با قاب طاقی
تیتر «روتین پوستت را از روی نوع پوست بچین، نه از روی تبلیغ»، دو دکمه، سه عدد کوتاه، کارت نمونه‌ی روتین صبح و مهر «تاریخ انقضا روی صفحه‌ی هر کالا». زیرش چهار تعهد: اصالت، ارسال همان‌روز، مرجوعی و انبار خنک.
روتینساز
پنج نوع پوست و چهار دغدغه؛ نتیجه با زبانه‌ی صبح و شب، قدم‌به‌قدم با توضیح کوتاه هر قدم. جمع قیمت روتین حساب میشود و کل روتین با یک دکمه به سبد می‌رود. هشدار «روتینساز جای پزشک نیست» کنارش ثابت است.
قفسه با شش زبانه
ده کالا با دسته، حجم، برچسب نوع پوست مناسب، برچسب «پرفروش» یا «تازه» و قیمت. روی موبایل دوستونی میشود و برچسب‌های نوع پوست برای جمع‌وجوری پنهان می‌شوند.
فرهنگ ترکیبات
دوازده ترکیب با جست‌وجو. برای هر کدام: نام لاتین، نقش، توضیح، پوست مناسب، درصد معمول، زمان مصرف و ترکیبی که نباید هم‌زمان زده شود. پایینش کالاهای قفسه که همان ترکیب را دارند پیوند خورده‌اند.
چرا این فروشگاه
کلاژ سه‌عکسی و سه تعهد: خرید از نمایندگی رسمی با برچسب فارسی، تاریخ انقضا جلوی چشم (حداقل ۱۲ ماه)، و مشاوره با مسئول فنی داروساز.
مسیر سفارش در چهار قدم
انتخاب، تأیید داروساز (اگر دو کالا با هم تداخل داشته باشند خبر میدهد)، بسته‌بندی ضدضربه دور از گرما، و ارسال با پیک یا پست.
نظرها، سؤال‌ها و مشاوره
سه نظر با برچسب نوع پوست، پنج سؤال درباره‌ی اصالت، تشخیص نوع پوست، ارسال، مرجوعی و تحویل حضوری، و کنارش فرم مشاوره با انتخاب نوع پوست.
سبد کشویی و نوار موبایل
تغییر تعداد، جمع کل و نوار «چقدر تا ارسال رایگان مانده». روی موبایل نوار پایین صفحه دو دکمه دارد: روتینساز و سبد با تعداد کالا.
سایت کامل یک فروشگاه مراقبت پوست چه صفحه‌هایی لازم دارد؟
این قالب یک صفحه است و برای معرفی فروشگاه و فروش یک قفسه‌ی کوچک کافی است. ولی خریدار اسکین‌کر سه جور جست‌وجو میکند: اسم دقیق کالا («سرم نیاسینامید ۱۰٪ ۳۰ میل»)، اسم ترکیب («رتینول برای مبتدی») و دغدغه («روتین پوست چرب»). هر کدام از این‌ها صفحه‌ی خودش را می‌خواهد. فروشگاهی که فقط صفحه‌ی کالا دارد، دو دسته‌ی آخر را به وبلاگ‌ها و فروشگاه‌های بزرگ می‌بازد.
| صفحه | چرا لازم است | چه چیزی رویش باشد |
|---|---|---|
| صفحه‌ی اصلی | ورود به قفسه و روتینساز | جست‌وجو، دسته‌ها، روتینساز، پرفروش‌ها و یک خط روشن درباره‌ی اصالت، انقضا و ارسال |
| صفحه‌ی هر کالا | بیشتر خریدها از جست‌وجوی اسم دقیق کالا شروع میشود | نام کامل با حجم، برند و کشور سازنده، ترکیب اصلی و درصدش، فهرست کامل ترکیبات (INCI)، نوع پوست مناسب، ترتیب در روتین، تاریخ انقضای همین موجودی و مهلت مصرف پس از باز کردن |
| دسته‌ی نوع کالا | کسی که می‌داند سرم یا ضدآفتاب می‌خواهد | فیلتر نوع پوست، ترکیب، برند و قیمت، و یک بند راهنمای انتخاب همان دسته |
| خرید بر اساس دغدغه | «پوست چرب»، «لک» و «کم‌آبی» از پرتکرارترین جست‌وجوهای این صنف‌اند | توضیح کوتاه دغدغه، روتین پیشنهادی، کالاهای مرتبط و یادآوری اینکه مشکل جدی پوست را پزشک باید ببیند |
| صفحه‌ی هر ترکیب | جست‌وجوی اسم ترکیب زیاد است و رقیب‌های فروشگاهی کمتر رویش کار کرده‌اند | همان کارت فرهنگ ترکیبات این قالب، مفصل‌تر: کارش، درصد معمول، با چه چیزی نزنیم، و کالاهای قفسه که آن را دارند |
| روتینساز یا تست نوع پوست | خرید اشتباه و مرجوعی را کم میکند | چند سؤال ساده، روتین صبح و شب و افزودن یک‌جای روتین به سبد |
| اصالت و تاریخ انقضا | اولین تردید خریدار آنلاین اسکین‌کر | از چه کسی خرید می‌کنید، برچسب فارسی و شناسهی سازمان غذا و دارو کجای جعبه است، چطور استعلامش کنند، و حداقل اعتباری که می‌فرستید |
| ارسال و نگهداری | سرم و ضدآفتاب به گرما حساس‌اند | ساعت آخر سفارش همان‌روز، مدت ارسال شهرستان، هزینه، بسته‌بندی شیشه‌ها و کاری که در تابستان برای دور ماندن از گرما می‌کنید |
| بازگشت کالا | کالای بهداشتی باز شده قاعده‌ی خاص خودش را دارد | مهلت بازگشت کالای پلمب، استثنای کالای باز شده، و حالتی که کالا آسیب‌دیده یا اشتباه رسیده است |
| مشاوره و مسئول فنی | مشاوره‌ی واقعی مزیت فروشگاه تخصصی است | نام و رشته‌ی مشاور، کاری که مشاوره میکند و نمیکند، ساعت پاسخ‌گویی و فرم سؤال |
| مجله | جواب سؤال‌های واقعی و راه اصلی ورود از گوگل | ترتیب لایه‌ها، ترکیب‌هایی که با هم نمی‌خوانند، خواندن برچسب پشت جعبه؛ با نام نویسنده و تاریخ بازبینی |
| درباره، مجوزها و تماس | اعتماد به اینکه پشت سایت فروشگاه واقعی هست | نشانی، ساعات کاری، تلفن، نماد اعتماد الکترونیکی، مجوزهای فروشگاه و عکس واقعی انبار یا مغازه |
متن فروشگاه مراقبت پوست را چطور بنویسید؟
خریدار اسکین‌کر این روزها فهرست ترکیبات را می‌خواند، درصد نیاسینامید را مقایسه میکند و از وعده‌ی «معجزه» فرار میکند. یک خط مرز هم هست که نباید از آن رد شوید: محصول آرایشی و بهداشتی دارو نیست و ادعای درمانی درباره‌اش مجاز نیست. چند نمونه:
| به‌جای این | این را بنویسید |
|---|---|
| درمان قطعی جوش و آکنه | فوم سالیسیلیک ۲٪ برای شست‌وشوی پوست چرب و مستعد جوش. برای آکنه‌ی التهابی و دردناک، اول پزشک پوست |
| جوان‌سازی و حذف چین‌وچروک | رتینول ۰٫۳٪ برای نوسازی سطح پوست؛ با دو شب در هفته شروع کنید و ضدآفتاب روزانه را کنار نگذارید |
| سفیدکننده‌ی قوی، رفع لک در ۱۰ روز | ویتامین C پانزده درصد برای کدری پوست؛ با مصرف منظم و ضدآفتاب، تغییرش در چند هفته دیده میشود، نه چند روز |
| ۱۰۰٪ اورجینال، بدون شک | از [نام واردکننده یا نماینده‌ی رسمی] می‌خریم؛ برچسب فارسی و شناسهی سازمان غذا و دارو پشت جعبه است و عکسش در صفحه‌ی کالاست |
| تاریخ انقضا: جدید | انقضای موجودی فعلی: [ماه و سال]. پس از باز کردن تا [۱۲] ماه مصرف شود (علامت درِ باز روی جعبه) |
| تأییدشده توسط پزشکان | فهرست ترکیبات این کالا را مسئول فنی فروشگاه، [نام و رشته]، بررسی کرده است (فقط اگر واقعاً کرده است) |
| مناسب همه‌ی پوست‌ها، بدون عارضه | بی‌عطر و سبک. پوست حساس دارید؟ اول کمی پشت گوش بزنید و ۲۴ ساعت صبر کنید |
| اصل، با نصف قیمت بازار | اگر قیمتی خیلی پایین‌تر از بازار دیدید، تاریخ انقضا و نام واردکننده را بپرسید. قیمت ما: [مبلغ] |
تیتر بخش اول
تیتر قالب، «روتین پوستت را از روی نوع پوست بچین، نه از روی تبلیغ»، با خستگی خریدار از تبلیغات حرف می‌زند و همان‌جا ابزارش را هم میدهد: روتینساز. اگر فروشگاه شما در چیز دیگری قوی است، همان را بگویید؛ مثلاً «ضدآفتاب برای هر نوع پوست، با تاریخ انقضای هر بسته روی سایت» یا «اسکین‌کر کره‌ای، فقط از وارد‌کننده‌ی رسمی». لحن قالب صمیمی است («پوستت»، «بچین»). اگر مخاطبتان بزرگ‌تر است یا داروخانه‌ای کار می‌کنید، رسمی‌تر بنویسید و در کل سایت یک‌دست بمانید.
صفحه‌ی هر کالا
به همین ترتیب جواب بدهید، چون خریدار به همین ترتیب می‌پرسد:
- این کالا چیست و برای چه نوع پوست و چه دغدغه‌ای ساخته شده است؟
- ترکیب اصلی و درصدش، فقط اگر روی جعبه یا در اطلاعات سازنده آمده است. درصد را حدس نزنید.
- فهرست کامل ترکیبات، به همان شکلی که پشت جعبه است. خریدارِ پوست حساس دنبال عطر و الکل در همین فهرست می‌گردد.
- صبح یا شب، چندمین قدم روتین، و با چه چیزی در یک نوبت نزنند.
- حجم، کشور سازنده، نام واردکننده، تاریخ انقضای همین موجودی و مهلت مصرف پس از باز کردن.
متن سازنده را کلمه‌به‌کلمه کپی نکنید؛ همان متن روی ده‌ها سایت دیگر هم هست. دو سه جمله از تجربه‌ی خودتان و سؤال‌های مشتری‌ها اضافه کنید، مثلاً «بافتش آبکی است و روی پوست چرب بعد از یک دقیقه جذب میشود».
ادعای درمانی، نه در متن و نه در نظرها
«درمان»، «رفع قطعی» و «تضمینی» در توضیح کالای آرایشی جایی ندارند. ضوابط تبلیغ این کالاها با سازمان غذا و دارو است و هر از گاهی تغییر میکند؛ پیش از انتشار متن نهایی، نسخه‌ی به‌روزش را بخوانید. همین مراقبت را در نظر مشتری‌ها هم داشته باشید. نظری مثل «با این کرم جوش‌هایم کاملاً خوب شد» را میشود منتشر نکرد یا با اجازه‌ی نویسنده کوتاهش کرد. نظرهای خود قالب عمداً از تجربه‌ی خرید و بافت حرف می‌زنند، نه از نتیجه‌ی درمانی. و فرم مشاوره را «مشاوره‌ی انتخاب محصول» بدانید، نه ویزیت. قالب کنار روتینساز نوشته است «روتینساز جای پزشک نیست»؛ این جمله را نگه دارید.
اصل یا تقلبی، تاریخ انقضا و مجوز بهداشت
در این صنف، سایتی که این سه را روشن نگوید، هر چقدر هم زیبا باشد فروش نمیکند
کالای تقلبی از کجا می‌آید و خریدار از چه می‌ترسد
خریدار اسکین‌کر معمولاً یک بار تجربه‌ی بدش را داشته است: سرمی که بویش با دفعه‌ی قبل فرق داشت، ضدآفتابی که آبکی‌تر بود، یا کرمی که دو ماه بعد از خرید تاریخش گذشت. این چند حالت را می‌شناسد و سایت شما باید جواب هر کدام را از پیش داده باشد:
- کالای بدلی: جعبه و شیشه‌ی شبیه اصل، با محتوای دیگر. معمولاً قیمتش به‌طرز عجیبی پایین است.
- کالای بدون برچسب واردکننده: ممکن است اصل باشد، ولی معلوم نیست کجا و در چه دمایی نگهداری شده است.
- تستر یا نمونه‌ی رایگان به‌جای کالای نو: فروشش اشکالی ندارد، به شرطی که در عنوان و عکس نوشته شود.
- کالای نزدیک به انقضا یا گرما دیده: اصل است، ولی ویتامین C و ضدآفتاب در گرمای انبار یا ماشین پیک زودتر از تاریخش افت می‌کنند.
چه چیزی روی سایت اعتماد می‌سازد
«تضمین اصالت» به‌تنهایی چیزی ثابت نمیکند. کاری که فرق می‌گذارد نشان دادن است: نام واردکننده یا نمایندهای که از او خرید می‌کنید، عکس پشت جعبه با برچسب فارسی و شناسهی ثبت سازمان غذا و دارو، و توضیح اینکه خریدار خودش چطور می‌تواند آن را در سامانه یا اپلیکیشن رسمی سازمان غذا و دارو استعلام کند. اگر استعلامی نتیجه نداد، بنویسید چه می‌کنید؛ مثلاً کالا را پس می‌گیرید و هزینه‌ی ارسال با فروشگاه است. قالب برای همین سه تعهد «خرید از نمایندگی رسمی»، «تاریخ تولید و انقضا جلوی چشم» و «مشاوره با داروساز» را در بخش «چرا ما» گذاشته و پرتکرارترین سؤالش «از کجا بدانم کالا اصل است؟» است.
تاریخ انقضا را دو جور بنویسید
روی بسته‌ی اسکین‌کر معمولاً دو مهلت هست: تاریخ انقضای بسته‌ی باز نشده، و مهلت مصرف پس از باز کردن که با شکل یک ظرف درِ باز و عددی مثل 6M یا 12M نشان داده میشود.
در صفحه‌ی هر کالا هر دو را بنویسید و تاریخ را برای همان موجودی که می‌فرستید به‌روز نگه دارید، نه یک تاریخ کلی برای همیشه.
اگر حداقل اعتباری دارید («کالای کمتر از ۱۲ ماه اعتبار نمی‌فرستیم»، که در قالب هم آمده)، فقط وقتی بنویسید که واقعاً اجرایش می‌کنید.
کالای نزدیک به انقضا را هم میشود صادقانه فروخت: در بخش جدای «حراج کوتاه‌مدت»، با تاریخ دقیق کنار قیمت.
مجوز بهداشت و شناسهی سازمان غذا و دارو
کالای آرایشی و بهداشتی که در ایران فروخته میشود باید از سازمان غذا و دارو پروانه یا ثبت داشته باشد؛ شناسهی آن روی برچسب می‌آید و بسیاری از خریدارها آن را با عنوان «کد IRC» یا «مجوز بهداشت» می‌شناسند. این مجوز مال کالاست، نه فروشگاه. خود فروشگاه اینترنتی برای اعتماد خریدار و درگاه پرداخت معمولاً به نماد اعتماد الکترونیکی نیاز دارد، و برای مغازه یا انبار هم ممکن است پروانه‌ی کسب و الزامات بهداشتی جدا لازم باشد. جزئیات به نوع فعالیت شما (خرده‌فروشی، عمده‌فروشی، واردات) بستگی دارد و قواعدش تغییر میکند؛ پیش از راه‌اندازی آن را از اتحادیهی صنفی و سازمان غذا و دارو بپرسید و روی سایت فقط مجوزی را بنویسید که واقعاً دارید. پانویس قالب جمله‌ی «دارای نماد اعتماد الکترونیک و مجوز از سازمان غذا و دارو» را دارد؛ اگر هنوز این‌ها را ندارید، پاکش کنید.
چه عکس‌هایی برای فروشگاه مراقبت پوست بگیرید؟
عکس‌های قالب از Pexels هستند: شیشه‌های قطره‌چکان کهربایی، ظرف کرم و تیوپ‌های بی‌نام روی زمینه‌های کتانی و گیاهی. عمداً بسته‌بندی بدون برند و نوشته انتخاب شده‌اند تا قالب برای هر فروشگاهی بماند. یک عکس هم دست‌هایی را نشان میدهد که سرم را روی پشت دست می‌زنند؛ عکس صورت و پوست برهنه در قالب نیست و در سایت خودتان هم لازمش ندارید. در فروشگاه واقعی، خریدار می‌خواهد همان جعبه‌ای را ببیند که به دستش می‌رسد. این عکس‌ها را بگیرید:
- جلوی هر کالا روی زمینه‌ی ثابت: یک رنگ روشن یکسان برای همه، با نور روز یا دو لامپ نرم، تا قفسه مرتب دیده شود.
- پشت جعبه، خوانا: فهرست ترکیبات، برچسب فارسی واردکننده، شناسهی ثبت، تاریخ تولید و انقضا. این مهم‌ترین عکس صفحه‌ی کالاست.
- بافت کالا: یک قطره سرم یا کمی کرم روی شیشه یا کاغذ سفید؛ آبکی، ژله‌ای یا غلیظ بودن را عکس بهتر از متن نشان میدهد.
- اندازه‌ی واقعی: کالا کنار یک شیء آشنا یا در دست، تا شیشه‌ی ۳۰ میلی‌لیتری با ۱۰۰ میلی‌لیتری اشتباه گرفته نشود.
- یک روتین کامل در یک قاب: پاک‌کننده تا ضدآفتاب به ترتیب قدم‌ها؛ برای صفحه‌ی روتینساز و صفحه‌های دغدغه.
- بسته‌بندی ارسال و انبار: ضربه‌گیر دور شیشه‌ها، پلمب جعبه و قفسه‌ی انبار دور از نور؛ جواب «در گرمای تابستان چه میشود؟».
- مشاور فروشگاه: اگر داروساز یا مشاور دارید، عکس واقعی‌اش با پوشش مناسب و نامش، در صفحه‌ی مشاوره.
- از نظر فنی: عکس کالا مربع یا ۴ به ۵ (قالب کارت‌ها را ۴ به ۵ نشان میدهد)، حدود ۱۲۰۰ پیکسل، WebP و زیر ۱۵۰ کیلوبایت؛ alt فارسی با نام کامل کالا و حجم.
خریدار فروشگاه مراقبت پوست از کجا می‌آید؟
فروشگاه‌های بزرگ آنلاین تقریباً همه‌ی برندها را دارند و با قیمت هم سخت میشود با آنها رقابت کرد. مزیت فروشگاه تخصصی جای دیگری است: دانستن. کسی که نمی‌داند نیاسینامید را با ویتامین C بزند یا نه، از فروشگاهی می‌خرد که جوابش را داده است. این چند کار بیشترین اثر را دارد:
- برای هر کالا صفحه‌ی جدا با نام کامل بسازید. «سرم نیاسینامید ۱۰٪ و زینک [برند]، ۳۰ میلی‌لیتر» همان چیزی است که خریدار تایپ میکند. حجم‌های مختلف یک کالا گزینه‌ی همان صفحه باشند، نه صفحه‌ی تکراری.
- صفحه‌ی ترکیب و دغدغه بنویسید. «سرم رتینول برای مبتدی» و «روتین پوست چرب» را فروشگاه‌های بزرگ کمتر جواب داده‌اند. فرهنگ ترکیبات قالب نقطه‌ی شروع خوبی است: هر کارتش را یک صفحه‌ی کامل کنید و به کالاهایش پیوند بدهید.
- در ترب و ایمالز دیده شوید. خریدار اسم کالا را می‌داند و قیمت را آنجا مقایسه میکند. برای اتصال، صفحه‌ی کالا با قیمت و موجودی به‌روز لازم است؛ راهنمای اتصال به ترب و ایمالز مراحلش را گفته است.
- نماد اعتماد الکترونیکی بگیرید. خریدار تازه پیش از پرداخت دنبالش می‌گردد و درگاه پرداخت هم معمولاً آن را می‌خواهد. با ابزار سنجش آمادگی نماد اعتماد ببینید سایت چه کم دارد.
- اینستاگرام را به سایت وصل کنید. ریلز «ترتیب لایه‌ها» و «این دو را با هم نزنید» در این صنف خوب دیده میشود. پیوند صفحه‌ی همان کالا یا همان روتین را در استوری و بیو بگذارید و «قیمت در دایرکت» ننویسید.
- خرید دوم را آسان کنید. ضدآفتاب و شوینده هر دو سه ماه تمام می‌شوند. پیامک یادآوری برای کسی که خودش عضو شده (خبرنامه‌ی قالب هم «ماهی حداکثر دو پیامک» قول داده) و تاریخچه‌ی سفارش، ارزان‌تر از جذب خریدار تازه است.
اگر مغازه یا نقطه‌ی تحویل حضوری دارید (قالب بخش «تحویل حضوری» دارد)، آن را در نشان و بلد ثبت کنید و نشانی و تلفن را در سایت و نقشه‌ها یکسان بنویسید. پروفایل کسب‌وکار گوگل برای فروشگاه‌های داخل ایران عملاً در دسترس نیست؛ نقشه‌های داخلی جایش را می‌گیرند.
چرا این رنگ‌ها و این چیدمان؟
ایده‌هایی که در طراحی فروشگاه مراقبت پوست خودتان هم به کارتان می‌آید
- سبز مریمی و رسی، رنگ‌های «ملایم»اند. فروشگاهی که حرفش «کمتر ولی دقیق» است نباید فریاد بزند؛ این دو رنگ حال‌وهوای گیاهی و آرام دارند بی‌آنکه به سمت شعار «ارگانیک» بروند.
- رسی فقط برای دو کار است: افزودن به سبد و برچسب‌های کوچک (دغدغه‌ی انتخاب‌شده، «پرفروش»). برای همین در صفحه‌ای که بیشترش سبز است، دکمه‌ی خرید گم نمی‌شود.
- فرهنگ ترکیبات تنها کارت تیره‌ی صفحه است. این بخش جایی است که فروشگاه دانسته‌اش را نشان میدهد؛ تیرگی چشم را آنجا نگه می‌دارد.
- روتینساز درست زیر بخش اول است، قبل از قفسه. بیشتر خریدارهای این صنف نمی‌دانند چه بخرند؛ اول راهنمایی، بعد کالا. کسی که می‌داند، از جست‌وجوی هدر مستقیم به کالا می‌رسد.
- مرکزی برای تیترها، وزیرمتن برای متن. فونت Markazi Text حروف نسخ ملایمی دارد که به حس «برچسب و داروخانه‌ی قدیمی» نزدیک است؛ وزیرمتن قیمت‌ها، درصدها و ارقام فارسی را خوانا نگه می‌دارد.
یک نکته‌ی دسترس‌پذیری: متن سفید روی رسیِ #b4796a کنتراست کمی دارد (کمتر از ۴٫۵ به ۱). برای دکمه‌های درشت قابل‌قبول است، ولی اگر خوانایی بیشتر می‌خواهید،
--clay-d را #9c6556 بگذارید؛ همان رنگی که قالب برای حالت hover دکمه‌ی رسی به کار برده است.
سه پالت رنگ دیگر برای همین قالب
رنگ‌ها در ابتدای فایل به‌صورت متغیر تعریف شده‌اند؛ این خط‌ها را جایگزین همان متغیرها کنید
آبی و هلویی، داروخانه‌ای
برای فروشگاه درموکازمتیک یا داروخانه‌ی آنلاین که می‌خواهد علمی‌تر دیده شود.
--sage:#5b86a8; --sage-d:#3f6a8c; --sage-dd:#2a4a63; --sage-l:#eaf1f7; --clay:#e3a77f; --clay-d:#a5643d; --clay-l:#fbede3; --ink:#1f2d38; --muted:#64727e; --line:#e2e9ef; --cream:#f7f9fb;
یاسی و کرم، ملایم
برای اسکین‌کر کره‌ای و ژاپنی، یا فروشگاهی که مخاطبش بیشتر نوجوان و جوان است.
--sage:#9a8bbf; --sage-d:#6e5f9a; --sage-dd:#4a3f6e; --sage-l:#f1eef8; --clay:#e0b48f; --clay-d:#9a6a3f; --clay-l:#f9efe5; --ink:#2b2638; --muted:#6f6a7c; --line:#e8e4ef; --cream:#faf8f5;
سبز جنگلی و خردلی، گیاهی
برای تولیدکننده‌ی صابون و روغن گیاهی یا محصولات پوست ایرانی با ترکیبات طبیعی.
--sage:#5f8a5a; --sage-d:#3f6a3c; --sage-dd:#26422a; --sage-l:#eef4ea; --clay:#d9b45a; --clay-d:#8a6a1f; --clay-l:#f8f0dc; --ink:#1f2a1f; --muted:#667066; --line:#e3eadf; --cream:#fbf9f2;
نام متغیرها (--sage و --clay) از پالت اصلی آمده است؛ با رنگ تازه لازم نیست عوضشان کنید. در هر سه پالت، متن سفید روی --clay-d کنتراست کافی دارد.
چند رنگ هم مستقیم در CSS نوشته شده‌اند و بهتر است هم‌رنگ پالت جدید شوند: پس‌زمینه‌ی قاب عکس بخش اول (#b9c4b0)، hover دکمه‌ی رسی (#9c6556)، متن‌های روشن روی کارت ترکیبات و فوتر (#a9c0ae، #d3dfd6، #bcccbf)، متن فرم مشاوره (#7c5d54) و سایه‌ها (rgba(37,50,42,…)). با جست‌وجوی همین کدها در فایل پیدایشان می‌کنید.
مشخصات فنی قالب
| ساختار | یک فایل index.html (حدود ۷۵ کیلوبایت)؛ CSS و جاوااسکریپت داخل خود فایل |
|---|---|
| حجم کل | حدود ۵۴۰ کیلوبایت همراه با ۱۰ عکس WebP (عکس‌ها حدود ۴۵۰ کیلوبایت) |
| زبان و جهت | فارسی، راست‌چین (lang="fa" dir="rtl") |
| واکنش‌گرا | دسکتاپ، تبلت و موبایل؛ بررسی‌شده در ۱۴۰۰ و ۳۹۰ پیکسل، بدون اسکرول افقی |
| فونت | وزیرمتن برای متن و Markazi Text برای تیترها، هر دو از Google Fonts با مجوز آزاد OFL |
| آیکن‌ها | SVG درون‌خطی، بدون کتابخانه‌ی آیکن |
| کتابخانه | بدون jQuery، Bootstrap یا هر فریم‌ورک دیگر |
| داده‌ها | ده کالا در آرایه‌ی P و دوازده ترکیب در آرایه‌ی G؛ قفسه، سبد، روتینساز و فرهنگ ترکیبات از همین دو آرایه ساخته می‌شوند |
| سبد خرید و فرم‌ها | فقط در مرورگر؛ سفارش، مشاوره و عضویت پیامکی جایی ارسال یا ذخیره نمی‌شود |
| مجوز | استفادهی شخصی و تجاری آزاد |
یک توصیه برای سرعت: هر دو فونت قالب از Google Fonts بارگذاری می‌شوند. اگر سایت روی سرور داخل ایران است و مخاطبتان داخل ایران است، فونت‌ها را روی هاست خودتان بگذارید. در قطعی‌ها و اختلال اینترنت بین‌الملل، فونت خارجی دیر بالا می‌آید یا اصلاً نمی‌آید و تیترهای نسخ قالب با فونت پیش‌فرض نمایش داده می‌شوند.
چطور از این قالب استفاده کنید؟
- فایل را دانلود و باز کنید. zip را باز کنید و index.html را در مرورگر ببینید؛ نصب هیچ برنامه‌ای لازم نیست.
- نام فروشگاه را عوض کنید. «پوست‌ناب» یک برند نمایشی است. فایل را در VS Code یا Notepad++ باز کنید و با جست‌وجوی «پوست‌ناب» همه‌ی جاها را پیدا کنید؛ تلفن، نشانی تحویل حضوری، ساعات پاسخ‌گویی و نوار ارسال رایگان بالای صفحه را هم عوض کنید.
- کالاها را وارد کنید. در آرایه‌ی
Pهر کالا یک خط است: شناسه (id)، نام (n)، دسته (c)، حجم (s)، قیمت (p)، نام عکس (img)، نوع پوست‌های مناسب (t)، کلیدواژه‌ی ترکیب برای جست‌وجو (k) و برچسب اختیاری (lbl). برچسب «پرفروش» را فقط برای کالایی بگذارید که واقعاً پرفروش است. - روتینساز را با کالاهای خودتان جفت کنید. تابع
buildRoutineبرای هر نوع پوست و دغدغه شناسهی کالای هر قدم را برمی‌گرداند. اگر شناسه‌ها را عوض کردید، این تابع را هم به‌روز کنید؛ بهتر است انتخاب‌هایش را مسئول فنی یا مشاورتان بازبینی کند. - فرهنگ ترکیبات را بازبینی کنید. در آرایه‌ی
Gهر ترکیب نام، نقش، توضیح، درصد معمول، زمان مصرف و ترکیب ناسازگار دارد و فهرستidsآن را به کالاهای قفسه وصل میکند. متن‌ها عمومی و بدون ادعای درمانی‌اند؛ پیش از انتشار، متخصص خودتان آنها را بخواند. - ارسال و تعهدها را دقیق کنید. حد ارسال رایگان در
FREEاست و هزینه‌ی پیک و پست در پاسخ سؤال‌ها نوشته شده است. تعهدهای «حداقل ۱۲ ماه اعتبار»، «انبار خنک»، «۷ روز مرجوعی» و «جواب تا ۲ ساعت» را فقط اگر واقعاً اجرا می‌کنید نگه دارید. - روی هاست بارگذاری کنید. سبد خرید فقط تا پیام «این نسخه‌ی نمایشی است» پیش می‌رود و فرم مشاوره و خبرنامه شماره را بررسی می‌کنند ولی جایی نمی‌فرستند. برای فروش واقعی، سفارش و سؤال را به پیام‌رسان یا تلفن هدایت کنید یا سراغ فروشگاه با درگاه پرداخت بروید.
قالب رایگان یا فروشگاه مراقبت پوست کامل؟
این قالب برای معرفی و یک قفسه‌ی کوچک خوب است؛ فروشی که هر روز سفارش می‌گیرد چیزهای بیشتری لازم دارد
| قالب رایگان | فروشگاه ادزو | |
|---|---|---|
| طراحی و چیدمان | همین قالب | اختصاصی، با رنگ و برند شما |
| کالاها و موجودی | ده کالا داخل کد | پنل مدیریت کالا، دسته، برند، موجودی و تاریخ انقضا بدون کدنویسی |
| روتینساز و ترکیبات | قواعد ثابت داخل جاوااسکریپت | فیلتر نوع پوست و ترکیب روی همه‌ی کالاها و صفحه‌ی جدا برای هر ترکیب |
| سبد و پرداخت | نمایشی | درگاه پرداخت، ثبت سفارش و پیامک وضعیت |
| صفحه‌ی کالا | ندارد؛ فقط کارت قفسه | صفحه‌ی جدا با ترکیبات، روش مصرف، عکس‌ها و نظرها |
| ترب و ایمالز | ندارد | اتصال برای نمایش قیمت در سایت‌های مقایسه |
| سئو و مجله | ندارد | ساختار سئوشده، مجله و نقشه‌ی سایت |
| دامنه، هاست و پشتیبانی | با خودتان | راه‌اندازی و پشتیبانی با ادزو |
| هزینه | رایگان | از ۱۲٫۹ میلیون تومان |
سؤال‌های پرتکرار
این قالب واقعاً رایگان است؟
قالب وردپرس یا ووکامرس است؟
روتینساز قالب از نظر علمی قابل اتکاست؟
سبد خرید، سفارش واقعی ثبت میکند؟
چطور به خریدار نشان بدهم کالا اصل است؟
تاریخ انقضا را در سایت چطور بنویسم؟
برای فروش آنلاین محصولات پوست چه مجوزهایی لازم است؟
کالای باز شده را باید پس بگیرم؟
می‌توانم از عکس‌ها و متن ترکیبات قالب استفاده کنم؟
ادزو می‌تواند همین طرح را برای فروشگاه من راه بیندازد؟
سایت کامل و اختصاصی برای فروشگاه مراقبت پوست می‌خواهید؟
یک مشاوره‌ی رایگان بگیرید؛ در چند دقیقه مسیر و هزینه‌ی دقیق را می‌گوییم. اول مشورت، بعد تصمیم.