چگونه اسلایدر محصول بسازیم؟
انتشار: آذر 09، 1403
بروزرسانی: 28 خرداد 1404

چگونه اسلایدر محصول بسازیم؟


اسلایدر محصول Shopify یک بخش ضروری برای فروشگاه های تجارت الکترونیک است که به بازرگانان اجازه می دهد به راحتی محصولات را به نمایش بگذارند. این برای برجسته کردن موارد برجسته، ورودی های جدید و تبلیغات عالی است و به افزایش تعامل کاربر کمک می کند.

در این وبلاگ، روش های مختلفی را برای ایجاد اسلایدر محصول در Shopify بررسی می کنیم، مانند استفاده از کد سفارشی، تم Dawn و Slider Revolution. ما همچنین راه اندازی اسلایدرها را با EasyDisplay: Product Showcase پوشش می دهیم.

با مطالعه بیشتر، مراحل و نکات دقیق برای ایجاد یک نوار لغزنده محصول Shopify و افزایش جذابیت بصری فروشگاه آنلاین خود را کشف خواهید کرد. چه مبتدی یا یک تاجر باتجربه باشید، این راهنما به شما کمک می کند تا یک نوار لغزنده محصول خیره کننده ایجاد کنید که تعامل و تبدیل ها را افزایش می دهد.

چگونه یک اسلایدر محصول در Shopify ایجاد کنیم؟

نوار لغزنده محصول راهی جذاب و تعاملی برای نمایش محصولات و در عین حال صرفه جویی در فضا در فروشگاه Shopify شما است. این تجربه کاربر را افزایش می دهد و به ایجاد یک طرح بصری جذاب کمک می کند. در اینجا سه \u200b\u200bروش موثر برای ایجاد اسلایدر محصول در Shopify وجود دارد:

  1. با استفاده از بخش مجموعه ویژه داخلی تم Shopify
  2. پیاده سازی کد سفارشی
  3. یکپارچه سازی برنامه های شخص ثالث: Slider Revolution، Easy Display: Product Showcase و غیره.

در بخش بعدی هر یک از این سه روش را به تفصیل بررسی خواهیم کرد.

نحوه ایجاد اسلایدر محصول در تم Shopify Dawn

اگر با یک نوار لغزنده محصول ساده خوب هستید، می توانید با استفاده از گزینه Featured Collection در تم Dawn یکی ایجاد کنید. این مراحل را دنبال کنید:

مرحله 1: آپلود محصولات در Shopify

داشبورد-محصول

وارد پنل مدیریت Shopify خود شوید.

افزودن محصول

به محصولات > افزودن محصول بروید.

افزودن محصول به فروشگاه

جزئیات محصول مانند عنوان، توضیحات، تصاویر، قیمت و موجودی را وارد کنید.

را کلیک کنید ذخیره کنید پس از اضافه کردن تمام اطلاعات لازم را فشار دهید.

مرحله 2: ایجاد یک مجموعه

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

ایجاد مجموعه
  • به محصولات > مجموعه ها بروید
ایجاد صفحه مجموعه
  • را بنویسید عنوان و توضیحات از مجموعه
  • را انتخاب کنید نوع مجموعه
    • دستی: محصولات را به صورت دستی اضافه کنید.
    • هوشمند: شرایطی مانند نوع محصول، برچسب یا قیمت را برای افزودن خودکار محصولات تعریف کنید.
  • اگر گزینه دستی را انتخاب کردید، کلیک کنید مرور کنید در بخش محصولات در مجموعه شما.
  • محصولاتی را که می خواهید در مجموعه قرار دهید انتخاب کنید و روی افزودن کلیک کنید.
  • سپس بر روی آن کلیک کنید ذخیره کنید دکمه

مرحله 3: به ویرایشگر تم دسترسی پیدا کنید

پس از آماده شدن مجموعه شما، به پنل مدیریت Shopify بروید.

سفارشی کردن تم

رفتن به فروشگاه اینترنتی > تم ها.

را انتخاب کنید سپیده دم تم و کلیک کنید سفارشی کردن.

مرحله 4: بخش Featured Collection را اضافه کنید

مجموعه برجسته

در ویرایشگر تم، کلیک کنید افزودن بخش از پنل سمت چپ

انتخاب کنید مجموعه ویژه برای نمایش محصولات از یک مجموعه خاص

مرحله 5: تنظیمات را برای یک افکت اسلایدر تنظیم کنید

مجموعه را انتخاب کنید

روی قسمت Featured Collection کلیک کنید.

انتخاب کنید مجموعه

چرخ فلک را در دسکتاپ فعال کنید

فعال کردن ”چرخ فلک را در دسکتاپ فعال کنید

