آموزش قدم‌به‌قدم تغییر و شخصی‌سازی پوسته در سازیتو

آموزش قدم‌به‌قدم تغییر و شخصی‌سازی پوسته در سازیتو

mahdi
۱۵ شهریور ۱۴۰۴
2 دقیقه مطالعه

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

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

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

  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 بنویسید تا نمره سئو و دسترس‌پذیری بهبود یابد.
  • پس از هر تغییر مهم، پیش‌نمایش را بررسی و در صورت نیاز اصلاح کنید.

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

برچسب‌های مرتبط