امروزه داشتن یک سایت از ضروریات برای هر کسب و کاری است و فروش بدون حضور در فضای آنلاین محکوم به نابودی است. اگر شما هم به دنبال طراحی سایت با وردپرس هستید، در این دوره 0 تا 100 طراحی سایت فروشگاهی را به صورت رایگان آموزش دهیم. در دوره استور وردپرس تمام مباحث مورد نیاز یک سایت فروشگاهی بر روی یک پروژه واقعی آموزش داده می‌شود. شما هم مرحله به مرحله با ویدئوها پیش بروید و سایتتان را راه اندازی کنید.
فصل اول: مفاهیم مقدماتی طراحی وب فروشگاهی (ecommerce web design)
1 معرفی وب سایت های معروف طراحی شده با وردپرس
وردپرس (WordPress) یک سامانه مدیریت محتوا است که به عنوان محبوب‌ترین و حرفه‌ای‌ترین CMS در دنیا شناخته می‌شود به‌طوری‌که بیش از 43% از کل وبسایت‌های دنیا با این سیستم مدیریت حرفه‌ای طراحی شده‌اند.
شاید برای شما هم جالب باشد که بدانید چه سایت‌هایی با وردپرس طراحی شده‌اند. سایت‌های بزرگ و معروفی مانند والت دیزنی، مایکروسافت و بسیاری سایت‌های معتبر دیگر با این cms طراحی شده‌اند. در اولین جلسه از آموزش طراحی سایت فروشگاهی استور وردپرس به معرفی این وبسایت‌ها میپردازیم.
2 سیر تا پیاز معیارهای خرید دامنه
دامنه یا نام سایت همان آدرس اینترنتی و اولین چیزی است که کاربر آن را درباره سایت شما به ذهن می‌سپارد؛ مانند rtl-theme.com. به همین دلیل انتخاب یک دامنه مناسب که معیارهای شاخص و اصلی را دارد.
این موضوع در طراحی سایت‌های فروشگاهی اهمیت بیشتری دارد و باید جدی‌تر گرفته شود. در این جلسه از طراحی سایت فروشگاهی با وردپرس درباره مهمترین معیارهای خرید دامنه با شما صحبت می‌کنیم. سپس به شما یاد می‌دهیم که چطور به وسیله ابزار‌ها دامنه خود را انتخاب کنید.
3 مهمترین معیارهای خرید هاست
یک ساختمان چند طبقه را در نظر بگیرید، این ساختمان روی چه چیزی استوار و محکم ایستاده است؟
بله پِی. پی ساختمان هرچقدر محکم‌تر باشد ساختمان ایمن‌تر خواهد بود. در تمامی سایت‌ها هاست حکم پی را دارد. هاست محل ذخیره‌سازی اطلاعات سایت شماست و هر درخواست کاربر در مورد سایت شما در آن پردازش و پاسخ داده می‌شود. همین موضوع می‌تواند شما را مجاب کند که در زمان خرید هاست به یکسری معیارهای مهم دقت کنید تا در ادامه به مشکلاتی مثل کمبود حافظه، پایین بودن سرعت، عدم پاسخگویی هاستینگ و ... برخورد نکنید.
در این ویدیو از آموزش طراحی سایت فروشگاهی با وردپرس مهمترین معیارهای انتخاب بهترین شرکت هاستینگ را می‌گوییم.
برای کسب اطلاعات درباره هزینه‌های یک سایت فروشگاهی مانند هزینه هاست، هزینه قالب و غیره، قیمت طراحی سایت فروشگاهی را مشاهده کنید.
4 آموزش اتصال دامنه به هاست
بعد از انتخاب و خرید هاست، برای اتصال دامنه به هاست باید حتما dns آن را ست کنید. DNS یک سیستم نامگذاری دامنه برای رایانه‌ها و منابع متصل به اینترنت است که نام‌های دامنه قابل خواندن برای انسان (مثل www.rtl-theme.com) را به آدرس‌های IP قابل خواندن ماشین (44.2.0.192) ترجمه می‌کند. بطور کلی وظیفه DNS«تبدیل نام دامنه به آدرس IP» است.
حالا که مفهوم DNS را فهمیدید باید برای دامنه سایت خود آدرس نیم سرورها را ست کنید. با این کار نام دامنه را به آی‌پی تبدیل می‌کنید. برای این کار کافی است وارد سامانه ایرنیک شوید و از قسمت دامنه‌های من DNSهای مورد نیاز را ست کنید. در این بخش از آموزش رایگان طراحی سایت فروشگاهی به تفصیل درباره اتصال دامنه به هاست صحبت می‌کنیم.
5 فعالسازی SSL سایت فروشگاهی
یکی از اقدامات اولیه برای طراحی هر سایت، فعالسازی گواهی SSL یا پروتکل HTTPS است. این گواهی، تمامی اطلاعات رد و بدل شده بین کاربر و مرورگر و همچنین درگاه پرداخت را ایمن و رمزنگاری می‌کند. به‌این‌ترتیب هکرها حتی در صورت دستیابی به این اطلاعات، قدرت و توانایی بازگشایی این هش‌ها را ندارند.
فعالسازی SSL یک راه امن برای خرید محصولات است و باعث اعتماد بیشتر کاربران به سایت شما می‌شود زیرا آنها دوست ندارند اطلاعات‌شان درز پیدا کند.
در این بخش از طراحی سایت فروشگاهی با وردپرس، روش فعالسازی گواهی SSL از طریق هاست را به شما آموزش می‌دهیم.
6 معیارهای انتخاب قالب وردپرس فروشگاهی
قالب یا پوسته همان ظاهر سایت است که کاربر در اولین نگاه بعد از ورود به سایت شما آن را می‌بیند. این ظاهر باید به بهترین شیوه ممکن طراحی و کد نویسی شده، قابل توسعه و سفارشی‌سازی باشد. زیرا بعد از نصب قالب وردپرس باید بتوانید بخشهای مختلف سایت از جمله چیدمان بخشهای مختلف سایت، تایپوگرافی،هدر، فوتر، فونت و رنگ و غیره را ویرایش کنید.
اکثر قالب‌ها امکان تغییر و سفارشی‌سازی قسمت‌های مختلف سایت را برای شما فراهم می‌کنند. اما در زمان خرید قالب برای طراحی سایت فروشگاهی باید معیارهایی را درنظر بگیرید که در این بخش به آنها اشاره می‌کنیم. معیارهایی که هرگز از دانستن آنها پشیمان نخواهید شد.
7 بسته نصب آسان قالب وودمارت
بهترین و آسان‌ترین راه برای ساخت یک سایت وردپرسی در چند دقیقه، استفاده از بسته نصب آسان است. بسته نصب آسان یک پکیج است که شامل فایل افزونه‌های موردنیاز قالب، فایل‌های اصلی قالب و فایل‌های دیگر است.
بسته نصب آسان به شما کمک می‌کند تا در عرض چند دقیقه یک سایت شبیه به دمو راه‌اندازی کنید. این کار در وقت و هزینه‌های شما صرفه‌جویی می‌کند چون لازم نیست طراحی سایت را برون‌سپاری کرده و هزینه زیادی را صرف انجام این کار کنید. در این بخش از آموزش طراحی سایت فروشگاهی، نحوه نصب دمو قالب وودمارت را با بسته نصبی یاد می‌گیرید.
8 ورود و آشنایی با بخش های مختلف پیشخوان وردپرس
اولین سوال بعد از نصب قالب این است که هر بار چطور وارد پنل مدیریت وردپرس سایت شوید؟ برای ورود به پیشخوان وردپرس، آدرس yourdomain/wp-admin را در مرورگر وارد کرده، سپس نام کاربری و رمز عبور را وارد تا محیط پیشخوان را مشاهده کنید.
بعد از ورود به بخش پیشخوان یا مدیریت وردپرس، باید بدانید که هر کدام از منوهای موجود در این بخش مربوط به کدام قسمت‌ها و تنظیمات سایت است. در این بخش از آموزش طراحی سایت فروشگاهی با بخش مدیریت وردپرس آشنا خواهید شد.
9 تنظیمات و سفارشی سازی قالب
قالب‌های وردپرس همانند یک سایت آماده هستند و سفارشی‌سازی قالب به راحتی امکان پذیر است و می‌توانید هرکدام از بخشهای مختلف سایت را مطابق با سلیقه‌تان تغییر دهید.
به طور مثال در قالب‌های رایگان برای تغییر در بخشهای هدر و فوتر سایت، یا باید کدنویسی کنید یا از افزونه‌های رایگان و پولی استفاده کنید، ولی در قالب‌های اورجینال مانند وودمارت این قابلیت وجود دارد که بتوانید تنظیمات و سفارشی‌سازی را روی قسمت‌های مختلف سایت به صورت زنده انجام دهید.
در این ویدیو شما می‌توانید نحوه سفارشی‌سازی قالب را از قسمت تنظیمات قالب وودمارت مشاهده کنید.
10 طراحی هدر سایت فروشگاهی
هدر یا سربرگ سایت نقش مهمی در انتقال تجربه کاربری و ناوبری بهتر در سایت شما دارد. اولین برداشت کاربران از سایت شما درباره هدر است و اگر به صورت حرفه‌ای طراحی شود، توجه کاربر را جلب می‌کند. در طراحی هدر شما می‌توانید هدر دلخواه را ایجاد کرده و تمام بخشهای آن را شخصی‌سازی کنید.
قرار دادن المان‌های مهم در هدر، مانند سبد خرید، نرخ تبدیل را افزایش داده و سئو سایت را بهبود می‌دهد. در این ویدیو با آموزش طراحی و ساخت هدر برای سایت فروشگاهی همراه ما باشید.
11 طراحی فوتر سایت فروشگاهی
فوتر یا پاورقی قسمت پایین سایت شماست. در فوتر بهتر است مواردی مثل: مطالب درباره ما، آدرس حضوری، لینک شبکه های مجازی، نماد ها (اینماد و نماد های اعتماد الکترونیک) و ... قرار گیرند.
برای ساخت فوتر روش‌های مختلفی وجود دارد. برخی از قالب‌ها فوتر و هدرساز دارند و شما می‌توانید به راحتی فوتر و هدر را ایجاد کنید. روش دیگر برای ساخت فوتر استفاده از صفحه‌سازهایی مانند المنتور و ویژوال کامپوزر است.
در این بخش از آموزش طراحی سایت فروشگاهی، نحوه ایجاد فوتر با المنتور را آموزش می‌دهیم.
12 تنظیمات و پیکربندی ووکامرس
افزونه ووکامرس یک پلاگین فروشگاه‌ساز متن باز برای سایت‌های طراحی شده با وردپرس است که برای فروش محصولات و خدمات به کار می‌رود. woocommerce پرطرفدارترین پلاگین برای ساخت فروشگاه آنلاین موفق است.
30% از یک میلیون فروشگاه‌های آنلاین برتر دنیا از این افزونه استفاده می‌کنند. این افزونه به صورت پیشفرض با نصب قالب‌های فروشگاهی، روی سایت شما نصب می‌شود.
برای پیکربندی ووکامرس به مسیر پیشخوان > ووکامرس > پیکربندی بروید تا به تنظیمات آن دسترسی داشته باشید. در این جلسه از آموزش طراحی سایت فروشگاهی درباره تنظیمات سربرگ‌های مهم ووکامرس یعنی همگانی، محصولات و حساب کاربری صحبت می‌کنیم.
13 ایجاد محصولات ساده در ووکامرس
برای خرید یک کتاب وارد کتاب خانه می‌شوید:
+ کتاب "من پیش از تو" جوجو مویز انتشار آتیسا رو دارین؟
- بله بفرمایید تا بیارم خدمتتون.
در این مثال دیدید که بعضی از محصولات ویژگی خاصی ندارند تا باعث تفاوت آنها با سایر محصولات شود. به محصولاتی که فقط یک نسخه یا یک تیپ از آنها وجود دارد محصولات ساده می‌گوییم. اضافه کردن این دسته از محصولات در سایت فروشگاهی کار خاصی ندارد. فقط کافی است نام محصول، توضیحات محصول، قیمت و سایر ویژگی‌های محصول را وارد کنید. در این بخش از طراحی سایت فروشگاهی با نحوه وارد کردن محصولات ساده در سایت آشنا می‌شوید.
14 ساخت محصولات متغیر در ووکامرس
برای درک محصول متغیر به این مکالمه دقت کنید:
+ آقا این گوشی هواوی P40 PRO قیمتش چقدره؟
- رم 128GB؟
+ نه ا رم 256GB رو میخوام.
بسیاری از محصولات از یک نوع، مانند مثال بالا، در یک یا چند ویژگی با هم متفاوت هستند. ویژگی‌های متمایزی مثل اندازه، وزن، سایز، رنگ و ... که در نهایت ممکن است باعث تغییر قیمت هر کدام از محصولات شوند. در طراحی سایت فروشگاهی با وردپرس برای ایجاد کردن این محصولات در ووکامرس باید از فیلد محصولات متغیر استفاده کنید. به راحتی ویژگی‌های متغیر هر محصول را از هم جدا کنید تا کاربر بر اساس ویژگی‌های موردنیاز، محصول خود را انتخاب کند.
15 تنظیمات روش های حمل و نقل
بعد از خرید مشتری محصول باید برای او بر اساس روشی که انتخاب کرده ارسال شود. سیستم حمل‌و‌نقل ووکامرس تا حد زیادی این موضوع را حل کرده است. حمل و نقل در ووکامرس در عین سادگی، کار آمد است و می‌تواند نیاز بسیاری از فروشگاه‌های نوپا را برطرف کند. مثلاً می‌توانید بر اساس استان محل سکونت مشتری‌تان مبلغ جداگانه ای را برای پست محصول از او دریافت کنید. همچنین با اعمال فیلترهای بیشتر، برای پست هر سبد خرید یک مبلغ مجزا را در نظر بگیرید.
در این بخش از آموزش طراحی سایت فروشگاهی، سیستم حمل و نقل در ووکامرس را با هم بررسی می‌کنیم.
16 ارسال رایگان و پیشرفته در ووکامرس
مشتریان همواره به دنبال سایت‌هایی هستند که در کنار ارایه محصولات با کیفیت، برای تعدادی از محصولات یا خریدهای بالاتر از یک مبلغ خاص، ارسال رایگان دارند. با داشتن شرایط ارسال رایگان، کاربران بیشتر به خرید محصولات ترغیب می‌شوند.
یکی از امکانات ووکامرس قابلیت ارسال رایگان محصولات است، این کار باعث جذب مشتریان بیشتر به فروشگاه و افزایش فروش اینترنتی می‌شود. شما می‌توانید برای مشتریان وفادار خود، برای اولین خرید هر شخص یا در مناسبت‌های مختلف، ارسال رایگان در سایت قرار دهید، ارسال رایگان باعث تشویق به خرید مشتریان نیز می‌شود. در این جلسه از آموزش طراحی سایت فروشگاهی درباره تنظیمات حمل‌و‌نقل رایگان صحبت می‌کنیم.
17 فروشگاه محصولات مجازی
محصولات مجازی محصولاتی هستند که نیازی به دانلود ندارند؛ مانند کارت شارژ، لایسنس، خرید بلیط وبینار و سایر محصولات مشابه.
برای ایجاد محصولات مجازی در سایت فروشگاهی مانند محصولات ساده و دانلودی عمل کنید؛ از قسمت پیشخوان > محصولات می‌توانید نوع آن را مشخص کنید و برای آن سایر تنظیمات را مانند سایر محصولات انجام دهید. در این ویدیو طراحی سایت فروشگاهی درباره محصولات مجازی به تفصیل صحبت می‌کنیم.
18 ایجاد کوپن تخفیف
امروزه پیدا کردن محصولات با قیمت پایین‌تر، از همیشه راحت‌تر شده است. کاربران تنها با چند کلیک می‌توانند تخفیف‌های مورد نظر خود را پیدا کنند؛ در نتیجه استفاده از کوپن تخفیف در ووکامرس تأثیر شگفت‌انگیزی در میزان فروش شما خواهد داشت.
مراحل ایجاد کوپن در ووکامرس عبارتند از:
-فعالسازی کوپن در ووکامرس
-افزودن کوپن ووکامرس به فروشگاه
-تنظیمات کوپن تخفیف در فروشگاه ووکامرس
در این ویدیو تمام مراحل تعریف کوپن تخفیف ووکامرس برای طراحی سایت فروشگاهی را به طور کامل توضیح می‌دهیم.
19 کار با ابزارک های وردپرس
ابزارک‌ها یا ویجت‌ها المان‌هایی هستند که یک ویژگی خاص را به سایت شما اضافه می‌کنند. ویجت‌ها می‌توانند به بخشهای مختلف سایت شما اضافه شوند و تجربه کاربری بهتری را به بازدیدکنندگان ارائه دهند.
پس از نصب قالب فروشگاهی به ابزارک‌های WooCommerce دسترسی خواهید داشت که می‌توانید آنها را به بخشهای مختلف مثل سایدبار سایت فروشگاهی خود اضافه کنید. برای دسترسی به ابزارک‌ها در پیشخوان به مسیر نمایش > ابزارک ها بروید.
هر سوال و ابهامی درباره ابزارک‌ها و کار با آن دارید ویدیو را مشاهده کنید.
20 آموزش اتصال درگاه پرداخت به فروشگاه اینترنتی
اصلی‌ترین مساله سایت‌های فروشگاهی فروش است. برای تکمیل فرایند خرید مشتریان و فروش محصولات، اتصال سایت به درگاه‌های پرداخت آنی ضروری است.
درگاه‌های پرداخت به دو درگاه مستقیم و غیرمستقیم تقسیم می‌شوند. درگاه‌های پرداخت مستقیم برای فروش، مبلغی را به عنوان پورسانت دریافت نمی‌کنند اما پروسه دریافت آنها کمی طولانی و شاید سخت باشد.
پروسه دریافت درگاه پرداخت بانکی از درگاه‌های پرداخت غیر مستقیم راحت‌تر و سریع‌تر است اما این شرکت‌ها مبلغی را به عنوان کارمزد از شما دریافت می‌کنند.
در این جلسه از آموزش طراحی سایت فروشگاهی رایگان به شما درگاه های پرداخت را معرفی می‌کنیم تا بتوانید سایتتان را به درگاه پرداخت متصل کنید.
فصل دوم: ووکامرس پیشرفته (WooCommerce advanced)
1 آموزش درون ریزی محصولات ووکامرس از طریق اکسل
آیا تا به حال با چالش وارد کردن تعداد زیاد محصول به سایت مواجه بوده اید؟ مثلا 3000 محصول!
وارد کردن این تعداد محصول به صورت تکی و دستی کاری کسل کننده و زمانبر است. با برون سپاری به افراد دیگر به ازای وارد کردن هر محصول باید 5000 تومان هم پرداخت کنید که هزینه آن حدود 15000000!! خواهد شد و اصلا به صرفه نیست.
راه ساده‌تر برای وارد کردن تعداد بالای محصولات استفاده از افزونه وردپرسی است. با افزونه می‌توانید محصولات را از طریق فایل اکسل در کمترین زمان ممکن درون ریزی کنید. با مشاهده ویدیو این بخش از آموزش طراحی سایت فروشگاهی در سریع‌ترین زمان و با کمترین هزینه هر تعداد محصول را که بخواهید در سایت فروشگاهی درون ریزی کنید.
2 سفارشی سازی صفحه محصولات ووکامرس
صفحه فروشگاه مهمترین بخش سایت است که همه محصولات در آن نمایش داده می‌شوند. برای تنظیم بخشهای مختلف فروشگاه در طراحی سایت فروشگاهی با وردپرس، این ویدیو را مشاهده کنید که سرفصل‌های آن عبارتند از:
-تنظیمات ابزارک‌ها و سبد خرید، تنظیمات جست و جو محصول
-تنظیمات قیمت محصولات متغیر، خرید سریع، نمایش محصولات به صورت کاتالوگ، شرایط مشاهده قیمت
-آموزش ویژگی Swatches برای نمایش و استفاده از تصاویر محصولات متغیر
-تنظیمات مشاهده سریع در دسته محصولات، امکان فعالسازی مقایسه محصولات در سایت، علاقمندی‌ها
3 سفارشی سازی آرشیو محصولات ووکامرس
شما می‌توانید در بخش سفارشی‌سازی آرشیو محصولات، با تعیین نوع ساختاربندی و چیدمان آنها، استایل نمایش محصولات و دسته‌بندی‌ها را تغییر دهید. در این ویدیو از آموزش طراحی سایت فروشگاهی تنظیمات زیر را مشاهده می‌کنید:
-نحوه و ظاهر نمایش محصولات گرید
-استایل‌های محصولات، هاور تصاویر و نمایش اطلاعات محصول در صفحه
-انتخاب سبک‌های دسته بندی
-تنظیم فیلترهای فروشگاه
4 سفارشی سازی صفحه تکی محصولات ووکامرس
یکی از صفحات مهم در طراحی سایت فروشگاهی، صفحات تکی محصولات هستند که با کلیک روی محصول وارد آن می‌شوید. آنچه در ویدیو سفارشی سازی صفحه محصول مشاهده می‌کنید:
-آموزش تنظیمات ستون کناری یا سایدبارها
-آموزش تنظیمات محصولات تکی (هدر، طرح صفحه محصول و تصاویر)
-آموزش اضافه کردن به گزینه‌های سبد خرید
-آموزش نمایش و پنهان کردن المان‌های صفحه محصول در قالب وودمارت
-آموزش تنظیمات و نمایش دکمه‌های اشتراک گذاری
5 سفارشی سازی تب محصولات ووکامرس
اگر بخواهید تب‌های دیگری به محصول اضافه کنید باید از تب سفارشی استفاده کنید که در انتهای صفحه محصولات قرار دارد و شامل قسمت توضیحات و نظرات و ... است. یک مثال از سفارشی‌سازی تب محصولات ووکامرس، فعال کردن ویدیوی راهنمای استفاده از محصول و یا جدول سایزبندی برای یک محصول خاص یا همه محصولات است.
در این ویدیو از آموزش طراحی سایت فروشگاهی با وردپرس می‌توانید با استفاده از افزونه به راحتی برای محصولاتتان زبانه‌های مختلف شامل ویدیوی معرفی محصول، متن، عکس، جدول راهنما و... را ایجاد کنید.
6 آموزش اضافه کردن محصولات گروهی در ووکامرس
اگر علاوه بر محصولات فیزیکی محصولات دانلودی را هم به فروش می‌رسانید یا محصولات شما توسط چند فروشنده ارایه می‌شوند بهترین راه این است که محصولات را به صورت گروهی ایجاد کنید. برای ایجاد محصولات گروهی در سایت فروشگاهی ویدیو این بخش به خوبی شما را راهنمایی می‌کند.
xampp را با دقت ببینید و مراحل را به صورت عملی انجام دهید.
7 مدیریت و سفارشی سازی فیلد های پرداخت ووکامرس
کاربران بعد از انتخاب محصول مورد نظر، وارد صفحه تسویه حساب یا checkout می‌شوند که باید اطلاعاتی مانند نام و آدرس پستی خود را وارد کنند.
این صفحه به صورت پیشفرض در ووکامرس وجود دارد اما بعضی از فیلدهای آن برای شما اضافی است و یا برخی فیلدهای مورد نظر شما را ندارد؛ مثلا شما در نظر دارید فیلد آدرس دوم را فقط برای افرادی که قصد هدیه دادن محصول را دارند نمایش دهید. در این ویدیو سفارشی‌سازی فیلدهای پرداخت برای طراحی سایت فروشگاهی با وردپرس را مشاهده کنید.
8 ساخت اسلایدر محصولات: بنری و تخفیف
اسلایدر یکی از المان‌های ضروری برای طراحی هر نوع سایت به‌خصوص سایت فروشگاهی است. اما اغلب در سایت‌های کسب‌و‌کار و سایت‌های فروشگاه آنلاین استفاده می‌شود.
از جمله مزیت‌های استفاده از اسلایدرها این است که صاحبان سایت‌ها می‌توانند محتوای مهم خود مثل محصولات را در یک اسلاید بصری در بالای صفحه سایت قرار دهند. همچنین کاربران سریعاً با دیدن اسلایدها، از موضوعات مهم و اصلی سایت باخبر می‌شوند.
اسلایدر وردپرس بصورت خودکار اسلایدها و تصاویر را بدون کلیک کردن کاربر با حرکت زمان‌بندی شده نمایش می‌دهد. علاوه بر این کاربر می‌تواند با کلیک کردن بر روی دکمه‌ها یا عکسهای کوچک، اسلایدر را به اسلایدهای بعدی و قبلی حرکت دهد.
در این بخش از آموزش طراحی سایت فروشگاهی، ساده‌ترین روش ساخت اسلایدر را با استفاده از افزونه المنتور آموزش می‌دهیم.
9 حذف مراحل اضافی خرید ( ویژه محصولات مجازی)
یکی از راه‌های بهبود تجربه کاربری، کوتاه کردن مراحل خرید برای محصولات مجازی است. کاربری که قصد خرید کارت شارژ دارد ترجیح می‌دهد بدون اینکه مراحل سبد خرید را بگذراند، مستقیما وارد مرحله پرداخت شود و سریعا پرداخت خود را انجام دهد.
در این جلسه آموزش طراحی سایت فروشگاهی با وردپرس، حذف مراحل اضافی خرید برای محصولات مجازی را با استفاده از افزونه مشاهده کنید.
10 انتخاب رنگ و سایز محصولات ووکامرس
همانطور که می‌دانید ووکامرس در حالت پیشفرض، برای انتخاب محصولات بر اساس رنگ، تصویر، اندازه و … یک حالت کشویی ساده دارد؛ این نمایش برای کاربر چندان جذاب نیست و برای محصولات متغیر به کار نمی‌آید. ولی شما می‌توانید با نصب افزونه WooSwatches، که برای افزودن ویژگی‌های محصول متغیر ووکامرس، به کار می‌رود امکان انتخاب گرافیکی براساس رنگ، تصویر، برند، اندازه و … را به کاربران خود بدهید. در واقع مشتری با انتخاب محصول بر اساس رنگ و اندازه، می‌فهمد که از یک محصول چند رنگ و اندازه وجود دارد تا بتواند رنگ محصول خود را انتخاب کرده و مشاهده نماید. در این ویدئو طراحی سایت فروشگاهی می‌توانید نحوه انتخاب محصولات بر اساس رنگ و سایز و ... را مشاهده کنید.
11 فیلتر پیشرفته محصولات ووکامرس
حتما برای شما هم پیش آمده که به دنبال برند یا رنگ خاصی از محصول در یک سایت باشید؛ برای مثال وقتی وارد سایتی برای خرید گوشی آیفون می‌شوید.
اگر عبارت گوشی آیفون را سرچ کنید، با همه مدل‌های گوشی آیفون در رنگ‌های مختلف با حافظه‌های متنوع مواجه می‌شوید و ممکن است دچار سردرگمی شوید. ولی اگر در همان سایت بتوانید به محض ورود، رنگ و مدل و حافظه گوشی مورد نظر خود را انتخاب کرده و دکمه سرچ را بزنید مستقیم به صفحه محصول مورد نظر خود هدایت می‌شوید. اینجاست که استفاده از فیلتر پیشرفته به کار می‌آید.
شما می‌توانید این امکان را با استفاده از افزونه فیلتر پیشرفته برای کاربران سایت خود ایجاد کنید. در این بخش از آموزش رایگان طراحی سایت فروشگاهی، به صورت کامل نحوه ایجاد فیلتر پیشرفته را مشاهده کنید.
12 آموزش ایجاد جستجوی ایجکس در ووکامرس
اگر وارد سایت دیجی کالا شده باشید حتما دیده‌اید که هنگام سرچ محصول مورد نظرتان و با تایپ هر کاراکتر، در یک لیست بازشو مجموعه‌ای از محصولات دیگر که حروف مشابه با آن محصول دارند، نمایش داده می‌شوند. این نوع از جستجو به جستجوی ایجکس یا هوشمند معروف است و برای سایت‌هایی که محصولات زیادی دارند بسیار کارآمد است.
مهمترین ویژگی جستجوی ایجکس این است که صفحه در هنگام سرچ رفرش نمی‌شود و مشتری سریع‌تر محصول مورد نظرش را پیدا می‌کند. این مساله تجربه کاربری سایت را بهبود می‌دهد.
در این ویدئوی آموزش طراحی سایت فروشگاهی با وردپرس درباره فعالسازی جستجوی ایجکس با استفاده از افزونه ایجکس پرو صحبت می کنیم.
فصل سوم: افزونه های ضروری سایت فروشگاهی (online shop plug-in)
1 ورود و عضویت با موبایل: نصب و راه اندازی دیجیتس
تحقیقات نشان می‌دهد آسان کردن روند ثبت‌نام باعث افزایش عضویت کاربران تا 63% بیشتر می‌شود. با افزایش احتمال ثبت‌نام کاربران در سایت فروشگاهی، فروش سایت نیز بالاتر خواهد رفت. افزونه دیجیتس با کاهش تعداد فیلدهای ثبت‌نام این هدف را محقق می‌کند. در این بخش از آموزش طراحی سایت فروشگاهی با وردپرس، نحوه ورود و عضویت با افزونه دیجیتس را خواهید دید که این ویدئو شامل:
- معرفی افزونه دیجیتس و ضرورت استفاده از آن در سایت فروشگاهی
- عضویت در پنل پیامکی و تایید حساب
- نصب افزونه دیجیتس
- اتصال پنل پیامکی به افزونه دیجیتس
2 ورود و عضویت با موبایل: سفارشی سازی فرم‌های ثبت نام و ورود
سفارشی‌سازی فیلدهای ثبت نام افزونه دیجیتس کمک می‌کند تا آن اطلاعاتی از کاربران را که نیاز دارید دریافت و جمع آوری کنید. برای اینکه فرم‌های ورود و عضویت خود را با دیجیتس سفارشی سازی کرده و فرم‌های حرفه‌ای تری ایجاد کنید، این بخش از آموزش طراحی سایت فروشگاهی با وردپرس را از دست ندهید.
- تنظیمات عمومی افزونه دیجیتس برای ورود و عضویت
- تغییر فرم حساب کاربری ووکامرس به فرم دیجیتس
- فعالسازی و غیر فعالسازی فیلدهای فرم ورود و افزودن فیلدهای فرم ثبت نام
- تغییر ظاهر و استایل فرم‌های ورود و ثبت نام
3 ورود و عضویت با موبایل: شورتکدها در افزونه دیجیتس
کدهای کوتاه یا شورتکدها یکی دیگر از تنظیمات ضروری در افزونه دیجیتس هستند که به شما کمک می‌کنند در هر برگه یا هر بخش از سایت که بخواهید امکانات افزونه را فعال کنید. در این بخش از آموزش طراحی سایت فروشگاهی، نحوه ایجاد برگه ورود و ثبت نام با استفاده شورتکدها را خواهید دید.
4 چندفروشندگی در ووکامرس: نصب، پیکربندی و تنظیمات دکان
چندفروشندگی یک امکان در طراحی سایت فروشگاهی با وردپرس است که کمک می‌کند از فروش محصولات فروشندگان دیگر در سایت خود پورسانت دریافت کنید. فروشندگان در سایت شما ثبت‌نام کرده و محصولات را در پنل خود قرار می‌دهند. افزونه دکان سایت شما را به یک سایت چند فروشگاهی مشابه دیجی کالا تبدیل می‌کند که در این بخش به نصب و پیکربندی این افزونه میپردازیم.
-نصب و پیکربندی دکان
- مدیریت درخواست برداشت، اطلاعیه ها، بازگشت وجه و غیره
- تنظیمات افزونه دکان شامل تنظیمات فروش و برداشت
5 چندفروشندگی در ووکامرس: کار با داشبورد فروشندگی دکان
در این جلسه از دوره آموزش طراحی سایت فروشگاهی با وردپرس می توانید همه تنظیماتی که فروشندگان بعد از ثبت نام به عنوان فروشنده در online shop شما باید انجام بدهند یا به عبارتی نحوه کار با داشبورد فروشندگان را در این بخش می توانید ببینید.
- نحوه ثبت نام فروشنده
- تنظیمات و ویرایش اطلاعات پنل فروشندگی
- ایجاد محصول در پنل فروشنده
- تخصیص یک محصول به چند فروشنده
- درخواست تسویه حساب
6 آموزش نصب و پیکربندی افزونه رنک مث
برای اینکه بتوانید در نتایج جستجو ظاهر شوید و به اصلاح صفحات‌تان در گوگل رتبه بگیرند، باید سایت خود را بهینه کنید. افزونه رنک مث یکی از افزونه‌های قدرتمند و نوظهور برای سئو سایت وردپرسی است که تنظیماتی مانند فعال کردن نقشه سایت، سئو تصاویر و پست‌ها، اسکیما، ریدایرکت‌ها، رتبه بندی کلمات کلیدی و غیره را دارد. در این بخش از طراحی سایت فروشگاهی ابتدا به نحوه نصب افزونه میپردازیم و سپس پیکربندی آن را توضیح می‌دهیم.
7 آموزش تنظیمات عمومی افزونه رنک مث
بعد از نصب و پیکربندی افزونه رنک مث نوبت به تنظیمات عمومی این افزونه می‌رسد. در این بخش از ساخت سایت فروشگاهی، تنظیمات کلی Rank math را مشاهده کنید.
- نحوه نمایش پیوندهای خارجی و تصاویر
- تنظیمات مسیر راهنما یا برد کرامپ، سئوی تصاویر و تصویر شاخص
- اتصال به ابزارهای وب مستر گوگل، بینگ، یادنکس و غیره
- امکان ویرایش فایل Robots.txt و htaccess
- تنظیمات سئو ووکامرس، سئو پادکست، لینک‌های 404 و ریدایرکت‌ها
- تنظیمات آنالتیکس، سرچ کنسول، گوگل ادسنس و هوش مصنوعی
8 آموزش تنظیمات پیشرفته افزونه رنک مث
تمامی آنچه درباره تنظیمات متا، نقشه سایت، لینک‌های 404 و غیره در افزونه رنک مث باید بدانید را در این جلسه از آموزش طراحی سایت فروشگاهی مشاهده خواهید کرد.
- تنظیمات عنوان‌ها و متای عمومی، تنظیمات عنوان و متا برای هر پست تایپ
- تنظیمات ایندکس سریع لینک‌ها و تعریف انواع الگوهای اسکیما
- تنظیمات مدیریت دسترسی به تنظیمات افزونه رنک مث
- گزارش مانیتور 404 و ریدایرکت‌ها
- آنالیز سئو، نمایش امتیاز سئو سایت، توزیع کلمات کلیدی، کلمات پرتکرار و غیره
- آمارها و ابزارهای بهینه‌سازی پایگاه‌داده و درون ریزی و برون بری تنظیمات افزونه
9 آموزش کار با افزونه رنک مث
شما می‌توانید تنظیمات سئو را برای همه پست تایپ‌های خود مانند نوشته‌ها، برگه‌ها و غیره انجام دهید. در این جلسه از آموزش طراحی سایت فروشگاهی، نحوه سئو کامل یک نوشته با رنک مث را می‌بینیم؛ تنظیمات سئو که شامل سئو پایه‌ای، نحوه استفاده از پیشنهاد هوشمند، تنظیمات عنوان، متا، تغییر مسیر، اسکیما و غیره هستند را در هر پست تایپ مثل نوشته‌ها خواهید دید.
10 تغییر ظاهر پنل کاربری ووکامرس
ظاهر پنل کاربری ووکامرس به صورت پیشفرض دارای امکانات ساده است. اگر تا به حال از سایت‌های فروشگاهی معتبر خرید کرده باشید حتما دیده‌اید که پنل آنها متفاوت با پنل پیش فرض است. برای حرفهایتر کردن سایت فروشگاهی و افزودن امکانات بیشتر به حساب کاربری، افزونه‌های پنل کاربری مثل upanel مناسب هستند. در این بخش از طراحی سایت فروشگاهی، نحوه نصب افزونه upanel و تنظیمات آن را برای تغییر ظاهر پنل کاربری خواهیم دید.
- نصب افزونه پنل کاربری و تنظیمات منو داشبورد حساب کاربری
- افزودن لینک‌های سفارشی به داشبورد پنل کاربری
- اضافه کردن اعلان‌ها به پنل حساب کاربری
- تنظیمات پیامک و ورود و ثبت نام
11 ساخت فاکتورهای سفارشی
برای اینکه طراحی سایت فروشگاهی را به صورت حرفه‌ای‌تری انجام دهید، بهتر است امکان دانلود فاکتور و پیش فاکتور را برای کاربران فراهم کنید. با استفاده از افزونه‌های نمایش فاکتور مثل فکتوری، کاربر می‌تواند در هر بخش از روند خرید یا بعد از خرید از پنل کاربری، فاکتور خود را مشاهده کند. در این بخش از آموزش طراحی سایت فروشگاهی درباره تنظیمات افزونه و سفارشی‌سازی فاکتور صحبت می‌کنیم؛ که سفارشی‌سازی بر اساس اطلاعات فروشگاه مثل لوگو، آدرس و کلیه اطلاعاتی قابل نمایش در فاکتور، انجام می‌شود. سپس نحوه دریافت فاکتور توسط کاربر و مدیریت فاکتورها را توضیح می‌دهیم.
12 ویرایش گروهی محصولات
همانطور که می‌دانید برای افزودن یک ویژگی جدید یا تغییر قیمت تعدادی از محصولات و کارهایی از این دست، امکان ویرایش تک تک محصولات وجود ندارد. مثلا برای کاهش قیمت دسته‌ای از محصولات در یک جشنواره می‌توانید با افزونه woo Bulk edit تغییرات گروهی را برای محصولات اعمال کنید. در این ویدئو همراه ما باشید.
- استفاده از فیلترها برای نمایش محصولات موردنظر
- ویرایش گروهی محصولات بر اساس ویژگی های موردنظر بر اساس دسته، برچسب و قیمت فروش
- گرد کردن قیمت محصول در ویرایش گروهی
- حذف یا اضافه کردن محصول از تنظیمات افزونه
- تبدیل محصولات متغیر به محصولات ساده
13 اضافه کردن کیف پول به فروشگاه
درگاه پرداخت یکی از امکانات ضروری در طراحی سایت فروشگاهی است. در هر بار خرید، مشتری به درگاه پرداخت متصل شده و باید اطلاعات پرداخت را تکمیل کند؛ این روند تا حدی زمانبر است. سایت‌های فروشگاهی حرفه‌ای برای اینکه روند پرداخت را برای کاربران آسان‌تر کنند از امکان شارژ کیف پول استفاده می‌کنند. در این ویدئو درباره تنظیمات کیف پول و فعالسازی آن در سایت فروشگاهی صحبت می‌کنیم.
- افزودن اعتبار به کیف پول کاربر
- بررسی درخواست‌های بازگشت وجه
- نحوه انجام درخواست برداشت وجه، بازگشت وجه از پنل کاربر
- نحوه انجام درخواست بازگشت وجه
14 ارسال تیکت در وردپرس
فروش پایان کار نیست و اگر به دنبال جلب رضایت مشتریان هستید وجود یک سیستم پشتیبانی مشتریان در سایت‌های فروشگاهی ضروری است. در این بخش از آموزش طراحی سایت فروشگاهی به نصب و راه‌اندازی سیستم ارسال تیکت در وردپرس با افزونه تیکتا میپردازیم.
- نصب و راه‌اندازی افزونه تیکتا
- آموزش افزودن و مدیریت دسته و برچسب تیکت و مقالات
- نحوه ارسال تیکت از پنل کاربر
- فیلتر تیکت‌ها و افزودن پاسخ‌های ذخیره شده و اطلاعیه‌ها
- تنظیمات عمومی تیکت و سفارشی سازی آنها
15 چت زنده در وردپرس
با افزونه ساپرت بورد می‌توانید تعداد بی‌نهایت پشتیبان تعریف کرده و چت آنلاین را مستقل از هر اپلیکیشن و برنامه کاربردی راه اندازی کنید. در این ویدئو طراحی سایت فروشگاهی، تنظیمات چت آنلاین در وردپرس را آورده ایم.
- نصب و فعالسازی افزونه ساپرت بورد
- مدیریت چت‌ها و پیام‌های ارسالی کاربر
- نحوه اضافه کردن کاربر و پشتیبان جدید و ویرایش اطلاعات آنها
- انجام تنظیمات چت مثل مخفی کردن چت خارج از ساعت کاری و غیره
- تنظیمات پیام‌ها مانند پیام خوشامدگویی به کاربر
- تنظیمات مدیر، اطلاعیه‌ها، کاربران و مقالات
- مشاهده گزارش مکالمات از دست رفته، زمان مکالمات، زمان
- پاسخگویی نماینده و غیره
تا اینجای آموزش شما موفق شدید که یک سایت فروشگاهی با امکانات مورد نیاز راه اندازی کنید. اگر میخواهید یک طراح سایت شوید پیشنهاد می کنیم در دوره طراحی سایت وردپرس شرکت کنید و بخشهای پیچیده‌تر از طراحی سایت را یاد بگیرید.
فصل چهارم: سئو سایت فروشگاهی (SEO for E-commerce Websites)
1 واکنشگرایی و بهینه سازی برای موبایل
با افزایش استفاده کاربران از موبایل، تبلت، لپ تاپ و سایر نمایشگرها وجود یک سایت ریسپانسیو ضروری است؛ تا در تمامی دستگاه‌ها به خوبی نمایش داده شود. اگر کاربران سایت شما را باز کنند و با المان‌های بهم ریخته یا فونت ناخوانا روبرو شوند، سایت را ترک می‌کنند. %67 کاربران از سایت‌هایی خرید می‌کنند که با موبایل سازگار هستند؛ بنابراین طراحی سایت ریسپانسیو اهمیت زیادی دارد. نکات مهم برای طراحی سایت فروشگاهی ریسپانسیو و نحوه بررسی ریسپانسیو بودن سایت را در این ویدئو ببینید.
2 تحقیق کلمه کلیدی یا Keyword Research
کلمات کلیدی همان عباراتی هستند که کاربران با آن محصول یا خدمت شما را سرچ می‌کنند. هنگام انتخاب کلمه کلیدی نباید بر اساس حدس و تصورات خودتان کلمات را انتخاب کنید. کلماتی را انتخاب کنید که سرچ بیشتری در میان کاربران دارند؛ ابزارهای رایگان و پولی زیادی وجود دارند که می‌توانید کلمات کلیدی مناسب و میزان سرچ ان ها را به دست آورید.
کیورد ریسرچ اهمیت زیادی دارد زیرا با هدف‌گذاری درست کلمات کلیدی و قرار گرفتن در نتایج اول فروش‌تان چند برابر می‌شود. با مشاهده این بخش از آموزش طراحی سایت فروشگاهی می‌توانید سرنوشت سئو سایتتان را تغییر دهید!
3 چگونه متن محصولات را بنویسیم؟
شما با روش‌های مختلفی تلاش می‌کنید تا کاربر را به سایتتان بیاورید و حالا که در صفحه محصول قرار دارد وقت آن است که او را متقاعد کنید که این محصول بهترین محصولی است که نیاز او را برطرف می‌کند. با ارائه توضیحات کامل در مورد محصول، کاربرد و ویژگی‌ها می‌توانید به سوالات کاربران پاسخ دهید و در نهایت کاربر بر روی دکمه افزودن به سبد خرید کلیک کند و محصول شما را بخرد.
یکی از نکات مهم در طراحی سایت فروشگاهی نحوه نگارش متن محصول است. در نوشتن متن محصولات باید بدانید مخاطب شما کیست؟ جزئیات محصول شما چیست؟ کاربر کی و کجا از محصول شما استفاده می‌کند و چرا محصول شما بهتر از رقباست؟
4 سئوی محصولات ووکامرس
شما دو روش برای افزایش فروش محصولات دارید: 1. صرف هزینه زیاد برای تبلیغات؛ 2.قرار گرفتن در نتایج اول موتورهای جستجو. گوگل یک ویترین برای نمایش محصولات شما به کاربرانی است که به دنبال خرید محصولات فروشگاه شما، نام، ویژگی یا کاربرد محصول را سرچ می‌کنند. یکی از مهمترین قسمت‌ها در آموزش سئو وردپرس سئوی اصولی محصولات است. مواردی مانند انتخاب کلمات کلیدی، توزیع مناسب کلمات کلیدی، انتخاب عنوان سئو و توضیح متا، انتخاب دسته و برچسب و سایر اقداماتی که در این جلسه آموزش طراحی سایت فروشگاهی به شما در قرار گرفتن در نتایج اول گوگل کمک می‌کنیم.
5 چگونه دسته و برچسب ایجاد کنیم؟
با ایجاد دسته‌بندی یا Categories در سایت، کاربران به راحتی می‌توانند محصول مورد نظر را انتخاب کنند، مدیریت محصولات راحت‌تر انجام می‌شود و تاثیر زیادی روی سئوی سایتتتان دارد. علاوه بر دسته می‌توانید برای محصولات یا مقالات برچسبیا tag ایجاد کنید؛ برچسب‌ها مانند دسته‌ها ساخته می‌شوند و شامل مجموعه‌ای از محصولات از دسته‌های مختلف هستند که ویژگی مشترک دارند. در این ویدئو از آموزش طراحی سایت فروشگاهی دسته و برچسب را تعریف می‌کنیم.
6 اتصال سایت به سرچ کنسول
یکی از بهترین ابزارهای رایگان گوگل برای بررسی رتبه کلمات کلیدی سرچ شده، ایندکس صفحات، ثبت نقشه سایت در گوگل، بررسی خطاهای سایت، وضعیت موبایلتی و آنالیز سایت Search Console است. در این بخش از طراحی سایت فروشگاهی، مراحل اتصال سایت به سرچ کنسول و معرفی قسمت‌های مختلف این ابزار را ببینید.
✨با آموزش جامع استور وردپرس، طراحی سایت فروشگاهی خیلی راحته!👇
نکات مقدماتی و طلایی راه اندازی سایت وردپرسی را در ادامه ببینید.
[cta_box_bg image=”{"url":"","alt":""}” color_background=”#ffcf69″ cta=”{"small":"true","true":{"title_bold":"","title":"\u0622\u0645\u0648\u0632\u0634 \u0647\u0627\u06cc \u0645\u0642\u062f\u0645\u0627\u062a\u06cc \u0648\u0631\u062f\u067e\u0631\u0633 \u0631\u0627 \u062f\u0631 \u062f\u0648\u0631\u0647 \u0647\u06cc\u0631\u0648 \u0648\u0631\u062f\u067e\u0631\u0633 \u0645\u0634\u0627\u0647\u062f\u0647 \u06a9\u0646\u06cc\u062f…","subtitle":"\u0628\u062e\u0634\u06cc \u0627\u0632 \u0622\u0645\u0648\u0632\u0634 \u0647\u0627\u06cc \u0645\u0642\u062f\u0645\u0627\u062a\u06cc \u0645\u062b\u0644 \u0646\u0648\u0634\u062a\u0646 \u0645\u0642\u0627\u0644\u0647\u060c \u0645\u062f\u06cc\u0631\u06cc\u062a \u0631\u0633\u0627\u0646\u0647 \u0647\u0627\u060c \u0646\u0635\u0628 \u0648\u0631\u062f\u067e\u0631\u0633 \u062f\u0631 \u0644\u0648\u06a9\u0627\u0644 \u0647\u0627\u0633\u062a \u0648 … \u0631\u0627 \u062f\u0631 \u062f\u0648\u0631\u0647 \u0647\u06cc\u0631\u0648 \u0648\u0631\u062f\u067e\u0631\u0633 \u0645\u0634\u0627\u0647\u062f\u0647 \u06a9\u0646\u06cc\u062f. "}}” button_text=”آموزش صفر تا صد وردپرس” button_link=”https://www.rtl-theme.com/free-wordpress-tutorial/” custom_classes=”” custom_css=”” _array_keys=”{"image":"image","cta":"cta"}” _made_with_builder=”true”][/cta_box_bg]
13 دیدگاه ها افزودن دیدگاه
ثبت دیدگاه