فهرست مطالب
تبلیغات بنری در سایتهای فروشگاهی یکی از بهترین روشها برای جلب توجه مشتریان و افزایش فروش است. اگر میخواهید آموزش ساخت تبلیغات بنری در سایت های فروشگاهی و صفحه اصلی سایت خود مانند دیجی کالا را یاد بگیرید این آموزش برای شماست.
در این قسمت از دوره آموزش طراحی سایت شبیه دیجی کالا با المنتور ، یاد خواهید گرفت چگونه با استفاده از ویجت تصویر المنتور، بنرهای جذاب و ریسپانسیو بسازید. با این آموزش، بدون نیاز به کدنویسی، میتوانید بنرهای خود را در قسمت های مختلف قرار داده و آنها را ویرایش و جایگزین کنید.
چرا از المنتور برای طراحی بنر فروشگاهی استفاده کنیم؟
المنتور به دلیل رابط کاربری ساده و قابلیتهای متنوع، انتخابی ایدهآل برای ساخت بنر در المنتور است. برخی از مزایای آن:
- طراحی آسان: با Drag-and-Drop بنرها را سریع طراحی کنید.
- ادغام با ووکامرس: برای سایتهای فروشگاهی مناسب است.
- بنر ریسپانسیو: نمایش عالی در موبایل و دسکتاپ.
- انعطافپذیری: امکان افزودن لینک و افکتهای بصری به بنرها.
مراحل ساخت تبلیغات بنری با المنتور
1. آمادهسازی اولیه برای طراحی بنر
برای شروع، مطمئن شوید که افزونههای زیر نصب و فعال هستند:
- وردپرس: نسخه بهروز (حداقل 6.5).
- ووکامرس: برای مدیریت محصولات فروشگاهی.
- المنتور (رایگان یا پرو): افزونه المنتور پرو امکانات بیشتری مانند انیمیشنها و ویجتهای پیشرفته ارائه میدهد.
- افزونههای مکمل (اختیاری): مانند “Image Banner Ads” برای مدیریت بهتر بنرها.
نکته: تصاویر بنر را با فرمت WebP آپلود کنید تا سرعت بارگذاری بهبود یابد.
2. انتخاب مکان مناسب تبلیغات بنری در سایت
برای تأثیرگذاری بیشتر، مانند دیجیکالا، بنرها را در بخشهای کلیدی صفحه اصلی قرار دهید:
- اسلایدر بالای صفحه: برای نمایش تخفیفها یا محصولات ویژه.
- وسط صفحه: برای معرفی دستهبندیهای پرطرفدار.
- کنار محصولات: برای پیشنهادات لحظهای یا پرفروشها.
3. طراحی بنر با ویجت تصویر المنتور
برای ساخت بنر تبلیغاتی وردپرس، از روشی مشابه آنچه شما انجام دادید استفاده میکنیم:
- ایجاد کانتینر در صفحه اصلی: در المنتور، به صفحه اصلی بروید و یک کانتینر جدید اضافه کنید.
- افزودن ویجت تصویر: تصویر بنر را آپلود کنید (مثلاً بنر تخفیف فروشگاهی).
- تنظیمات ویجت تصویر:
- لینکدهی: بنر را به صفحه محصول، دستهبندی یا لندینگ پیج لینک دهید.
- اندازه بنر: از اندازه 322×241 برای این بخش از تصاویر استفاده کنید.
- Alt Text: توضیحی مانند «بنر تبلیغاتی میهن تم» اضافه کنید.
- ریسپانسیو کردن بنر: در تب “ریسپانسیو”، نمایش بنر را برای موبایل و تبلت تنظیم کنید.
نکته تجربهای: از افکتهای حرکتی ملایم (مانند Fade In) در المنتور استفاده کنید تا بنرها جذابتر شوند.
4. افزودن چندین بنر در یک کانتینر
برای ایجاد تنوع، مانند دیجیکالا، چندین بنر را در یک کانتینر قرار دهید:
- ساخت گرید بنرها: در کانتینر، چندین ویجت تصویر اضافه کنید و آنها را در یک گرید (Grid) مرتب کنید.
- تنظیم فاصلهها: از گزینههای Margin و Padding در المنتور برای فاصلهگذاری مناسب استفاده کنید.
- تنوع در لینکها: هر بنر را به یک صفحه متفاوت (مانند محصولات پرفروش یا تخفیفها) لینک دهید.
مثال عملی: یک گرید 3×1 در صفحه اصلی ایجاد کنید که هر بنر به یک دستهبندی محبوب (مثلاً موبایل، لپتاپ، پوشاک) لینک شود.
5. تست و بهینهسازی بنرها
پس از طراحی، بنرها را بررسی کنید:
- نمایش در موبایل: مطمئن شوید بنرها در موبایل و تبلت بهدرستی نمایش داده میشوند.
- سرعت بارگذاری: از ابزارهایی مانند GTmetrix برای بررسی سرعت بارگذاری بنرها استفاده کنید.
نتیجهگیری
ساخت تبلیغات بنری در سایت های فروشگاهی با المنتور نهتنها ساده است، بلکه میتواند فروش شما را به طور چشمگیری افزایش دهد. با دنبال کردن این آموزش، میتوانید بنرهایی جذاب و ریسپانسیو مانند دیجیکالا در صفحه اصلی سایت خود قرار دهید. همین حالا شروع کنید و بنرهای خود را طراحی کنید!
کاربران گرامی:
برای مشاهده آموزش کامل این ویدیو ، ابتدا باید عضو دوره جامع طراحی فروشگاه اینترنتی مشابه دیجی کالا باشید ، پس از عضویت ، براحتی دسترسی کامل به محتوای آموزشی کامل ویدیو و همچنین فایل ها و کدهای آماده دوره را خواهید داشت.
