WooCommerce режим каталога. Плагин для замены кнопки Купить на Заказать с формой во всплывашке

Артем Абрамович

Меня зовут Артем Абрамович и я являюсь фрилансером-вордпресером. Занимаюсь настройкой и редактированием сайтов созданных на CMS WordPress. Это основная моя специализация, есть еще несколько работ, которыми я занимаюсь, но обо этом вы можете более подробно узнать из моего портфолио.

100 комментариев к “WooCommerce режим каталога. Плагин для замены кнопки Купить на Заказать с формой во всплывашке”

  1. возможно ли сделать что бы эти заказы попадали в заказы вукоммерс, а не только на почту?

    Ответить
    • Ну технически я придумал как это сделать. Остается только вопрос нужна ли отправка писем при создании заказа. В данном случае видео уже будет не актуальна

      Ответить
    • а разве при создании заказа не отправляется письмо администратору? или я что-то не правильно понял

      Ответить
    • а можно ли это использовать в связке с плагином, который фиксирует отправку всех форм

      Ответить
    • Ну в том и проблема. какой смысл привязывать CF7 если будет работать родные письма Вуки? Никакого, а значит в данном случае, надо этот функционал отключать

      Ответить
    • Ну можно конечно. Фламинго поставь, и все письма будут в базу сохраняться. Но тут речь о другом, Можно отловить событие отправки письма и создавать заказа, но при создании заказа, будет тоже письмо приходить…

      Ответить
  2. Хорошая идея, нужный функционал. Только чаще всего нужно больше данных о заказе в письме, чтобы не заходить на сайт, а сразу обрабатывать заказ в почте. Название, цена, артикул или id, выбранные опции, ссылка на товар, контактные данные, телефон ссылкой, чтобы сразу позвонить.
    Реально ли сделать, чтобы данный заказ еще и в админке в заказах генерировался?

    Ответить
    • Реально, но надо думать. Это уже следующий этап — использование функционала самой Вуки

      Ответить
  3. Эту кнопку хорошо бы дополнительно сделать, а не вместо «В корзину», как «Заказ в 1 клик», очень нужная штука для сайтов и дает хорошую конверсию. Может подскажете что нужно поменять в этом плагине, чтобы кнопка заказа дополнительно выводилась рядом с кнопкой «В корзину»? Заранее благодарна )))

    Ответить
    • Дак это не совсем в один клик, это просто заказ. Вовремя посмотрел коменты), как раз выкатываю обнову, сделаю дополнительную настройку, не знал что так надо

      Ответить
    • спасибо, ждем ))) если сможете сделать возможность выбора: «заказать» вместо кнопки «в корзину», или добавить кнопку «заказать» рядом с кнопкой «в корзину», будет очень круто!!!

      Ответить
    • Это уже есть, при отключении режима каталога, кнопка купить появиться

      Ответить
  4. Народ! Плагин обновился, можно сказать вышел из беты)
    Появилось куча настроек для управления и поведением кнопки, и содержимым окна
    Можно еще сделать, чтобы плагин использовать по типу предзаказа, то есть если товаров в запасе нет, то появляется кнопка. Надо?

    Ответить
    • По предзаказу очень надо! Чтобы если товар есть, то кнопка не выводилась, а если закончился, то кнопка заказать. Было бы мега круто.

      Ответить
    • Ну раз надо, то сделаем. Правда, придется настройки переделать. Но я уже придумал как это сделать) Ждите апдейт

      Ответить
  5. а у меня плагин не работает и выдает ошибку через queri monitor
    in_array() expects parameter 2 to be array, boolean given
    в строках файла function.php 98 , 106 , 109 , 114 , 117
    помогите плиз

    Ответить
    • Очень странно. Напишите в личку какая версия плагина, как сделаны настройки и какая версия php на сайте

      Ответить
    • Доброго! В плагине ничего и нет для адаптивности, стили под конкретный сайт надо добавлять. Хотя поправлю в следующих версиях

      Ответить
    • Теоретически да, только нужно знать какой-то критерий отбора. Кнопка на хук вешается, это можно переопределить

      Ответить
  6. А скажите мне вот что: у меня электронные товары на сайте, каждый представлен в виде отдельного лендинга (как я понимаю, создать нечто подобное на вукоммерсе — большой гемор). Так вот, при покупке товара, при нажатии кнопки, клиент попадает на страницу агрегатора платежа, где оплачивает и потом товар доставляется на почту. Я знаю, что на вукоммерс есть возможность торговать электронными товарами, но только можно ли сделать так, чтобы по ссылке на кнопку, происходил переброс на страницу оформления в вукоммерсе? Я может, как-то не так описываю, для примера вот магазин сайта fin-analis.ru/shop — при нажатии на кнопку «купить» на любом товаре, клиент попадает на сторонний сервис. Можно ли, в общем, вместо сервиса сделать это через магазин вукоммерс?

    Ответить
    • Да, вполне возможно. Собственно Вука так и работает в режиме продажи электроных товаров. Можно не использовать корзину, а сразу перенаправлять на оформление заказа, а там уже использовать любой платежный шлюз
      Из агрегаторов есть готовые плагины для Робокассы, Интеркассы. Ну и вообще, все крупные агрегаторы имеют готовые решения по Вуку

      Ответить
  7. Артем, спасибо большое за нужный функционал! Это просто счастье какое-то! Единственная проблема- если вариативный товар, данные по нему приходят не по всем полям. Допустим, у меня в товаре 3 вариативных поля- на почту пришли данные только по 2м из них. Можно с этим что-то сделать?

    Ответить
    • Странно, проверил на 5 вариациях, все приходит. Текущая версия 1.5.3 проверьте, может версия не та

      Ответить
  8. В мобильной версии кривовато отображается всплывающая форма.
    И еще, использую плагин WooCommerce Product Details Customiser, при отображении Related Products вместо подробнее показывает в корзину. Шаблон Jupiter. Ну очень нужный и полезный плагин, как бы эти 2е ошибочки исправить =))

    Ответить
    • Я приблизительно так же сделал, через код поменял в корзину на подробнее, не пришлось отключать похожие товары, на странице категории отключил через css краткое описание, а на странице товара, в краткое описание, поставил шорткод кнопки с всплывашкой cf7. Если много товаров то можно через wp all import массово кнопку загрузить, но скорее при подобной конфигурации товаров много не будет, т.к. такой вариант подходит для продажи авто или чего то такого, что перед покупкой требует общение покупателя с продавцом

      Ответить
    • WPRUSe · Финты WordPress штатный. Только там кнопка «в корзину» выводится под товарами, а не «подробнее», как на главной магазина. Если в режиме каталога корзина отпадает, зачем светить ее в «похожих продуктах»? Ну или кнопку менять на «подробнее». У меня тема астра

      Ответить
    • Ой, согласна. Как раз случай для моей клиентки — всё от цели зависит. И плагин от Артёма так вовремя. Классный лисапед получается!

      Ответить
    • Это уже не лисапед) Полноценный плагин, можно или в репу выкладывать или продавать))

      Ответить
  9. РЕКОМЕНДАЦИИ К ПЛАГИНУ
    ————
    У меня сейчас сайт в разработке и я использую этот плагин. Конечно в процессе эксплуатации напишу еще дополняшки, но напишу коротко, что не понравилось на данном этапе…
    ————
    МИНУСЫ КОТОРЫЕ УВИДЕЛ СРАЗУ
    1. Верстка самого окна реализована через flex. Все хорошо и замечательно, но если во флекс, то про оптимизацию в Safari можно забыть. Тестил на Safari 5.1, там все сломано. Если сломано в 5.1, то сломано и в iPhone. В общем предлагаю все таки сверстать по стандарту в дивах с дисплей блоком + максимально оптимизировать адаптивчик — могу помочь с этим, написать стили и просто кинуть в личку — все равно я буду это делать, так как сайт пилю тут http://test.devekon.ru/product/dizelnyj-generator-sdmo-diesel-10000-e-avr-silence/

    2. Нужна возможность добавить на кнопку класс — объясню почему… Я например, сейчас делаю сайт с макета, соответственно у меня есть готовая верстка — оно понятно, что я могу добавить стиль для кнопки, которая в самом плагине, но если бы было поле для ввода класса было бы удобно, получается я бы каталог за минуту сделал, а так за три))
    Совсем для дураков можно написать готовые стили красивых кнопочек и дать возможность выбрать — добавить свой класс или выбрать готовую кнопку — тоже могу помочь с этим.

    3. Нужна возможность переключения с полноценого каталога, на магазин + эта кнопка купить в один клик. То есть чтобы кнопку «купить в один клик» стало возможным использовать в двух режимах — первый режим это когда мы убираем кнопку корзины самого вукомерса, а второй режим это когда мы используем и кнопку «Купить в один клик» и кнопку вукомерса. Скорее всего на том сайте, который выше я делаю, будет именно так в будущем.

    4. На модальном окне почему то установлен cursor: wait;

    ГЛОБАЛЬНЫЕ ДОРАБОТКИ
    1. Конечно нужно регистрировать заказ каким то образом в вукомерсе, подумаю над этиим.

    Давайте доработаем, хороший плагин, всегда пригодится в быту

    Ответить
    • я значит номером ошибся))) короче флексы херово на сафари. Я тут магазин сдавал, там две дамы, и как раз сафари было там девятка чтоли хрен знает и вопрос как раз по флексам был + айфоны 7 адаптив кривой ппц был с этими флексами

      Ответить
    • Флексы с 11-й версии Сафари поддерживаются. Пусть свои айфоны меняют) Но возможно ты и прав, надо делать на флоатах

      Ответить
    • люди еще долго юзать будут 5 и 6 айфоны, я тоже за, чтобы они меняли) хотябы обновлялись, но им пофиг на это… люди вообще не торт))

      Ответить
    • Это да. Если есть вертка готовая, скидывай, добавлю в новой версии

      Ответить
  10. Благодарю за плагин! А как насчёт тем, которые с CF7 несовместимы? Есть такой плагин Captain Form от американских разрабов. Дают всего три формы в бесплатной версии, зато все submissions из форм сыпятся в админку ВП, в таблицу, с возможностью выгрузки данных и со всем содержимым сообщения от клиента.
    Скрин: https://yadi.sk/i/gNHaYjz33UVL6u
    Чисто теоретически: можно ваш плагин к Captain Form прикрутить? Спасибо
    PS Пришла мысля опосля: если после отправки формы средиректить клиента на страницу благодарности, его можно через пиксель в соцсетях отследить и догнать. Ну и utm метки проставить. Для статистики лидов

    Ответить
    • Теоретически возможно к любому плагину форм прикрутить и даже без плагина, а форму чекаута выводить. Но тут уже придется настройки докручивать. Ну и в плагине скриптов добавляются данные для отправки в письме.
      Плагин в разработке, еще много чего будет прикручено

      Ответить
  11. Спасибо за плагин! Все работает. Только хотелось бы, чтоб при нажатии на кнопку «заказать» с витрины магазина сразу бы всплывала форма, у меня получается открывается карточка товара сначала. Как это можно исправить? У меня уже есть кнопка «подробнее», которая ведет на карточку товара.

    Ответить
    • Пожалуйста! Пока никак, это отдельный функционал надо запиливать, попробую в следующих версиях сделать…

      Ответить
  12. Доброго времени суток, а будет работать данный плагин на теме Divi? у меня чет не пашет, сделал всё, как по видео, но кнопка «заказать» так и не появилась

    Ответить
    • Спасибо большое) понадобился очень сильно такой плагин просто

      Ответить
    • Плагин обновлен, все должно работать. На Диви проверил, вроде как надо работает

      Ответить
  13. Спасибо! Отличный плагин. Вопрос: как изменить размер картинки товара во всплывающем окне?

    Ответить
    • Пожалуйста. Вышла новая версия, посмотрите ее, может устроит такой размер, а так только размер миниатюр делать другим

      Ответить
  14. Как раз нужен такой функционал. Но скорее всего понадобится, чтобы кнопка была и на страницах архивов.

    Ответить
    • На страницах архива — это уже совсем другая история и функционал платной версии. При желании все функциями сделано можно ее подрубить на нужном хуке, но не факт что будет правильно работать. Для правильной работы придется переделать некоторые вещи

      Ответить
    • не за что. Для архивов не получить так просто сделать, придется и окно переделывать и вызов кнопки, но попробовать можно

      Ответить
  15. Други! Актуальная версия плагина 1.6.4. В ней уже есть много вкусных плюшек, типа создания заказов при отправке письма и адаптивности всплывашки.
    Подробнее смотрим тут https://www.youtube.com/watch?v=Ej9g-FkyfQ8
    Читаем тут https://wpruse.ru/?p=2581
    Скачиваем тут https://wpruse.ru/?p=2206

    Ответить
  16. Привет, как можно сделать, чтобы приходила в почте ссылка на товар, артикул и его цена?

    Ответить
    • Привет! Это и так все автоматически приходит, если правильно настроить CF7 — там надо поле добавить и все будет приходить

      Ответить
  17. Есть плагин Buy one click WooCommerce, у него есть хорошая функция — Записывать заказы в таблицу Woocommerce Установка галочки включит механизм когда заказы будут попадать не только в таблицу плагина, но и в меню «Заказы» — Woocommerce.

    Пора вам отказываться от одного contact forms и давать возможность отправлять и добавлять информацию о заказе в режиме гибридности в БД или на почту, либо в БД и на почту. Плюс у вас не хватает возможности через админку назначить кнопке Заказать — CSS класс и ID…

    В Buy one click WooCommerce — вторая настройка хороша для аналитики, её тоже советую скомуниздить — Что делать после нажатия кнопки Заказать — Показать сообщение(возможен html)
    , Сделать редирект на страницу,
    показать Сообщение в форме, Закрыть PopUP

    Ну и у вас не хватает кнопки вставить шорткодом, было бы неплохо.

    Ответить
  18. Не появилась кнопка в товаре. Из-за чего может отсутствовать отображение?

    Ответить
  19. Браво ! Классный Лесопед, еще бы была возможность, для разных товаров , разные формы задавать, тогда вообще космос!!!

    Ответить
  20. Подскажите пожалуйста, а избранное может отображаться только в личном кабинете или иконкой в шапке сайта то же можно сделать?

    Ответить
  21. С всплывающего окна «Быстрый просмотр» при нажатии на кнопку никаких действий не происходит

    Ответить
  22. Установил с репозитория Wp, не сработал, снес и скачал с гитхаба , работает.

    Ответить
    • Стоп, а с репы почему не работает? Как это выражается?

      Ответить
  23. Я около 7 часов мучался с кнопкой, включаю видео, и понимаю, какой я дебил, что не додумался сразу посмотреть. Спасибо большое) лайк, подписка)

    Ответить
  24. Здравствуйте, подскажите возможно ли в режиме каталога убрать иконку корзины из хэйдера в меню? И как это сделать?

    Ответить
    • Доброго! Это уже от темы зависит. Смотря как эта кнопка выводится. Знаю что в теме OceanWP ее можно просто выключить в настройках

      Ответить
  25. Здравствуйте, все сделал как в видео , все получилось , но когда я написал в форме все поля и о правил ,мне письмо не пришло . Может я не там исправил её подскажите пожалуйста

    Ответить

Добавить комментарий

%d такие блоггеры, как: