آموزش صفر تا صد طراحی سایت فروشگاهی

"e-commerce website design"

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

فصل اول: مفاهیم مقدماتی طراحی وب فروشگاهی (ecommerce web design)
1 وب سایت های معروف طراحی شده با وردپرس

وردپرس (WordPress) سامانه مدیریت محتوا وردپرس به عنوان محبوب ترین و حرفه ای ترین CMS در دنیا شناخته می شود به طوری که بیش از 43% از کل وبسایت های دنیا با این سیستم مدیریت حرفه ای طراحی شده اند.
اینجا شاید برای شما هم جالب باشد که چه وبسایت هایی با وردپرس طراحی شده اند. وبسایت های بزرگ و معروفی که در این بین اسم بسیاری از آن ها مطمعناً به گوش شما خورده است. در اولین جلسه از آموزش طراحی وب سایت فروشگاهی رایگان استور وردپرس به معرفی این وبسایت ها میپردازیم.

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 از طریق هاست را به شما یاد می دهیم.

6 معیار های انتخاب قالب وردپرس فروشگاهی

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

7 بسته نصب آسان قالب وودمارت

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

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

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

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

دوره هیرو وردپرس 

9 تنظیمات و سفارشی سازی قالب

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

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

در این ویدئو شما می توانید سفارشی سازی قالب را از قسمت تنظیمات قالب وودمارت مشاهده کنید.

10 طراحی هدر سایت فروشگاهی

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

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

11 طراحی فوتر سایت فروشگاهی

فوتر یا پاورقی قسمت پایین سایت شماست. در فوتر بهتر است مواردی مثل: مطالب درباره ما، آدرس حضوری، لینک شبکه های مجازی، نماد ها (اینماد و نماد های اعتماد الکترونیک) و ... قرار گیرند.

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

در این جلسه از آموزش طراحی سایت فروشگاهی با وردپرس ایجاد فوتر با المنتور را آموزش می دهیم.

12 تنظیمات و پیکر بندی ووکامرس

افزونه ووکامرس (ووکامرس یک افزونه فروشگاه ساز متن باز تحت وردپرس می باشد) پرطرفدارترین پلاگین برای ساخت فروشگاه آنلاین موفق است.
30 %از 1 میلیون فروشگاههای آنلاین برتر دنیا از این افزونه استفاده کرده اند. معمولاً در زمان نصب بسته آسان قالب های فروشگاهی این افزونه به طور خودکار روی سایت شما نصب می شود. حالا برویم و پیکربندی ووکامرس را انجام دهیم.
برای این کار از مسیر پیشخوان> ووکامرس> پیکربندی به تنظیمات وردپرس می رویم. تب های مهم یعنی همگانی، محصولات و حساب کاربری را در این جلسه از آموزش طراحی سایت فروشگاهی بررسی می کنیم.

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 سئوی محصولات ووکامرس

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

5 چگونه دسته و برچسب ایجاد کنیم؟

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

6 اتصال سایت به سرچ کنسول

یکی از بهترین ابزارهای رایگان گوگل برای بررسی رتبه کلمات کلیدی سرچ شده، ایندکس صفحات، ثبت نقشه سایت در گوگل، بررسی خطاهای سایت، وضعیت موبایلتی و آنالیز سایت Search Console است.  مراحل اتصال سایت به سرچ کنسول و معرفی قسمت های مختلف این ابزار  را در این ویدئو ببینید.

✨با آموزش جامع استور وردپرس، طراحی سایت فروشگاهی خیلی راحتِ!👇

نکات مقدماتی و طلایی راه اندازی سایت وردپرسی را در ادامه ببینید.

آموزش های مقدماتی وردپرس را در دوره هیرو وردپرس مشاهده کنید...

بخشی از آموزش های مقدماتی مثل نوشتن مقاله، مدیریت رسانه ها، نصب وردپرس در لوکال هاست و ... را در دوره هیرو وردپرس مشاهده کنید.

دیدگاه ها افزودن دیدگاه
دیدگاهی برای این مطلب ثبت نشده است.