فهرست مطالب
اگر یک سایت فروشگاهی حرفهای دارید، یکی از بخشهایی که میتواند اعتماد مشتریان را جلب کند و باعث افزایش فروش شود، بخش محبوب ترین برندها در صفحه اصلی است.
این بخش معمولاً به شکل یک اسلایدر برند یا نوار چرخان لوگو برندها طراحی میشود و مشتریان میتوانند بهصورت افقی لوگو یا نام برندهای معتبر را مشاهده کنند.
در این قسمت از دوره آموزش طراحی سایت شبیه دیجی کالا با المنتور ، گامبهگام یاد میگیریم چگونه با استفاده از ویجت کاروسل المنتور پرو یک بخش حرفهای و واکنشگرا برای نمایش برندهای محبوب در صفحه اصلی سایت فروشگاهی ایجاد کنیم.
چرا بخش محبوب ترین برندها برای فروشگاه اینترنتی مهم است؟
قرار دادن لوگو یا نام برندها در سایت، مزایای زیادی دارد:
- افزایش اعتماد مشتریان
دیدن برندهای معتبر مانند سامسونگ، هواوی، ایکسویژن و دیگر برندهای شناختهشده، باعث اطمینان خاطر بیشتر خریداران میشود. - نمایش تنوع محصولات فروشگاه
وجود برندهای مختلف نشان میدهد که فروشگاه شما کالاهای متنوعی ارائه میدهد. - افزایش فروش و انتخاب سریعتر محصول
مشتریانی که برند خاصی را ترجیح میدهند، با دیدن لوگوی آن برند سریعتر تصمیم به خرید میگیرند. - بهبود جایگاه سایت در موتورهای جستوجو
استفاده از نام برندها در متن جایگزین تصاویر (متن جایگزین یا «آلت تکست») میتواند به بهبود سئو کمک کند.
پیشنیازهای ساخت کاروسل برندها در المنتور
برای طراحی این بخش، به موارد زیر نیاز داریم:
- نصب و فعالسازی وردپرس
- نصب و فعالسازی افزونه المنتور پرو
- آماده بودن لوگوهای برندها با پسزمینه شفاف و کیفیت مناسب
- آماده بودن آدرس صفحه هر برند (برای لینکدهی)
مراحل ساخت بخش محبوب ترین برندها با ویجت کاروسل
مرحله ۱: ایجاد بخش جدید
- به صفحه اصلی سایت بروید و روی گزینه ویرایش با المنتور کلیک کنید.
- یک کانتینر جدید ایجاد کنید.
- ارتفاع بخش را در حالت پیشفرض بگذارید تا بر اساس محتوای داخلی تنظیم شود.
مرحله ۲: افزودن عنوان بخش محبوب ترین برندها
- یک عنوان (سربرگ) به بخش اضافه کنید.
- متن را بهصورت زیر وارد کنید:
✨ محبوبترین برندها - در متن عنوان میتوانید از عبارتهایی مانند برندهای پرفروش، برندهای معتبر، برندهای محبوب مشتریان استفاده کنید.
مرحله ۳: اضافه کردن ویجت کاروسل
- از فهرست ابزارهای المنتور، کاروسل را پیدا کرده و به بخش زیر عنوان بکشید.
- برای هر اسلاید کاروسل، لوگوی یک برند را اضافه کنید.
- میتوانید برای هر لوگو یک لینک به صفحه محصولات همان برند بدهید.
مرحله ۴: تنظیمات محتوای کاروسل
- تعداد نمایش در هر اسلاید: تعداد برندهایی که همزمان دیده میشوند (مثلاً ۶ برند).
- تعداد جابهجایی در هر حرکت: مشخص میکند چند برند با هر حرکت اسلایدر جابهجا شوند (مثلاً ۲ برند).
- دکمههای پیمایش: فعال یا غیرفعال کردن فلشهای چپ و راست.
- حرکت خودکار: فعالکردن اسلاید خودکار برندها.
- پخش بیپایان: تکرار نامحدود حرکت برندها.
- توقف در زمان قرار گرفتن موس: توقف اسلاید هنگام قرار گرفتن نشانگر موس روی آن.
مرحله ۵: زیباسازی و استایلدهی
- فاصله بین برندها را طوری تنظیم کنید که منظم و یکدست باشد.
- اندازه تصاویر لوگو را برای همه برندها یکسان بگیرید.
- برای حالت شناور (هاور) میتوانید افکت بزرگنمایی یا تغییر رنگ پسزمینه اضافه کنید.
- اگر لازم است، گوشههای تصاویر را گرد کنید.
مرحله ۶: واکنشگرا کردن کاروسل
- در نمایش تبلت، تعداد برندهای همزمان را کمتر کنید (مثلاً 5 برند).
- در نمایش موبایل، تعداد برندها را روی 3 قرار دهید تا خوانایی حفظ شود.
نکات مهم برای بهینهسازی
- از فرمت وبپی (WebP) برای کاهش حجم تصاویر و افزایش سرعت بارگذاری استفاده کنید.
- برای هر تصویر، متن جایگزین حاوی نام برند بنویسید تا موتورهای جستوجو بهتر آن را شناسایی کنند.
- هر برند را به صفحه اختصاصی خود لینک دهید.
- از قابلیت بارگذاری تدریجی تصاویر برای جلوگیری از کند شدن سایت استفاده کنید.
نتیجهگیری
با استفاده از ویجت کاروسل المنتور پرو میتوان یک بخش شیک، کاربرپسند و کاملاً واکنشگرا برای نمایش محبوب ترین برندها طراحی کرد.
این بخش علاوه بر زیبایی، به اعتمادسازی مشتریان کمک کرده و باعث میشود کاربران سریعتر محصول موردنظرشان را پیدا کنند و خرید کنند.
کاربران گرامی:
برای مشاهده آموزش کامل این ویدیو ، ابتدا باید عضو دوره جامع طراحی فروشگاه اینترنتی مشابه دیجی کالا باشید ، پس از عضویت ، براحتی دسترسی کامل به محتوای آموزشی کامل ویدیو و همچنین فایل ها و کدهای آماده دوره را خواهید داشت.
