Покупки в інтернет-магазинах
Швидке замовлення може значно полегшити шопінг в інтернет-магазині і, як наслідок, підвищити конверсію (конверсія сайту — співвідношення підсумкових реальних замовлень від усіх відвідувачів).
У статті розглянуто основні засади організаціїшвидкого замовлення товарів без реєстрації, наведено ілюстрації. Це може наочно продемонструвати роботу даного типу модулів інтернет-магазинів та послужитизамовникам веб-послуг тавласникам сайтів як ознайомчий екскурс. Крім того, матеріал містить покрокову фрагментацію функціонального коду, і може виявитися корисним для веб-розробників у практичному застосуванні.
Принципи організації швидкого замовлення без реєстрації
Мал. 1. Швидке замовлення для інтернет-магазину. Кнопка швидкого замовлення на сторінці товару. При натисканні відкривається модульне віконце поверх сторінки (див. мал. 2).
Мал. 2. Швидке замовлення в інтернет-магазині. Спростування локації - "Ні, я НЕ в Москві". Далі перехід до інструкції пройти повну реєстрацію, заповнивши всі необхідні дані покупця (рис. 3).
Мал. 3. Інше місто - купівля можлива лише при реєстрації.
Мал. 4. Швидке замовлення для інтернет-магазину без реєстрації (місто Москва). Переходимо до форми замовлення товару (рис. 5):
Мал. 5. Швидке замовлення в інтернет-магазині без реєстрації. Форма замовлення товару.
Скрипт швидкого замовлення для інтернет-магазину
З інтерфейсом визначилися, тепер пройдемося кодом для даної реалізації.
У нас буде 1 основний php-файл - сторінка, яка буде викликатися вмодульне віконце. Назвемо йогоbistriy_zakaz_s_sayta.php. Допоміжні функції, як то: перевірка полів, брейк-тайм (час сесії - скажімо, 5 хв, - протягом якого неможливо відправити замовлення з того ж комп'ютера двічі) будемо використовувати за аналогією з формою зворотного зв'язку, що вже існує в движку. Власне, їх ми не прописуватимемо, а тільки викликатимемо. Для цього, перш за все, запитаємо робочі файли двигуна:
Тепер перевірятимемо, чи отримані дані з форми швидкого замовлення (якщо замовлення зроблено). Якщо ми виявляємо наявність даних, що пересилаються, проводимо їх обробку:
Інакше, якщо відправки форми швидкого замовлення не проводилося, створюємо запит до бази даних для отримання початкових відомостей про товар (картинка товару, назва, ціна).
Тут потрібно звернути увагу, що ID товару ми отримуємо у GET-змінній, яка визначається на сторінці товару та задається в URL для модульного вікна. Якщо ця змінна раптом виявиться порожньою, потрібно, щоб скрипт вивів помилку (простежимо це у рядках 53-59).
Особливої обробки вимагатимуть такі дані, як ціна, адже товар може задіятись у сейлі. У цьому випадку ми маємо вказати звичайну ціну та спеціальну — зі знижкою. (Рядки 63-67.)
Далі переходимо до формування вмісту сторінки, її зовнішнього вигляду та взаємодії з користувачем.
У шапці підключимо основні стилі сайту, а також js-скрипти та jquery-бібліотеку.
Додатково пропишемо стилі для двох блоків, що визначають взаємодію з користувачем на кроці уточнення локації. Зовні це виглядає так, ніби перед нами різні сторінки (порівняйте рис. 2 та рис. 5). Але це муляж. Насправді, у першому випадку основна форма просто загороджена шаром блоку, розтягнутим по ширині та висотівіконця.
Пропишемо динаміку в
Швидке замовлення окулярів та оправ на StarOptic
Увага! Сервіс швидкого замовлення доступний лише для мешканців Москви. Це пов'язано з тим, що для мешканців інших міст потрібна детальніша інформація.