- Встановлення та перші конфігурації JoomShopping
- Створення категорій і продуктів
- Створення сторінок на сайті
- SEO та JoomShopping
Електронна комерція стає все більш важливим веб-сектором. Існує все більше сайтів, де вставляється розділ, присвячений продажу будь-яких об'єктів. Щоб створити віртуальний магазин, загалом, ми повинні думати про ці речі:
- Тип магазину;
- Продукти та їх категорії;
- Тип клієнтів, до яких звертається продаж;
- Продажі (наприклад, якщо вони є лише національними або навіть міжнародними);
- Ціни та будь-які податки;
- Види оплати і відвантаження;
- Будь-які знижки, що застосовуються до клієнтів.
JoomShopping є одним з найбільш використовуваних, найбільш повних і простих у використанні компонентів онлайн-покупок Joomla , Він сумісний з Joomla 1.5, 1.6, 1.7 і с Joomla 2.5 , Розроблений для продажу продукції різних типів (навіть музичних файлів), ми можемо відображати описи продуктів, зображення і навіть мультимедійні файли (відео або аудіо) в інтерфейсі. Інтегрує різні типи платежів, дозволяє мати рахунки-фактури у форматі PDF і, нарешті, оптимізовано для функцій SEO .
Встановлення та перші конфігурації JoomShopping
Щоб встановити компонент, після завантаження версії, яка нас цікавить, з сторінки розробника (де ми також знайдемо додаткові плагіни для Joomla Shopping), ми переходимо до заднього кінця нашого сайту, перейдіть до розширень -> Керування розширеннями і на вкладці Встановити zip-файл завантажений і натисніть кнопку "Upload & Install". Через кілька хвилин з'явиться повідомлення про інсталяцію. На цій сторінці, крім посилань розробника, ми знаходимо дві кнопки: "JoomShopping" і "Load sample data". Перший використовується для переходу безпосередньо на сторінку компонента, другий - для встановлення зразків даних; якщо це перший раз, коли ми використовуємо це розширення, рекомендується також завантажувати приклади, які можна видалити в будь-який час.
Ми можемо знайти італійський переклад компонента, як інтерфейсного, так і зворотного цієї сторінки або в зоні завантаження розробника. Для адміністрації необхідно завантажити файл у папку http://www.tuosito.it/administrator/components/com_jshopping/lang, тоді як для користувачів він повинен бути завантажений у http://www.tuosito.it/components/com_jshopping / мови
Встановлення також можна здійснювати безпосередньо з заднього кінця сайту, продовжуючи так, як якщо б це було встановлення будь-якого розширення. Потім ми переходимо до панелі керування нашого компонента, яку можна знайти на http://tuosito.it/administrator/index.php?option=com_jshopping. Цю сторінку також можна отримати з горизонтального меню бекенда сайту і вибравши Компоненти -> JoomShopping. Як видно з рисунка, ми маємо наступні пункти:
Малюнок 1. Панель керування JoomShopping (натисніть, щоб збільшити)
- категорії;
- продукти;
- замовлення;
- клієнти;
- варіанти;
- конфігурація;
- Установка та оновлення;
- Info.
Кожна з цих вкладок, зокрема « Параметри» та «Конфігурації» , містить численні вкладок з цікавими налаштуваннями. Не всі елементи кожної карти будуть пояснюватися, тому що всі вони досить інтуїтивні, але ми побачимо крок за кроком, як створити справжній інтернет-магазин.
Під час читання статті ми будемо використовувати, наприклад, створення інтернет-магазину об'єктів італійських футбольних команд, наприклад, футболок, кубків, плакатів тощо.
Створення категорій і продуктів
Оскільки ми вже знаємо, який тип магазину ми хочемо створити, давайте негайно подумаємо про можливі категорії об'єктів . JoomShopping дозволяє створювати категорії продуктів і підкатегорії. Отже, давайте створимо для нашого прикладу магазин категорій "Футболки", "Комп'ютерні аксесуари", "Годинники і будильники", "Ігри" і "Різні предмети". "Комп'ютерні аксесуари", наприклад, мають деякі дочірні категорії, такі як, наприклад, "Миша", "Коврики для миші" та "USB-ключі". Щоб додати категорію, з вкладки "Категорії" просто натисніть на нове і заповніть поля з назвою, описом, видимістю і навіть можливим зображенням. Якщо ми хочемо додати категорію, яка є частиною вже створеної, ми повинні натиснути на підкатегорії, що відповідають батьківській категорії, а потім додати її, як і в іншому випадку, натиснувши кнопку "Новий". З вкладки Категорії ми можемо їх змінювати і видаляти, але в цьому останньому випадку тільки якщо вони не мають пов'язаних продуктів.
Малюнок 2. Сторінка зі списком категорій (натисніть, щоб збільшити)
Щоб додати продукт у категорію, ми можемо натиснути на пункт продуктів на вкладці "Категорія", а потім вставити його або натиснути кнопку "Нове" безпосередньо з вкладки "Продукти". Якщо ми намагаємося вставити продукт, окрім опису, будь-якого носія або інших файлів, які потрібно приєднати, то спочатку потрібно налаштувати інші елементи, наприклад:
- Податки : в Італії є обов'язковий ПДВ і приймаються різні значення. Щоб ввести новий податок, потрібно перейти до пункту Опції–> Податки і ввести ім'я та відсоткове значення. Для кожного податку ми можемо також встановити правила, можливо, тому, що певний податок застосовується лише до деяких країн;
- продюсер: список виробників знаходимо серед предметів, присутніх в Опції. Для створення нового виробника необхідно вставити назву (тільки обов'язковий елемент), можливий псевдонім, короткий і розширений опис, зображення (можливо, логотипу) і класичні мета-теги (за назвою, описом і ключовими словами);
- Мітка : ми можемо додати невеликі зображення до зображень продукту, щоб вказати, наприклад, новий продукт або продукт у продажу. Коли ми створюємо нову мітку (з параметрів -> Етикетки продукту -> Нове), окрім назви її, нам потрібно завантажити зображення. На вставленому зображенні немає великих елементів керування, але рекомендується використовувати зображення розміром 40 × 40 пікселів, щоб вони вставлялися у зображення у верхньому лівому куті. Зображення для міток зберігаються у ../components/com_jshopping/files/img_labels;
- Час доставки: це інформація, яку покупці майже завжди шукають, і це також змінна, яку ми можемо вставити. Щоб вставити їх, немає особливих потреб, достатньо лише опису в полі заголовка;
Дуже цікавою особливістю JoomShopping є можливість привласнення до продуктів для продажу індивідуальних функцій: наприклад, якщо це магазин одягу, було б корисно мати розмір одягу або, якщо це магазин, який продає меблі. однаково корисно вставити колір продукту (просто подумайте про коричневий, який має багато різних відтінків). Щоб вставити ці функції, ми маємо серед параметрів розширення пункти "Атрибути" і "Безкоштовні атрибути". Щоб додати функцію, потрібно натиснути на пункт Атрибути, а потім на Новий. Після введення імені атрибута виберіть тип виділення (якщо прапорець або перемикач) і збережено, щоб додати значення, які ми повинні натиснути на відповідний пункт Параметри.
Коли ми вставляємо новий продукт, ми бачимо, що ціна також може змінюватися в залежності від значення атрибута. У нашому магазині, звичайно, необхідно вставити розміри для трикотажних виробів команд, тоді ми можемо винайти інші атрибути для інших об'єктів.
Потім підемо на створення продуктів. З панелі керування JoomShopping ми вибираємо Products -> New. Дані, які ми можемо вставити для кожного продукту, багато, але серед найважливіших ми повинні вставити опис, ціну, податки, категорію, до якої вони належать. Рекомендується додати зображення і, якщо є, атрибути.
Оскільки компонент підтримує багатомовну назву продукту та описи, ми можемо їх вставляти, наприклад, італійською та англійською мовами. Як тільки всі наші продукти будуть вставлені, ми знайдемо список перед ними, як показано. Зверніть увагу, що у верхній правій частині деяких зображень є мітки для предметів, що продаються, або для нових.
Малюнок 3. Список всіх вставлених продуктів (натисніть, щоб збільшити)
Щоб прискорити введення, продукти також можна імпортувати (і, відповідно, експортувати) через файли csv. Ми можемо зробити це, натиснувши "Імпорт і експорт", який ми знаходимо в параметрах.
Продукт, з якого його замовляють, коли він був доставлений і оплачений, проходить через різні стани замовлень , які ми можемо знайти в Options -> Status Order. Ті, що додаються до зразків даних і які ми можемо повторно використовувати, це
- Очікує на розгляд: на замовлення ще не підтверджено;
- Підтверджено: для підтвердженого замовлення;
- Скасовано: для замовлення, скасованого замовником;
- Відшкодовано: для замовлення, відхиленого продавцем (з будь-якої причини);
- Відвантажено: коли товари були відвантажені;
- Виплачується: за оплачені замовлення;
- Повне: остаточне стан, в якому все було зроблено регулярно.
Кожен штат має інший код.
JoomShopping дозволяє конфігурувати за допомогою сторінки Options також способи оплати (де бажано зберігати дані зразка, тому що вони є найбільш поширеними), типи доставки і пов'язані з цим витрати, держави, з яких можна розмістити замовлення і створювати групи користувачів, яким я також можу застосовувати знижки.
Створення сторінок на сайті
Щоб дійсно налаштувати наш сайт, ми можемо створювати різні сторінки на різних етапах замовлення. Замість використання класичного контенту Joomla, нам необхідно створити та / або змінити статичні сторінки JoomShopping. З JoomShopping–> Configuration–> Static text–> New і потім ми можемо вставити наш текст і наші зображення, як якщо б це була класична стаття. Наприклад, можна створити такі сторінки:
- Вітальна та презентаційна сторінка;
- Сторінка з умовами надання послуг;
- Сторінка з будь-якою політикою та правилами (наприклад, для повернення продукції);
- Сторінка для опису транспортних витрат і методів;
Але тепер ми повинні показати сторінки магазину в передній частині нашого сайту. Для цього, наприклад, можна подумати над створенням спеціального меню та вставленням посилань, які нас цікавлять. Перейдемо до "Меню -> Керування меню -> Нове меню" і збережемо нове меню. Припустимо, ми називаємо це "мій інтернет-магазин". Потім ми повинні створити модуль, який буде відображати його на деяких або всіх сторінках сайту: з Extensions -> Module management -> New -> as type ми вибираємо Menu і потім вибираємо тільки що створений.
Сторінками, які ми можемо вставити в це меню, можуть бути сторінки, які ведуть до статичних сторінок, створених раніше, або тих, які показують продукти (розділені за категоріями або тими, що належать до однієї категорії), список виробників і продавців або панель входу або для реєстрації нових клієнтів. Тепер давайте додамо елементи до меню. Повернімося до Меню-> Мій Інтернет-Магазин–> Додати новий пункт меню. У пункті Тип меню ми знаходимо різні можливі елементи в розділі JoomShopping . Наприклад, вставимо каталог, тобто сторінку, на якій буде показано всі продукти, розділені за категоріями. У цьому випадку ми повинні вибрати пункт "Категорії" і в налаштуваннях введіть "Все", якщо ми хочемо, щоб всі категорії або ввести ідентифікатор однієї категорії. Без цього в передній частині ми будемо мати сторінку, подібну тій, що на малюнку.
Натиснувши всередині категорії, ми побачимо всі продукти цієї категорії з фотографією, ціну (без ПДВ і вартість доставки, зазначені окремо нижче), назву продукту та посилання, щоб додати його до кошика або подивитися деталі.
Рисунок 5. Продукти однієї категорії (натисніть, щоб збільшити)
Користувач, зареєстрований на сайті, також автоматично є клієнтом розділу магазину. Однак для успішної покупки необхідно ввести додаткову інформацію, яка не передбачена класичною реєстраційною формою Joomla, але тільки на основі JoomShopping. Відсутня інформація - це інформація про доставку, контактну інформацію, і користувач сайту може в будь-який час ввести або змінити їх. Якщо ми створимо посилання на сторінку користувача, з'явиться форма для доступу і кнопка, яка буде використана для реєстрації на сайті, що призведе до заповнення форми з усією запитаною інформацією, як показано на малюнку.
Інші сторінки для клієнта - кошик для покупок і список побажань. Перший містить всі об'єкти, які потім стануть частиною замовлення, а другий можна розглядати як сторінку, де ми тимчасово вставляємо об'єкти, які ми хотіли б купити в майбутньому. Ці дві сторінки схожі один на одного: у першому ми маємо розрахунок податків і посилання, щоб продовжити платіж, тоді як у другому ми маємо кнопку, щоб додати елемент до кошика. Користувач, який увійшов на сайт, може також додавати коментарі до продуктів, як показано на малюнку.
З малюнка ми бачимо, що на додаток до коментарів, клієнти можуть також включати оцінку продуктів через функцію Ajax, яка забарвлює зірки відповідно до введених голосів.
Коли клієнт вирішить приступити до покупки, відкриються форми, які потрібно заповнити: перша з контактними даними, друга для вибору типу платежу і, нарешті, метод доставки. Після підтвердження замовлення, в залежності від обраного способу оплати, клієнт буде переадресовано на безпечний сайт для переходу грошей, наприклад, з PayPal .
SEO та JoomShopping
На початку статті було сказано, що на JoomShopping управління SEO є сильною стороною: якщо ми підемо в конфігурацію -> SEO, у нас буде список всіх сторінок, створених з компонентом. Для кожного з них ми можемо вставити метадані для назви, для ключових слів і для опису, як італійською, так і англійською. Ми можемо керувати SEO магазином незалежно від SEO сайту, прагнучи таким чином використовувати найбільш підходящі слова (які будуть найбільш затребуваними користувачами) для цього розділу.
Протягом багатьох років було розроблено декілька плагінів для інтеграції з JoomShopping, і в цій частині статті ми побачимо деякі. BxSlider Jshopping Last Products базується на модулі jQuery BxSlider і створює повзунок, де вставляються останні продукти, створені в каталозі. З BxSlider Jshopping Last Products ми можемо мати вертикальне або горизонтальне слайд-шоу з ефектом затухання. Серед параметрів плагіна ми можемо встановити кількість виробів, відображення опису продукту, ціну і посилання на деталі. Існує також, як завжди, модуль, який показує найбільш придбані або найбільш високо оцінені елементи: JT BxSlider Jshopping Top Rating.
Плагін, відмінний від попередніх, але однаково корисний, є Модуль Кошик . Модуль Cart дозволяє мати на сторінках нашого сайту кошик для покупок з резюме покупок, зроблених до цих пір, як ми бачимо на малюнку.
Php?