چگونه با یک WooCommerce Builder برای Elementor یک فروشگاه بسازیم

شما به دنبال سازنده WooCommerce برای Elementor هستید تا بتوانید فروشگاه خود را با استفاده از سازنده بصری قدرتمند Elementor ایجاد و سفارشی کنید.

با ShopReady، می توانید کل فروشگاه WooCommerce خود را با Elementor ایجاد و سفارشی کنید – حتی اگر فقط از نسخه رایگان Elementor استفاده می کنید!

اگر می خواهید درباره ShopReady بیشتر بدانید، می توانید بررسی کامل ShopReady ما را بررسی کنید.

با این حال، در این مقاله، ما بیشتر بر نحوه استفاده از ShopReady به عنوان سازنده WooCommerce برای Elementor تمرکز کرده‌ایم.

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

شما می توانید فروشگاهی به شکل زیر ایجاد کنید:

و می‌توانید همه چیز را با استفاده از Elementor سفارشی کنید، از جمله محصولات، سبد خرید و صفحات پرداخت (به علاوه خیلی بیشتر):

نحوه استفاده از ShopReady به عنوان سازنده WooCommerce برای Elementor

بدون مقدمه، بیایید مستقیماً به آموزش گام به گام خود بپردازیم.

مجدداً، اگر می‌خواهید قبل از رفتن به آموزش بیشتر در مورد ویژگی‌های فراوان در ShopReady بدانید، می‌توانید بررسی کامل ShopReady ما را بخوانید.

و هر زمان که انتخاب کردید آن را امتحان کنید، می توانید با استفاده از کد کوپن انحصاری 30٪ تخفیف دریافت کنید WPMayor30 در پرداخت

1. فروشگاه اصلی WooCommerce خود را ایجاد کرده و Elementor را نصب کنید

اگر قبلاً این کار را انجام نداده اید، اولین قدم شما این است که فروشگاه اصلی WooCommerce خود را راه اندازی کنید.

شما می‌خواهید میزبانی ووکامرس با کیفیت را انتخاب کنید، ووکامرس را نصب کنید، ویزارد راه‌اندازی را مرور کنید، محصولاتی را اضافه کنید و غیره.

اگر در اینجا به کمک نیاز دارید، می‌توانید راهنمای ما برای راه‌اندازی فروشگاه WooCommerce را بررسی کنید.

هنوز نگران انتخاب یک تم WooCommerce یا سفارشی کردن طراحی نباشید، زیرا Elementor و ShopReady برای این کار هستند. فقط روی تنظیم موارد در باطن تمرکز کنید تا یک فروشگاه کارآمد، هرچند اساسی، داشته باشید.

پس از انجام این کار، می خواهید افزونه Elementor را نیز نصب کنید.

با ShopReady، شما آزاد هستید که فقط از نسخه رایگان Elementor استفاده کنید.

یا، اگر قبلاً Elementor Pro را دارید، می توانید آن را نیز نصب کنید – ShopReady با هر دو نسخه به خوبی کار می کند.

2. ShopReady را نصب کنید و همه چیز را فعال کنید

هنگامی که فروشگاه اصلی WooCommerce خود را راه اندازی کردید و Elementor را نصب کردید، آماده نصب ShopReady WooCommerce builder برای Elementor هستید.

یک نسخه رایگان از ShopReady در WordPress.org موجود است، و همچنین یک نسخه ممتاز که ویژگی های بیشتری را با شروع قیمت 75 دلار اضافه می کند.

برای این آموزش، نسخه Pro را نصب کرده ایم. با این حال، همان مراحل اولیه برای نسخه رایگان نیز اعمال خواهد شد، بنابراین حتی اگر از نسخه رایگان استفاده می کنید، باید بتوانید آن را دنبال کنید (ممکن است به برخی از ویژگی‌های پیشرفته‌تر دسترسی نداشته باشید و نتوانید بسیاری از قالب‌ها را سفارشی کنید.).

پس از فعال کردن افزونه، یک افزونه جدید دریافت خواهید کرد ShopReady منو در داشبورد وردپرس شما.

اگر به قسمت اصلی بروید ShopReady در منو، یک رابط با مناطق مختلف دریافت خواهید کرد که می توانید ویجت ها، ماژول ها و قالب های مختلف را فعال کنید.

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

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

فعال کردن آن بسیار مهم است وارد کننده نسخه ی نمایشی ماژول، زیرا این به شما امکان می دهد به الگوهای فروشگاه از پیش ساخته شده ShopReady دسترسی داشته باشید (اگرچه همیشه می توانید همه چیز را از ابتدا سفارشی کنید).

هنگامی که شما را فعال کنید وارد کننده نسخه ی نمایشی ماژول، از شما می خواهد که افزونه Demo Importer را نصب کنید، که باید انجام دهید.

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

