اگر به دنبال طراحی صفحه پرداخت با المنتور هستید احتمالاً می‌دانید که به طور کلی برای طراحی صفحات وب‌سایت در سیستم محتوایی وردپرس افزونههای بسیاری وجود دارد. افزونه‌هایی که با کمک آن‌ها بتوانید به راحتی شکل و ظاهر صفحه‌‌‌ی مدنظر خود را شخصی‌سازی کنید و از این طریق از لحاظ بصری، درج و دریافت اطلاعات لازم جذابیت و کارایی بیشتری را مقابل چشم مخاطب قرار بدهید. در این میان المنتور یکی از صفحه سازهایی محسوب می‌شود که به شکل حرفه‌ای امکان ساخت قالب‌ها و فرم‌های تسویه حساب و قرار دادن درگاه پرداخت را هم مهیا می‌کند.
از طرفی اگر بخواهید با المنتور صفحه‌ای بسازید و به‌صورت غیر فروشگاهی بازدیدکنندگان را به صفحه پرداخت هدایت کنید امکان قرار دادن لینک پرداخت اینترنتی وجود دارد؛ بنابراین برای طرح ریزی صفحات خود به‌خصوص صفحه پرداخت یا برگه تسویه حساب، استفاده از افزونه المنتور می‌تواند بهترین گزینه باشد. از این جهت در ادامه‌ی این مطلب قصد داریم به موضوع طراحی صفحه پرداخت با المنتور بپردازیم.
آنچه در این مقاله می‌خوانید
ویژگی‌های افزونه المنتور در طراحی صفحه پرداخت
همان‌طور که می‌دانید المنتور یک افزونه صفحه ساز پیشرفته است که در سال‌های اخیر محبوبیت ویژه‌ای بین کاربران پیدا کرده است. این پلاگین امکانات بسیاری دارد، طوری که به آسانی می‌توانید به طراحی صفحات و برگه‌های مختلف در وردپرس از جمله برگه سبد خرید ووکامرس، برگه تسویه حساب و حساب کاربری بپردازید، اما به طور خلاصه ویژگی‌های المنتور که در طراحی صفحه پرداخت هم کارایی دارد شامل موارد زیر است:
۱. از ویژگی‌های مهمی که صاحبان فروشگاه‌های اینترنتی را به سمت المنتور می‌‌کشد افزونههای جانبی و قابلیت‌های مختلف این پلاگین است که امکانات مناسبی برای داشتن ویجکت‌های گرافیکی و کاربردی را می‌دهد، از طرفی در شخصی سازی صفحه پرداخت، نسخه‌ی المنتور پرو از قالب‌های متنوع برای برگه تسویه حساب برخوردار است.
۲. امکان ویرایش لایو از دیگر ویژگی‌های مهمی به شمار می‌رود که با کمک آن شما به عنوان کاربر این امکان را دارید همان‌طور که در حال ویرایش هستید تغییرات اعمال شده را هم مشاهده کنید.
۳. سرعت بالا در ویرایش
۴. امکان طراحی صفحات در انواع سایت‌های فروشگاهی یا غیر فروشگاهی
چرا کاربران طراحی صفحه پرداخت خود را با المنتور انجام می‌دهند؟
مسلماً شکل ظاهری و ترتیب و نظمی که در اطلاعات صفحات وب سایت شمابه نمایش درمی‌آید تاثیر زیادی در جذب و ترغیب مشتری خواهد داشت، در این راستا طراحی صفحه پرداخت هم از این قاعده مستثنا نیست و المنتور نیاز شما را در دو حالت رفع می‌کند.
حالت اول این است که شما به عنوان دارنده‌ی فروشگاه اینترنتی در فضای ووکامرس برای سفارشی سازی به کدهای css و برنامه نویسی احتیاج نخواهید داشت و از این جهت یک انتخاب عالی به شمار می‌رود. از طرفی روند سفارشی سازی فرم پرداخت کمی وقت‌گیر است و بسیاری از صاحبان فروشگاه‌های اینترنتی و شاید خود شما ممکن است فرصت کافی فرصت کافی برای این کار را نداشته باشید؛ بنابراین باید بدانید که Elementor به ویژه در ورژن‌های جدید سرعت ویرایش را بالا می‌برد.
در حالت دوم در صورت ایجاد صفحه با المنتور به شکل غیر فروشگاهی و هدایت بازدیدکنندگان به صفحه پرداخت می‌توانید از سرویس لینک پرداخت استفاده کنید، یعنی بعد از تهیه لینک پرداخت از شرکت‌های پرداخت‌یار باید یک دکمه پرداخت با المنتور در صفحه قرار بدهید و آن را به درگاه تهیه شده لینک کنید.
همان طور که می‌دانید برای اینکه مشتریان راضی داشته باشید تا مجدد به فروشگاه آنلاین شما بازگردند، بهترین کار تمرکز روی تجربه کاربری مشتری است. برای انجام این منظور، باید مطمئن بشوید که فروشگاه آنلاین شما سریع و روان بارگیری می‌شود و به راحتی قابل درک است.
به همین دلیل، ساده کردن صفحه پرداخت ووکامرس برای بهبود تجربه مشتریان سایت بسیار مهم است. خوشبختانه، انجام این کار بسیار آسان است و نیازی به مهارت کدنویسی ندارد!
نحوه طراحی صفحه پرداخت ووکامرس با المنتور در 5 دقیقه
وقتی مشتری شما محصولات و خدمات مد نظرش را به سبد خرید اضافه می‌کند در ادامه‌ی فرایند خرید وارد صفحه تسویه حساب می‌شود و یک سری اطلاعات خواسته شده را وارد می‌کند، بعد از تکمیل این صفحه با زدن دکمه پرداخت یا تسویه حساب وارد درگاه پرداخت می‌شود. دقیقاً شما برای جذب و ترغیب بیشتر مشتری و گرفتن اطلاعات مورد نیاز خود در صفحه تسویه حساب باید گزینه‌ها و فیلدهای مد نظرتان را به بهترین حالت داشته باشید. برای این منظور باید مراحل زیر را اعمال کنید:
پیش‌نیازهای طراحی صفحه پرداخت با المنتور
برای طراحی یک صفحه پرداخت ووکامرس، ابتدا باید مطمئن شوید که افزونههای وردپرس زیر را نصب کرده‌اید:
WooCommerce : بدیهی است که بدون نصب افزونه ووکامرس نمی‌توانید یک فروشگاه ووکامرس راه‌اندازی کنید؛ بنابراین مطمئن شوید که این افزونه را نیز نصب و فعال کرده‌اید.
درگاه پرداخت : برای اتصال به شبکه بانکی و پرداخت نیاز است که درگاه پرداخت را دریافت و در سایت خود نصب نمایید، آموزش و دانلود افزونه درگاه پرداخت را مشاهده نمایید.
Elementor : برای راه اندازی فروشگاه ووکامرس بدون نیاز به کدنویسی، صفحه ساز المنتور را نصب و فعال کنید.
Essential Addons for Elementor : این افزونه شامل هزاران عنصر یا ویجت جالب و مفید برای وب سایت شما است. برای این آموزش، به ویجت EA Woo Checkout برای طراحی سریع صفحه پرداخت ووکامرس خود نیاز دارید.
اکنون که تمامی افزونههای ذکر شده در بالا را نصب و فعال کرده اید، زمان آن رسیده است که صفحه پرداخت ووکامرس خود را ایجاد کنید.
مرحله 1: یک صفحه جدید را به عنوان صفحه پرداخت ووکامرس خود اختصاص دهید
افزونه ووکامرس با یک صفحه پرداخت پیش فرض ارائه می‌شود. اما برای طراحی صفحه پرداخت دلخواه خود با EA Woo Checkout، باید صفحه پیش فرض پرداخت را با صفحه دیگری از خود جایگزین کنید.
برای انجام این کار، یک صفحه جدید از داشبورد وردپرس خود ایجاد کنید؛ سپس به WooCommerce ->Settings بروید و روی زبانه “Advanced” کلیک کنید. از اینجا می‌توانید صفحه مورد نظرتان را به عنوان صفحه پرداخت اختصاص دهید. به سادگی روی گزینه Checkout page کلیک کنید و در ادامه هر یک از صفحات را از منوی کشویی به عنوان صفحه پرداخت ووکامرس خود انتخاب کنید.
مرحله 2: EA Woo Checkout را فعال کنید
در مرحله بعد، باید افزونه EA Woo Checkout را فعال کنید. برای انجام این کار، باید صفحه پرداخت خود را با استفاده از المنتور ویرایش کنید. عنصر “EA Woo Checkout” را از گزینه “جستجو” در زیر برگه “ELEMENTS” پیدا کنید.
اکنون تنها کاری که باید انجام دهید این است که فقط عنصر “Woo Checkout” را به صفحه خود اضافه کنید.
وقتی که عنصر را به هر بخش از صفحه خود بکشید و رها کنید، این طرح‌بندی پیش فرض است که خواهید دید.
مرحله 3: محتوای صفحه پرداخت Woo خود را ویرایش کنید
اکنون که عنصر EA Woo Checkout را با موفقیت فعال کرده اید، می توانید ویرایش محتوای صفحه پرداخت Woo را شروع کنید. در زیر برگه «محتوا» چندین گزینه مانند تنظیمات عمومی، جزئیات سفارش و موارد دیگر را مشاهده خواهید کرد. شما به راحتی قادر هستید این تنظیمات را برای سفارشی کردن محتوای صفحه Woo Checkout خود هر طور که می خواهید پیکربندی کنید.
می توانید جزئیات بیشتری در مورد نحوه پیکربندی تنظیمات محتوای EA Woo Checkout در صفحه مستندات بیابید.
با نسخه حرفه‌ای این امکان را دارید که طرح‌بندی چند مرحله‌ای و طرح‌بندی تقسیم‌شده را نیز طراحی و ایجاد کنید.
توجه داشته باشید که طرح‌بندی چند مرحله‌ای و طرح‌بندی تقسیم‌شده با چند گزینه استایل اضافی همراه است تا صفحه Woo Checkout شما را منحصر به فرد و متمایز کند.
مرحله 4: صفحه پرداخت خود را سبک کنید
زمانی که ویرایش محتوای صفحه پرداخت خود را به پایان رساندید، وقت آن رسیده است که سبک آن را شروع کنید تا برای مشتریان خود جذاب‌تر به نظر برسد.
گزینه‌های زیادی وجود دارد تا با کمک آن‌ها سبک مد نظر خود را برای صفحه پرداخت پیاده‌سازی کنید. برای این کار و سفارشی سازی قسمت‌های مختلف کافی است از طریق تب ‘Style’ اقدام کنید. در این مسیر گزینه‌های مختلفی مانند «عنوان بخش»، «جزئیات سفارش»، «ورود»، «کوپن» و موارد دیگر را خواهید دید.
تنها با چند کلیک این امکان را دارید که رنگ‌ها، تایپوگرافی و موارد بسیاری را تغییر دهید تا یک صفحه پرداخت Woo متمایز را برای مشتریان ارائه کنید.
مرحله 5: تغییرات خود را ذخیره کنید و نتیجه نهایی را مشاهده کنید
بعد از اتمام طراحی صفحه پرداخت با المنتور، مطمئن شوید که تغییرات را ذخیره کرده‌اید؛ البته می‌توانید پیش‌نمایش نتیجه نهایی را قبل از انتشار صفحه خود مشاهده کنید.
پرداخت خود را برای موبایل تنظیم کنید
بعد از اینکه تنظیمات سفارشی‌سازی صفحه پرداخت را برای کاربران دسک‌تاپ انجام دادید، بهتر است چک کنید که تنظیمات برای بازدیدکنندگان از طریق موبایل یا تبلت هم انجام شده است یا خیر؛ البته طراحی صفحه پرداخت شما به طور پیش فرض پاسخگو این مورد است. با این حال، می‌شود از کنترل‌های موبایل المنتور برای ایجاد تنظیمات لازم استفاده کرد.
کلمات پایانی
خودشه! شما آماده انتشار صفحه پرداخت با المنتور خود هستید. تنظیمات دلخواه، استایل و سبک دادن به صفحه پرداخت بیش از پنج دقیقه طول نمی‌کشد. از همه مهم‌تر اینکه برای انجام این کارها حتی نیازی به لمس یک خط کد ندارید!
این آموزش را دوست داشتید؟ نظر خود را در زیر با ما در میان بگذارید.
