اگر فروشگاه آنلاین‌تان را با تک‌وب ساخته‌اید، احتمالاً از اولین دغدغه‌هایتان تغییر ظاهر و شخصی‌سازی صفحات سایت است. خبر خوب اینکه در تک‌وب می‌توانید بدون نیاز به دانش کدنویسی — پوسته فروشگاهتان را به‌صورت کامل و دلخواه تغییر دهید. در این آموزش قدم‌به‌قدم یاد می‌گیرید چطور پوسته را انتخاب، فعال و ویرایش کنید و حتی بخش‌هایی مثل هدر، فوتر، اسلایدشو یا لیست محصولات را به سلیقه خودتان بچینید.

۱) ورود به ویرایش پوسته

1. واردپنل مدیریتی تک‌وبشوید.
2. از منوی سمت راست روی«ویرایش پوسته»کلیک کنید.

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

هشدار مهم:اگر یک پوسته را ویرایش کنید،بخش عمده‌ای از تغییرات روی سایر پوسته‌ها هم اعمال می‌شود.قبل از ویرایش گسترده حتما این موضوع را در نظر بگیرید.

2) ورود به تنظیمات و شخصی‌سازی

1. پس از فعال‌سازی، روی«تنظیمات و شخصی‌سازی پوسته»کلیک کنید.

1. در این صفحه، به‌صورت پیش‌فرضتنظیمات صفحه اصلیرا می‌بینید.
2. برای ویرایش صفحه‌ای دیگر (مثلاً صفحه محصول یا دسته‌بندی)، از منوی پایین صفحه،صفحه موردنظررا انتخاب کنید.

نکته:تغییراتهدروفوتررویتمامی‌صفحات(محصول و دسته‌بندی و...) اعمال می‌شوند.

3) تغییر رنگ‌های پوسته — بررسی دقیق

1. روی«تغییر رنگ و فونت»بزنید.
2. رنگ بخش‌های قابل‌تغییر را به سلیقه خود انتخاب کنید (به‌جز رنگ سفید).

از«رنگ تأکیدی»برای تغییر رنگ دکمه‌ها به کار ببرید.

4) ویرایش بخش‌ها (کامپوننت‌ها)

1. روی«ویرایش بخش‌ها»کلیک کنید تا فهرست کامپوننت‌ها در پنل سمت رمی‌باشد نمایش داده شود.
2. ترتیب نمایش کامپوننت‌ها در این لیست، همان ترتیب نمایش در صفحه اصلی می‌باشد.

هدر (لوگو، منو، دسته‌بندی‌ها)

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

• با کلیک رویآیکون چرخ‌دندهکنار هدر وارد تنظیمات منو شوید:
  • «افزودن لینک جدید» عنوان و لینک دسته/محصول را وارد کنید.
  • باکشیدن و رها کردن، ترتیب منو و ساختارزیرمنوهارا تعیین کنید.
  • ذخیره کنید و نتیجه را بررسی کنید؛ در صورت نیاز دوباره ویرایش کنید.

پیام هدر

1. در صفحه ویرایش منوی هدر، زبانه«ویرایش پیام هدر»را انتخاب کنید.
2. متن پیام را بنویسید؛ مثال: «امروز کفش تابستانی مدل خورشید را با ۱۵٪ تخفیف بخرید!»
3. وضعیت نمایشرا روی«فعال»بگذارید.
4. لینک کالارا وارد کنید.
5. سایز نمایشرا (مثلاً از «متوسط» به «بزرگ») تغییر دهید ورنگ پس‌زمینه(مثلاً سرمه‌ای) را تنظیم و ذخیره کنید.

5) افزودن، حذف و جابه‌جایی کامپوننت‌ها

• از بالای ستون کامپوننت‌ها روی«اضافه کردن بخش جدید»بزنید؛ مثال: افزودناسلایدشوبه صفحه اصلی.
• برایحذف، روی کامپوننت موردنظر رفته وآیکون سطل زبالهرا بزنید (مثلاً حذف شمارنده یا اسلایدشو اضافه).
• برایچیدمان، هر بخش راگرفته و جابه‌جاکنید تا ترتیب صفحه اصلی به دلخواه شما تغییر کند.

6) تنظیمات اسلایدشو

چرخ‌دنده‌ی کنار اسلایدشو را بزنید تا تنظیمات باز شود.