توجه – اگر می خواهید قالب های خود را از ابتدا با استفاده از Elementor طراحی کنید، می توانید از این روند صرف نظر کنید.

3. یک الگو را وارد کنید تا به عنوان پایگاه فروشگاه شما عمل کند

اکنون، می توانید به آن سر بزنید ابزارها → نصب محتوای آزمایشی برای نصب یکی از سایت های نمایشی از پیش ساخته شده ShopReady.

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

پس از وارد کردن نسخه ی نمایشی، می توانید همه چیز را با استفاده از Elementor به طور کامل سفارشی کنید.

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

برای این آموزش، ما استفاده خواهیم کرد نسخه ی نمایشی V1:

و دقیقاً مانند آن، فروشگاه شما باید دقیقاً شبیه نسخه آزمایشی باشد:

4. قالب های فروشگاه خود را با Elementor سفارشی کنید

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

برای دسترسی به همه قالب‌های مختلف فروشگاه خود، به آدرس زیر بروید ShopReady منطقه را در داشبورد وردپرس خود انتخاب کنید و سپس آن را انتخاب کنید قالب ها برگه

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

• تولید – محصول – الگوی یک صفحه محصول واحد.
• خرید کنید – الگوی صفحه اصلی فروشگاه.
• فروشگاه آرشیو – الگوی صفحه ای که همه محصولات شما را فهرست می کند.
• سبد خرید / سبد خالی – قالب های مراحل مختلف سبد خرید شما.
• وارسی – الگوی صفحه پرداخت شما.
• حساب من – الگوی صفحه حساب کاربری خریدار.

با این حال، نکته خوب در مورد ShopReady این است که به شما امکان کنترل بسیاری از قالب‌های دیگر مانند Quickview محصول، لیست علاقه مندی‌ها و موارد دیگر را می‌دهد.

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

همچنین می توانید قالب های جدیدی ایجاد کنید و از چندین قالب در قسمت های مختلف فروشگاه خود استفاده کنید:

ShopReady اکنون رابط Elementor را راه اندازی می کند.

برای کنترل طراحی، می توانید از رابط معمولی Elementor و تمام گزینه های طراحی آن استفاده کنید.

تفاوت اصلی این است که ShopReady نیز به شما می دهد تن ویجت های عمومی و ویجت های اختصاصی WooCommerce که می توانید در طراحی های خود استفاده کنید. شما می توانید اینها را در انواع مختلف پیدا کنید خرید آماده است نواحی رابط Elementor:

هر ویجت نیز تنظیمات منحصر به فرد خود را خواهد داشت.

به عنوان مثال تصویر کوچک با زوم ویجت به شما امکان می دهد تصاویر محصول را با چیدمان ها و تنظیمات مختلف نمایش دهید:

وقتی کارتان تمام شد، مطمئن شوید که تغییرات خود را ذخیره کرده اید.

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

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

5. تنظیمات سایت را سفارشی کنید

ShopReady علاوه بر اینکه به شما امکان می‌دهد قالب‌های فردی را با Elementor سفارشی کنید، گزینه‌هایی را نیز به منوی تنظیمات سایت Elementor اضافه می‌کند. می توانید با کلیک کردن روی نماد همبرگر در گوشه سمت چپ بالای رابط Elementor و انتخاب به تنظیمات سایت Elementor دسترسی پیدا کنید. تنظیمات سایت.

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

در ابتدا تنظیمات به دو بخش تقسیم می شوند: ShopReady و ShopReady General & PopUp.

اگر روی آن مناطق کلیک کنید، تعدادی گزینه اضافی دریافت خواهید کرد. برای مثال، می‌توانید رفتار سبد خرید کوچکی را که می‌توانید با ShopReady اضافه کنید، کنترل کنید:

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

همچنین می توانید با رفتن به هدر و پاورقی خود را کنترل کنید ShopReady → Header Footer در داشبورد وردپرس شما

استفاده از WooCommerce Builder را برای Elementor امروز شروع کنید

کاربران Elementor را به دلیل رابط سازنده بصری قدرتمند آن با کشیدن و رها کردن دوست دارند.

با ShopReady، می‌توانید از قدرت آن سازنده برای طراحی و سفارشی کردن فروشگاه WooCommerce خود استفاده کنید، حتی اگر فقط از نسخه رایگان Elementor استفاده می‌کنید.

اگر برای شروع آماده هستید، از دکمه زیر برای دانلود ShopReady استفاده کنید و سپس این آموزش را دنبال کنید تا فروشگاه WooCommerce خود را ایجاد کنید.

جایزه: با استفاده از کد کوپن انحصاری، 30٪ تخفیف در ShopReady دریافت کنید WPMayor30 در پرداخت