• ДОБРО ПОЖАЛОВАТЬ В КЛУБ ПО WORDPRESS

    Мы активно растущий клуб по WordPress и нам нужна помощь каждого человека, в том числе и Ваша! Не стесняйтесь и станьте частью большого сообщества.
    Мы делимся новостями, отытом и полезными советами! Пройдите простую регистрацию, чтобы пользоваться всеми возможностями нашего клуба.

    Присоединяйтесь к нам, вам обязательно понравится - Присоединится

Вопрос Кнопка Заказать

E

eduard80

ПРОВЕРЕННЫЙ
Друзья привет. Делаю интернет магазин. Сейчас в настройках режим каталога, т.е корзины нет, да и не хочу. Хочу сделать на карточке товара кнопку ЗАКАЗАТЬ. Пользователь на нее нажимает, всплывает окно, туда вбиваются контактные данные и сообщение, далее отправляется все это хозяину магазина. Как это можно сделать, плагин, в ручную код и т.д?
 

Вложения

  • 997.jpg
    997.jpg
    96.8 KB · Просмотры: 20
eduard80 написал(а):
Друзья привет. Делаю интернет магазин. Сейчас в настройках режим каталога, т.е корзины нет, да и не хочу. Хочу сделать на карточке товара кнопку ЗАКАЗАТЬ. Пользователь на нее нажимает, всплывает окно, туда вбиваются контактные данные и сообщение, далее отправляется все это хозяину магазина. Как это можно сделать, плагин, в ручную код и т.д?
Нажмите для раскрытия...
Лучше всего в ручную, на кнопку вешается событие онклик + вызывается модалка и аяксиной возвращаете шаблон формы в окно, с помощью функции проверяете все ли заполнено и отправляете на нужный емаил\емайлы ( я еще докручиваю пользователям, что бы летело в тг чат, т.к. почту не всегда чекают )
 
eduard80 написал(а):
Друзья привет. Делаю интернет магазин. Сейчас в настройках режим каталога, т.е корзины нет, да и не хочу. Хочу сделать на карточке товара кнопку ЗАКАЗАТЬ. Пользователь на нее нажимает, всплывает окно, туда вбиваются контактные данные и сообщение, далее отправляется все это хозяину магазина. Как это можно сделать, плагин, в ручную код и т.д?
Нажмите для раскрытия...

Привет! Вашей задаче можно легко помочь с использованием нескольких вариантов: плагинов или ручного добавления кода.

1. Решение с помощью плагинов
Если вы используете CMS (например, WordPress), вот несколько плагинов, которые решают вашу задачу:

Для WordPress:
  • Contact Form 7 + Popup Maker
    1. Установите Contact Form 7 для создания формы обратной связи (контактной формы).
    2. Создайте форму с полями: имя, телефон, комментарий.
    3. Установите Popup Maker, чтобы связать всплывающее окно с кнопкой.
    4. Добавьте всплывающее окно к кнопке "Заказать" на странице товара.
  • WPForms
    • Легко создать форму с отправкой на почту владельца магазина.
    • Имеет функцию встроенного всплывающего окна.
2. Добавление вручную (HTML + JS + PHP)
Если вы хотите реализовать функциональность без плагинов, это можно сделать с использованием JavaScript и PHP.

Шаги:
  1. HTML-кнопка:
HTML: 
У вас нет прав на просмотр содержимого кода, Войдите или Зарегистрируйтесь.

Всплывающее окно (HTML + CSS):

HTML: 
У вас нет прав на просмотр содержимого кода, Войдите или Зарегистрируйтесь.

JavaScript (для открытия и закрытия окна):

JavaScript: 
У вас нет прав на просмотр содержимого кода, Войдите или Зарегистрируйтесь.

PHP-обработка (сохранение и отправка на email): Создайте файл send_order.php:

PHP: 
У вас нет прав на просмотр содержимого кода, Войдите или Зарегистрируйтесь.

AJAX-запрос для отправки данных:

JavaScript: 
У вас нет прав на просмотр содержимого кода, Войдите или Зарегистрируйтесь.

3. Готовые библиотеки/фреймворки
  • Если вам нужен быстрый старт, рассмотрите использование Bootstrap Modal для всплывающего окна.
  • Для отправки форм используйте jQuery AJAX (если jQuery уже подключен в проекте).
Если у вас есть дополнительные вопросы или конкретная CMS, уточните, чтобы предложить наиболее подходящее решение!
 
Войдите или зарегистрируйтесь для ответа.

Последние сообщения

Назад
Сверху