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

دامنه یا نام سایت همان آدرس اینترنتی و اولین چیزی است که کاربر آن را درباره سایت شما به ذهن می‌سپارد؛ مانند rtl-theme.com. به همین دلیل انتخاب یک دامنه مناسب که معیار‌های شاخص و اصلی را دارد.
این موضوع در طراحی سایت‌های فروشگاهی اهمیت بیشتری دارد و باید جدی‌تر گرفته شود. در این جلسه از طراحی سایت فروشگاهی با وردپرس درباره مهمترین معیار‌های خرید دامنه با شما صحبت می‌کنیم. سپس به شما یاد می‌دهیم که چطور به وسیله ابزار‌ها دامنه خود را انتخاب کنید.

بعد از انتخاب و خرید هاست، برای اتصال دامنه به هاست باید حتما dns آن را ست کنید. DNS یک سیستم نامگذاری دامنه برای رایانه‌ها و منابع متصل به اینترنت است که نام‌های دامنه قابل خواندن برای انسان (مثل www.rtl-theme.com) را به آدرس‌های IP قابل خواندن ماشین (44.2.0.192) ترجمه می‌کند. بطور کلی وظیفه DNS«تبدیل نام دامنه به آدرس IP» است.

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

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

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

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

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

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

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

برای درک محصول متغیر به این مکالمه دقت کنید:

+ آقا این گوشی هواوی P40 PRO قیمتش چقدره؟
- رم 128GB؟
+ نه ا رم 256GB رو میخوام.

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

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

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

امروزه پیدا کردن محصولات با قیمت پایین‌تر، از همیشه راحت‌تر شده است. کاربران تنها با چند کلیک می‌توانند تخفیف‌های مورد نظر خود را پیدا کنند؛ در نتیجه استفاده از کوپن تخفیف در ووکامرس تأثیر شگفت‌انگیزی در میزان فروش شما خواهد داشت.

مراحل ایجاد کوپن در ووکامرس عبارتند از:

-فعال‌سازی کوپن در ووکامرس
-افزودن کوپن ووکامرس به فروشگاه
-تنظیمات کوپن تخفیف در فروشگاه ووکامرس

در این ویدیو تمام مراحل تعریف کوپن تخفیف ووکامرس برای طراحی سایت فروشگاهی را به طور کامل توضیح می‌دهیم.

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

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

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

یکی از صفحات مهم در طراحی سایت فروشگاهی، صفحات تکی محصولات هستند که با کلیک روی محصول وارد آن می‌شوید. آنچه در ویدیو سفارشی سازی صفحه محصول مشاهده می‌کنید:

-آموزش تنظیمات ستون کناری یا سایدبارها
-آموزش تنظیمات محصولات تکی (هدر، طرح صفحه محصول و تصاویر)
-آموزش اضافه کردن به گزینه‌های سبد خرید
-آموزش نمایش و پنهان کردن المان‌های صفحه محصول در قالب وودمارت
-آموزش تنظیمات و نمایش دکمه‌های اشتراک گذاری

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

xampp را با دقت ببینید و مراحل را به صورت عملی انجام دهید.

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

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

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

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

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

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

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

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

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

- تنظیمات عمومی افزونه دیجیتس برای ورود و عضویت
- تغییر فرم حساب کاربری ووکامرس به فرم دیجیتس
- فعالسازی و غیر فعالسازی فیلدهای فرم ورود و افزودن فیلدهای فرم ثبت نام
- تغییر ظاهر و استایل فرم‌های ورود و ثبت نام

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

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

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

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

-  تنظیمات عنوان‌ها و متای عمومی، تنظیمات عنوان و متا برای هر پست تایپ
-  تنظیمات ایندکس سریع لینک‌ها و تعریف انواع الگوهای اسکیما
- تنظیمات مدیریت دسترسی به تنظیمات افزونه رنک مث
- گزارش مانیتور 404 و ریدایرکت‌ها
- آنالیز سئو، نمایش امتیاز سئو سایت، توزیع کلمات کلیدی، کلمات پرتکرار و غیره
-  آمارها و ابزارهای بهینه‌سازی پایگاه‌داده و درون ریزی و برون بری تنظیمات افزونه

ظاهر پنل کاربری ووکامرس به صورت پیش‌فرض دارای امکانات ساده است. اگر تا به حال از سایت‌های فروشگاهی معتبر خرید کرده باشید حتما دیده‌اید که پنل آنها متفاوت با پنل پیش فرض است. برای حرفه‎‌ای‌تر کردن سایت فروشگاهی و افزودن امکانات بیشتر به حساب کاربری، افزونه‌های پنل کاربری مثل upanel مناسب هستند. در این بخش از طراحی سایت فروشگاهی، نحوه نصب افزونه upanel و تنظیمات آن را برای تغییر ظاهر پنل کاربری خواهیم دید.

- نصب افزونه پنل کاربری و تنظیمات منو داشبورد حساب کاربری
- افزودن لینک‌های سفارشی به داشبورد پنل کاربری
- اضافه کردن اعلان‌ها به پنل حساب کاربری
- تنظیمات پیامک و ورود و ثبت نام

همانطور که می‌دانید برای افزودن یک ویژگی جدید یا تغییر قیمت تعدادی از محصولات و کارهایی از این دست، امکان ویرایش تک تک محصولات وجود ندارد. مثلا برای کاهش قیمت دسته‌ای از محصولات در یک جشنواره می‌توانید با افزونه woo Bulk edit تغییرات گروهی را برای محصولات اعمال کنید. در این ویدئو همراه ما باشید.

- استفاده از فیلترها برای نمایش محصولات موردنظر
- ویرایش گروهی محصولات بر اساس ویژگی های موردنظر بر اساس دسته، برچسب و قیمت فروش
- گرد کردن قیمت محصول در ویرایش گروهی
- حذف یا اضافه کردن محصول از تنظیمات افزونه
- تبدیل محصولات متغیر به محصولات ساده

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

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

کلمات کلیدی همان عباراتی هستند که کاربران با آن محصول یا خدمت شما را سرچ می‌کنند. هنگام انتخاب کلمه کلیدی نباید بر اساس حدس و تصورات خودتان کلمات را انتخاب کنید. کلماتی را انتخاب کنید که سرچ بیشتری در میان کاربران دارند؛ ابزارهای رایگان و پولی زیادی وجود دارند که می‌توانید کلمات کلیدی مناسب و میزان سرچ ان ها را به دست آورید.

کیورد ریسرچ اهمیت زیادی دارد زیرا با هدف‌گذاری درست کلمات کلیدی و قرار گرفتن در نتایج اول فروش‌تان چند برابر می‌شود. با مشاهده این بخش از آموزش طراحی سایت فروشگاهی می‌توانید سرنوشت سئو سایتتان را تغییر دهید!

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

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