ویراشو
ظاهر فروشگاه اولین چیزی است که مشتری می‌بیند و قبل از خواندن هر متنی درباره‌ی اعتماد به شما تصمیم می‌گیرد. خوشبختانه لازم نیست طراح باشید: یک قالب انتخاب می‌کنید، رنگ برندتان را می‌گذارید، لوگو را بارگذاری می‌کنید و دکمهی «انتشار تغییرات» را می‌زنید.
این آموزش همه‌ی بخش‌های صفحه‌ی «ظاهر فروشگاه» را به همان ترتیبی که معمولاً به کار می‌آید نشان میدهد. روی عکس‌ها عددهایی هست؛ همان عددها را زیر هر عکس توضیح داده‌ایم. فروشگاه و اطلاعات داخل عکس‌ها نمونه و ساختگی است.
راه سریع
- از منوی «ظاهر و صفحه‌ها» وارد «ظاهر فروشگاه» شوید.
- در زبانهی «رنگ و قالب» قالب را انتخاب کنید. برای دیدنش قبل از فعال کردن، «پیشنمایش بدون فعالسازی» را بزنید.
- رنگ برند و قلم را بگذارید و «ذخیره» را بزنید.
- در زبانهی «لوگو و فاویکون» لوگو را بارگذاری کنید.
- در زبانهی «پیشنمایش» نتیجه را ببینید و «انتشار تغییرات» را بزنید.
یک نکته‌ی مهم: چه چیزی همین حالا دیده میشود؟
در این صفحه بعضی تغییرها اول پیشنویس می‌شوند و بعضی همان لحظه روی سایت می‌روند. تفاوتش را بدانید تا غافلگیر نشوید:
| تغییر | کی روی سایت میرود؟ |
|---|---|
| رنگ برند، قلم، گردی گوشه‌ها | بعد از «انتشار تغییرات» |
| طرح آماده | بعد از «انتشار تغییرات» |
| تنظیمات خود قالب | بعد از «انتشار تغییرات» |
| عوض کردن قالب (زدن روی خود قالب) | همان لحظه |
| کارت محصول | همان لحظه |
| لوگو و فاویکون | همان لحظه |
مرحله‌ی اول: صفحه‌ی «ظاهر فروشگاه» را باز کنید
در منوی کناری، زیر «ظاهر و صفحه‌ها»، گزینهی «ظاهر فروشگاه» را بزنید.
مرحله‌ی دوم: نوار انتشار و زبانه‌ها
بالای صفحه یک نوار می‌بینید. اگر همه‌چیز منتشر شده باشد، سبز است و می‌نویسد «همه‌چیز منتشر شده». زیرش پنج زبانه هست: «پیشنمایش»، «رنگ و قالب»، «لوگو و فاویکون»، «صفحه‌ی اصلی» و «نسخههای قبلی».
- نوار انتشار: همیشه بالای زبانه‌هاست و برای همه‌ی آن‌ها صدق میکند.
- زبانه‌ها: هر بخش یک زبانه دارد. عددی که کنار «نسخههای قبلی» می‌بینید، تعداد نسخههای نگه‌داشته‌شده است.
وقتی چیزی را ذخیره کنید که هنوز منتشر نشده، نوار زرد میشود و دو دکمه میدهد:
- پیام نوار: میگوید مشتریها هنوز نسخهی قبلی را میبینند.
- انتشار تغییرات: همه‌ی تغییرهای پیشنویس همین حالا روی سایت میرود.
- لغو تغییرات: پیشنویس پاک میشود و این کار برگشت ندارد.
مرحله‌ی سوم: قالب را انتخاب کنید
قالب شکل کلی فروشگاه است: جای منو، شکل کارت‌ها، فوتر و حال‌وهوای صفحه‌ی اصلی. رنگ، لوگو و چیدمان روی همان قالب تنظیم میشود. هر قالب با عکس فروشگاه نمونه‌اش نشان داده شده و زیرش نوع کسب‌وکار مناسبش را می‌بینید.
- قالب فعلی: کارت قالب فعال با برچسب «فعال» مشخص است.
- پیشنمایش بدون فعالسازی: قالب را روی فروشگاه خودتان نشان میدهد، بدون اینکه مشتری چیزی ببیند.
- برچسب «فعال»: یعنی مشتریها همین قالب را میبینند.
زدن روی خود کارت قالب، همان لحظه آن را فعال میکند. اگر فقط می‌خواهید ببینید چه شکلی است، «پیشنمایش بدون فعالسازی» را بزنید.
برای انتخاب بهتر، قالبی را بردارید که نوع کسب‌وکارش به شما نزدیک است؛ زیر نام هر قالب نوشته برای چه فروشگاهی ساخته شده. اگر نمی‌دانید، قالب «آریا» که پیش‌فرض است برای هر فروشگاهی جواب میدهد.
مرحله‌ی چهارم: طرح آماده (اگر وقت ندارید)
بخش «طرح آماده» رنگ‌ها و چیدمان صفحه‌ی اصلی را یکجا عوض میکند. مثلاً طرح «پوشاک»، «ابزار و قطعات» یا «اسباب‌بازی و کودک». برای دیدن اینکه چه شکلی میشود، یکی را انتخاب کنید و در «پیشنمایش» ببینید.
- طرح آماده: نتیجه پیشنویس است و تا «انتشار تغییرات» به مشتریها نمی‌رسد. اگر پسند نکردید، «لغو تغییرات» را بزنید.
مرحله‌ی پنجم: رنگ و قلم
رنگ برند در دکمه‌ها، لینک‌ها و نشان‌های فروشگاه دیده میشود. از بین دوازده رنگ آماده یکی را بردارید، یا با «رنگ دلخواه» همان رنگ لوگوی خودتان را بگذارید.
- رنگ‌های آماده: یکی را بزنید.
- رنگ دلخواه: اگر رنگ برندتان در فهرست نیست، اینجا انتخابش کنید.
- نمونه‌ی زنده: دکمه و لینک با رنگ انتخابی‌تان را همان لحظه نشان میدهد. رنگ نوشته‌ی روی دکمه خودکار انتخاب میشود؛ اگر رنگ روشن بگذارید، نوشته تیره میشود تا همیشه خوانا بماند.
- قلم: ایران‌یکان یا وزیرمتن.
- گردی گوشه‌ها: کم، متوسط یا زیاد. بعضی قالبها گوشه‌ها را خودشان تعیین می‌کنند و این گزینه را نشان نمی‌دهند.
- ذخیره: نتیجه در پیشنویس می‌ماند تا منتشر کنید.
اگر بالای این بخش یادداشتی دیدید که میگوید قالب رنگ شاخص خودش را دارد، یعنی رنگ برند فعلاً روی سایت دیده نمیشود. در «تنظیمات قالب» گزینهی رنگ را روی «رنگ فروشگاه» بگذارید.
مرحله‌ی ششم: تنظیمات خود قالب
زیر رنگ و قلم، بخشی با عنوان «تنظیمات قالب» هست که برای هر قالب فرق دارد. مثلاً در قالب آریا می‌توانید بگویید هدر هنگام پایین رفتن صفحه بالا بماند، یک نوار باریک بالای هدر بگذارید و رنگش را انتخاب کنید یا شکل اسلایدشوی صفحه‌ی اول را تعیین کنید.
- گروه‌ها: گزینه‌ها بر اساس بخش دسته‌بندی شده‌اند، مثل «هدر» و «اسلایدشو».
- هر گزینه: یا کلید روشن و خاموش است، یا کادر نوشتن، یا چند انتخاب.
- ذخیره: تغییرها را در پیشنویس می‌گذارد.
- برگشت به پیش‌فرض قالب: همه‌ی گزینه‌های همین قالب به حالت اولیه برمی‌گردد.
اگر قالب را عوض کنید، تنظیمهای قالب قبلی نگه داشته میشود و با برگشتن به آن دوباره اعمال میشود.
مرحله‌ی هفتم: کارت محصول
کارت همان مستطیل کوچکی است که هر کالا در فهرست‌ها دارد. اینجا انتخاب می‌کنید چه چیزهایی روی آن دیده شود: درصد تخفیف، قیمت قبل از تخفیف، برچسب ویژه (مثل «پرفروش»)، موجودی، تعداد خط نام کالا و شکل عکس. کارت کوچک کنار گزینه‌ها همان لحظه نتیجه را نشان میدهد.
- چه چیزهایی دیده شود؟ هر تیک یک جزء را روی کارت نشان یا پنهان میکند.
- موجودی کالا: نشان داده نشود، فقط وقتی کم مانده، یا همیشه. عدد «کم مانده» را هم خودتان می‌گذارید.
کارت محصول با زدن «ذخیرهی کارت محصول» همان لحظه روی سایت اعمال میشود و منتظر «انتشار» نمی‌ماند.
مرحله‌ی هشتم: لوگوی فروشگاه
به زبانهی «لوگو و فاویکون» بروید. لوگو بالای همه‌ی صفحه‌ها، در فوتر و روی فاکتور دیده میشود. اگر لوگو نگذارید، نام فروشگاه نوشته میشود. برچسب بالای کارت میگوید لوگو دارید یا نه.
- برچسب وضعیت: «هنوز لوگو ندارید» یا «ثبت شده».
- کادر انتخاب فایل: فایل را اینجا بکشید یا روی کادر بزنید. بهترین حالت یک PNG افقی با پسزمینهی شفاف و عرض حدود چهارصد پیکسل است.
بعد از انتخاب فایل، پیشنمایش هدر و فوتر همان لحظه با لوگوی شما عوض میشود. نام فایل، اندازه و حجمش هم زیر کادر نوشته میشود تا مطمئن شوید فایل درست است.
- پیشنمایش: لوگو را هم روی هدر روشن و هم روی فوتر تیره می‌بینید. اگر روی فوتر تیره دیده نمیشود، لوگوی روشن‌تری بگذارید.
- فایل انتخاب‌شده: نام، ابعاد و حجم نمایش داده میشود.
- ذخیره و نمایش روی سایت: لوگو همان لحظه منتشر میشود.
عکس‌های HEIC آیفون را مرورگرها نشان نمی‌دهند؛ آن را یک بار به JPG یا PNG تبدیل کنید. حداکثر حجم مجاز هم زیر همان کادر می‌آید و اگر فایل بزرگ‌تر باشد، پیش از بارگذاری خبر میدهد.
فاویکون (آیکون تب مرورگر)
فاویکون آیکون کوچکی است که کنار نام سایت در تب مرورگر و در نتایج گوگل دیده میشود؛ همین‌طور وقتی مشتری فروشگاه را به صفحه‌ی گوشی‌اش اضافه میکند.
- پیشنمایش تب: نشان میدهد آیکون کنار نام فروشگاه چطور دیده میشود.
- کادر فایل: یک تصویر مربعی و ساده، دست‌کم ۵۱۲ در ۵۱۲ پیکسل.
- اندازه‌ها: از همین یک تصویر همه‌ی اندازه‌های لازم، از جمله آیکون آیفون و اندروید، خودکار ساخته میشود.
مرحله‌ی نهم: پیشنمایش و انتشار
حالا به زبانهی «پیشنمایش» برگردید. فروشگاه را با تغییرهای پیشنویس می‌بینید؛ هر آنچه مشتری هنوز نمیبیند. اگر پیشنمایش از نظر شما درست بود، دکمهی «انتشار تغییرات» را بزنید.
- دسکتاپ و موبایل: فروشگاه را هم با صفحه‌ی بزرگ و هم با گوشی ببینید. بیشتر مشتریها با موبایل می‌آیند؛ حتماً موبایل را نگاه کنید.
- بزرگ‌نمایی: برای دیدن جزئیات، درصد را بالا ببرید.
- ویرایش با کلیک: وقتی روشن است، روی هر بخش پیشنمایش بزنید تا ویرایشگر همان بخش باز شود. برای گشتن در صفحه‌ها، آن را خاموش کنید.
دکمهی «تازه‌سازی» پیشنمایش را دوباره می‌خواند و «تب جدید» آن را در صفحه‌ی جدا باز میکند. زیر پیشنمایش هم میان‌بر به «منوی سایت»، «صفحه‌ها» و «اسلایدهای صفحه‌ی اصلی» هست.
صفحه‌ی اصلی
زبانهی «صفحه‌ی اصلی» بخش‌های صفحه‌ی اول را نشان میدهد: بنر، دسته‌ها، محصول‌های ویژه و مانند آن. هر بخش را میشود جابه‌جا کرد، پنهان کرد یا متن و عکسش را عوض کرد. ساده‌ترین راه همان «ویرایش با کلیک» در پیشنمایش است.
اگر پشیمان شدید: نسخههای قبلی
هر بار که تغییری منتشر می‌کنید، ظاهر قبلی فروشگاه نگه داشته میشود. در زبانهی «نسخههای قبلی» می‌توانید به آن برگردید. برگشتن هم یک انتشار است؛ یعنی همان لحظه روی سایت میرود. ظاهر فعلی هم نگه داشته میشود، پس اگر نظرتان دوباره عوض شد، می‌توانید به آن هم برگردید.
- ظاهر فعلی: همان چیزی که مشتریها الان میبینند.
- تغییرهای برگشت: زیر هر نسخه نوشته با برگشتن به آن، چه چیزهایی عوض میشود. نسخه‌ای که با ظاهر فعلی فرقی ندارد، دکمه‌اش خاموش است.
- برگشت به این نسخه: قبل از اجرا یک بار تأیید می‌خواهد.
اشتباه‌های رایج
- زدن روی کارت قالب برای دیدن آن: قالب همان لحظه عوض میشود. برای دیدن بدون فعالسازی «پیشنمایش بدون فعالسازی» را بزنید.
- فراموش کردن انتشار: رنگ و قلم را ذخیره کرده‌اید ولی مشتری تغییری نمیبیند. نوار بالای صفحه را نگاه کنید.
- لوگوی تیره روی فوتر تیره: پیشنمایش هدر و فوتر همین را نشان میدهد؛ قبل از ذخیره نگاهش کنید.
- لوگوی خیلی بزرگ یا چهارگوش: لوگوی افقی با پسزمینهی شفاف بهتر جا می‌افتد.
- فاویکون غیرمربعی: دو طرف آیکون خالی می‌ماند. تصویر مربعی بگذارید.
- رنگ خیلی روشن برای دکمه: پنل نوشته را تیره میکند، ولی دکمهی خیلی روشن روی زمینه‌ی سفید کم‌رنگ دیده میشود. رنگ را با «نمونه‌ی زنده» امتحان کنید.
- ندیدن پیشنمایش موبایل: بیشتر مشتریها با گوشی می‌آیند.
فهرست بررسی نهایی
- قالبی که به کسب‌وکارتان نزدیک است انتخاب شده است.
- رنگ برند همان رنگ لوگوی شماست.
- لوگو روی هدر روشن و فوتر تیره هر دو خوانا است.
- فاویکون مربعی بارگذاری شده است.
- پیشنمایش را هم روی دسکتاپ و هم موبایل دیده‌اید.
- نوار بالای صفحه میگوید «همه‌چیز منتشر شده».
