Промокод-лотерея для сайту Ovalpet
Що було зроблено:
• Створено промосторінку WordPress на основі власного шаблону (page-lottery.php) без використання стандартних заголовків і футерів теми.
• Реалізована функція перевірки промокодів через AJAX-запити до бази даних (wp_ajax_check_promo).
• Розроблена система відправки анкет переможців через AJAX-запити (wp_ajax_submit_winner_form) без перезавантаження сторінки.
• Підключено PhpSpreadsheet для автоматичного імпорту списку промокодів із Excel/CSV файлів у базу даних сайту.
• Налаштовано адаптивну верстку з різними стилями для десктопів та мобільних пристроїв:
• На десктопі — компактний і стильний вигляд.
• На мобільному — збільшені поля введення, кнопки та текст для комфортного використання.
• Підключено кастомний автозавантажувач класів (autoload.php) без використання Composer в оточенні з обмеженим доступом до інтернету.
• Оптимізовано UX: додано анімацію появи результату перевірки промокоду.
• Захищено обробку даних (очистка через sanitize_text_field(), sanitize_email()).
Технології:
• WordPress
• PHP (робота з AJAX та базою даних)
• CSS3 (адаптивна верстка, анімації)
• JavaScript (чистий, без бібліотек)
• PhpSpreadsheet
• HTML5
Результат:
• Користувачі можуть легко перевіряти свої промокоди.
• Переможці можуть заповнювати форму для отримання призу без перезавантаження сторінки.
• Сайт працює швидко і правильно відображається на всіх пристроях.
• Адміністратори можуть масово імпортувати нові промокоди через адмін-панель.
• Створено промосторінку WordPress на основі власного шаблону (page-lottery.php) без використання стандартних заголовків і футерів теми.
• Реалізована функція перевірки промокодів через AJAX-запити до бази даних (wp_ajax_check_promo).
• Розроблена система відправки анкет переможців через AJAX-запити (wp_ajax_submit_winner_form) без перезавантаження сторінки.
• Підключено PhpSpreadsheet для автоматичного імпорту списку промокодів із Excel/CSV файлів у базу даних сайту.
• Налаштовано адаптивну верстку з різними стилями для десктопів та мобільних пристроїв:
• На десктопі — компактний і стильний вигляд.
• На мобільному — збільшені поля введення, кнопки та текст для комфортного використання.
• Підключено кастомний автозавантажувач класів (autoload.php) без використання Composer в оточенні з обмеженим доступом до інтернету.
• Оптимізовано UX: додано анімацію появи результату перевірки промокоду.
• Захищено обробку даних (очистка через sanitize_text_field(), sanitize_email()).
Технології:
• WordPress
• PHP (робота з AJAX та базою даних)
• CSS3 (адаптивна верстка, анімації)
• JavaScript (чистий, без бібліотек)
• PhpSpreadsheet
• HTML5
Результат:
• Користувачі можуть легко перевіряти свої промокоди.
• Переможці можуть заповнювати форму для отримання призу без перезавантаження сторінки.
• Сайт працює швидко і правильно відображається на всіх пристроях.
• Адміністратори можуть масово імпортувати нові промокоди через адмін-панель.