را تنظیم کنید تعداد محصولات برای نمایش در هر اسلاید برای رسیدن به جلوه لغزنده.

سپس، روی آن کلیک کنید ذخیره کنید دکمه.

خروجی

چرخ فلک محصول خروجی با موضوع سپیده دم

توجه: بخش Featured Collection در تم Shopify Dawn برای دستگاه های دسکتاپ بهینه شده است. روی دستگاه های موبایل یا تبلت موثر نیست.

با استفاده از کد سفارشی، اسلایدر محصول را در Shopify ایجاد کنید

اگر گزینه های داخلی در تم Shopify Dawn نیازهای شما را برآورده نمی کند، می توانید یک نوار لغزنده محصول را با استفاده از کد سفارشی اضافه کنید. این نیاز به مهارت های فنی پیشرفته دارد. کدنویسی سفارشی می تواند منجر به مشکلاتی مانند پاسخ دهی ضعیف در دستگاه های مختلف یا کد قدیمی شود. این مشکلات ممکن است باعث شود لغزنده از کار بیفتد یا بعداً نیاز به تعمیر داشته باشد.

اگر توسعه دهنده ماهری هستید، می توانید خودتان این کار را امتحان کنید. اما برای آزمایش و عیب یابی آماده باشید تا مطمئن شوید که در همه دستگاه ها به خوبی کار می کند.

برای اکثر کاربران، بهتر است از چرخ فلک پیش فرض Shopify یا یک برنامه کشویی از فروشگاه App Shopify استفاده کنند. این گزینه ها آسان تر، پشتیبانی شده و قابل اعتماد هستند و از دردسر کدنویسی صرفه جویی می کنند.

چگونه با استفاده از Slider Revolution اسلایدر محصول را در Shopify اضافه کنیم؟

بنر CTA برنامه Slider Revolution

در اینجا نحوه ایجاد اسلایدرهای تصویر محصول با آن آورده شده است Slider Revolution & Sections، بهترین نوار لغزنده چرخ فلک محصول Shopify برنامه:

مرحله 1: به داشبورد Shopify خود بروید

برنامه - انقلاب لغزان

به داشبورد Shopify خود بروید، روی آن کلیک کنید برنامه ها، و انتخاب کنید انقلاب لغزنده (نوار لغزنده تصویر محصول Shopify). را نصب کنید Slider Revolution & Sections اگر هنوز آن را نصب نکرده اید، از فروشگاه App Shopify استفاده کنید.

مرحله 2: یک الگو را انتخاب کنید

یک الگو را انتخاب کنید

رفتن به داشبورد. در اینجا شما را پیدا خواهید کرد نوار لغزنده جدید از الگو گزینه ای برای ایجاد نوار لغزنده تصویر صفحه محصول Shopify.

این گزینه به شما اجازه می دهد خود را طراحی کنید نوار لغزنده تصویر محصول Shopify از قالب آماده شما تمام ابزارهای ضروری و گزینه های سفارشی سازی را برای سفارشی کردن نوار لغزنده تصویر خود خواهید داشت.

قالب ماژول

Slider Revolution & Sections یک کتابخانه از بیش از 300 قالب طراحیاز جمله الگوهای لغزنده محصول استاتیک و پویا.

قالب محصول را نصب کنید

پس از انتخاب یک الگو، روی آن کلیک کنید قالب را نصب کنید (+) دکمه

ویرایشگر SR را باز کنید

سپس به S هدایت خواهید شدlider انقلاب و بخش\'s لغزنده من صفحه. روی نماد مداد کلیک کنید تا ویرایشگر باز شود.

صفحه ویرایشگر

در صفحه ویرایشگر، جایی که به تمام ابزارهای مورد نیاز برای طراحی و سفارشی کردن خود دسترسی خواهید داشت نوار لغزنده محصول Shopify.

مرحله 3: اسلایدر را منتشر کنید

کپی کد کوتاه

را کپی کنید کد کوتاه از قالب از ویرایشگر Slider Revolution.

NB: Don’t forget to save the template before copying the Shortcode.\xa0
سفارشی کردن تم

به داشبورد فروشگاه Shopify بروید. حرکت به تم ها، و انتخاب کنید سفارشی کردن.

افزودن بخش از طریق برنامه

در ویرایشگر تم، به قسمتی که می خواهید بخش جدیدی اضافه کنید بروید.

سپس بر روی آن کلیک کنید افزودن بخش یا افزودن بلوک گزینه

اکنون، روی آن کلیک کنید برنامه ها و یکی از گزینه های زیر را انتخاب کنید:

  • لغزنده عمومی: برای افزودن یک لغزنده محصول ثابت
  • لغزنده محصول پویا: برای افزودن یک لغزنده محصول پویا
کد اسلایدر پویا را جایگذاری کنید