1. برای اولین بارتصاویر اسلایدشو رابا اندازه‌ای که سیستم پیشنهاد دادهآپلود کنید تا نمایش بدون به‌هم‌ریختگی باشد.
2. سایر تنظیمات را بررسی کنید؛ معمولاًپیش‌فرض‌ها ظاهر مناسبیدارند.
3. ذخیرهکنید؛ هر زمان خوهستید قادر خواهید بود برگردید و تغییر دهید.

یادتان باشد:

تا وقتی«ذخیره تغییرات»نزنید، تغییرات برای خریدار نمایش داده نمی‌شود؛ اما پیش‌نویس شما در همین بخش باقی می‌ماند.

7) بنر جدولی (ادامه) (ادامه)

چرخ‌دنده‌ی کنار اسلایدشو را بزنید تا تنظیمات باز شود.

1. عنوان بخش (مثل «پیشنهادات پاییزی» یا «کالاات فروشگاه») را تعیین کنید.
2. تعداد بنرهاوسایزرا انتخاب کنید (مثلاً «متوسط»).
3. برای هر بنر:عنوانولینکتعریف کنید.
4. اگر تصویر ندارید،رنگانتخاب کنید؛ اگر تصویر دارید،تصویر متناسب با سایز بنررا آپلود کنید.

پیشنهادها:

• تصاویرمربعباشند وحالت نمایش روی اندازه تصویرتنظیم شود.
• برای نمایش بهتر در موبایل،تعداد ستون‌ها = ۲.
• برایسئو بهتر، حتماًمتن جایگزین (Alt Text)بنویسید.

در نهایت تنظیماترا ذخیرهکنید.

8) لیست محصولات

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

1. مثلا برایعنوانبنویسید «پرفروش‌ترین‌ها»
2. فقط آیتمات موجودرا نشان بده.
3. منبع لیسترا تعیین کنید (همه جنسات یا یک دسته خاص).
4. ترتیب نمایشرا روی «پربخشش‌ترین‌ها» قرار دهید.
5. نحوه نمایش: مثلاً «در هر سطر ۳ محصول» و «کلاً ۱ سطر».

9) فوتر

روی چرخ‌دنده‌ی فوتر کلیک کنید.

1. لینک‌های موردنیاز را اضافه کنید؛ مثال:«راهنمای سایز»از بلاگ.
2. در صورت تمایل،متن کپی‌رایترا ویرایش کنید.

ذخیرهکنید.

10) شخصی‌سازی صفحات جنس/دسته‌بندی/بلاگ

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

1. روی«ویرایش بخش‌ها»بزنید؛ صفحه‌ای مشابه ویرایش صفحه اصلی باز می‌شود.
2. ترتیب بخش‌ها را تغییر دهید یابخش جدید اضافهکنید؛ مثال: افزودنبنر جدولیزیر «مشخصات کالا».
3. این تغییراتروی تمام صفحات همان نوع(تمام محصولات یا تمام دسته‌ها) اعمال می‌شود.

11) شخصی‌سازی صفحه یک آیتم خاص | نکات کلیدی

1. بهمدیریت محصولاتبروید و نشانگر را روی کالا مدنظر نگه دارید.
2. روی دکمه‌ی سبزرنگ«طراحی صفحه»کلیک کنید.
3. «ویرایش بخش‌ها»را بزنید و تغییرات مخصوص همان جنس را اعمال کنید (مثلاً فقط برای این محصولاسلایدشواضافه کنید).

تفاوت مهم:

• از این پستغییرات سراسری صفحات آیتمروی اینمحصول خاصاعمالنمی‌شود.
• برعکس، تغییرات اینمحصول خاصروی سایر صفحات نیزاثری ندارد.

12) ذخیره و انتشار

پس از اتمام کار، حتماً روی«ذخیره تغییرات»کلیک کنید تا تغییرات برای کاربران سایتقابل مشاهدهشود.

نکات حرفه‌ای برای نتیجه بهتر

• رویکیفیت و یکدستی تصاویرحساس باشید؛ اندازه‌ها را مطابق توصیه‌های هر کامپوننت انتخاب کنید.
• برای تمام تصاویرAlt Textبنویسید تانمره سئوو دسترس‌پذیری بهبود یابد.
• پس از هر تغییر کلیدی،پیش‌نمایشرا بررسی و در صورت نیاز اصلاح کنید.

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

شروع فروش آنلاین با تک‌وب

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