حالا کد کوتاه را در قسمت قرار دهید کد کوتاه اسلایدر کادر و کلیک کنید ذخیره کنید دکمه اکنون تصاویر محصول در فروشگاه شما قابل مشاهده خواهد بود.

مرحله 4: پیش نمایش را بررسی کنید

پیش نمایش را بررسی کنید

پس از تکمیل تمام سفارشی سازی ها، کلیک کنید ذخیره کنید و سپس پیش نمایش. این به شما امکان می دهد تجربه کاربر و اشتباهات طراحی را بررسی کنید تا تنظیمات نهایی خود را انجام دهید نمایش لغزنده های محصول قبل از انتشار

خروجی


با استفاده از EasyDisplay: Product Showcase اسلایدر محصول را ایجاد کنید

ابتدا نصب کنید EasyDisplay رایگان: برنامه نمایشگاه محصولات از فروشگاه برنامه Shopify

برنامه Easy Display را نصب کنید

از اینجا نصب کنید: EasyDisplay: Product Showcase App را دریافت کنید. حالا فقط روی دکمه Install کلیک کنید. همین.

پس از اتمام نصب، نوبت به شخصی سازی اسلایدر محصول می رسد. ابتدا به اپلیکیشن EasyDisplay: Product Showcase بروید. حالا بر روی دکمه ویترین. حالا پنجره را به شکل زیر مشاهده خواهید کرد:

نمایش آسان ویترین محصول سفارشی

حالا قرار دهید عنوان و محصول را انتخاب کنید > طرح بندی را انتخاب کنید > قالب ها را انتخاب کنید > و سفارشی کنید سبک شما پس از تکمیل سفارشی سازی، روی ذخیره کنید دکمه سپس لیستی از موارد ایجاد شده را مشاهده خواهید کرد.

EasyDisplay- ویترین محصول

حالا کپی کنید ویترین شناسه و برو به فروشگاه های آنلاین> تم> سفارشی می کند> بلوک افزودن برنامه (ویترین محصول را انتخاب کنید)> شناسه را جایگذاری کنید.

تماشای ویدیو: نحوه ایجاد ویترین محصول (اسلایدر، گالری، توصیه شده) برای Shopify به راحتی

اکنون تماشا کنید: تنظیمات پاسخگو دسکتاپ، تبلت و موبایل برای Shopify EasyDisplay: ویترین محصول

اکنون تماشا کنید: نحوه نمایش محصولات مرتبط در Shopify توسط EasyDisplay: نمایشگاه محصولات

به این ترتیب می توانید با استفاده از EasyDisplay Product Showcase به راحتی اسلایدرهای محصول ایجاد کنید.

سوالات متداول

چرا باید از اسلایدر Shopify استفاده کنید؟

استفاده از نوار لغزنده Shopify می تواند فروشگاه آنلاین شما را از چند جهت ارتقا دهد. اول، به شما امکان می دهد بسیاری از محصولات یا بنرهای تبلیغاتی را در یک فضای کوچک نشان دهید. این امر توجه را جلب می کند و پیام های کلیدی را به اشتراک می گذارد.

علاوه بر این، لغزنده ها اغلب به گزینه های ناوبری سفارشی مجهز هستند. این به کاربران این امکان را می دهد که به راحتی در محتوا جستجو کنند. علاوه بر این، لغزنده های Shopify را می توان برای مطابقت با زیبایی برند شما سفارشی کرد. ظاهری منسجم را تضمین می کند و در عین حال عملکردی را ارائه می دهد. به طور کلی، یک نوار لغزنده تجربه خرید پویاتری را برای مشتریان ارائه می دهد.

چگونه اسلایدرهای محصول می توانند فروش را افزایش دهند؟

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

کدام برنامه اسلایدر محصول Shopify بهترین است؟

را Slider Revolution & Sections برنامه بهترین انتخاب برای اسلایدر محصول در Shopify است.
این برنامه ارائه می دهد:

بیش از 300 قالب ممتاز برای ایجاد لغزنده های خیره کننده
سفارشی سازی بدون کد، استفاده از آن را آسان می کند.
ابزارهای ویرایش پیشرفته برای طراحی جلا
طرح های رایگان و پولی متناسب با نیازها و بودجه های مختلف

این یک راه عالی برای حرفه ای جلوه دادن فروشگاه شما و جذب خریداران بیشتر است.

من یک محتواساز و کپی رایتر مناسب سئو هستم با 7 سال تجربه. من به ساخت و مدیریت محتوای دیجیتالی ارزشمند اطمینان دارم. تجربه من همچنین شامل اجرای پروژه های سئو موفق، مدیریت تیم ها و به روز ماندن با آخرین روندهای بازاریابی دیجیتال و به روز رسانی سئو است.


منبع