Как удобнее реализовать алгоритм?

Здравствуйте!

Исходные данные: есть сайт на wordpress с woocommerce.

Цель: создать кнопку на карточке с товаром, разместить ее после кнопки «В корзину».

Задача новой созданной кнопки вызывать pop-up окно со следующим содержимым:

Окно 1. Пользователю дается на выбор один из нескольких числовых параметров (для примера пусть будет от 10 до 13). Параметры оформлены в виде выпадающего списка. Выбрали параметр – появляется следующее окно.

Окно 2. Пользователю нужно ввести в трех текстовых формах определенные числовые значения и получить результат.

Как должен работать алгоритм работы программы:

Каждому параметру (10-13) соответствует свой определенный диапазон числовых значений для каждой текстовой формы.

Например:

Выбираем в первом окне «параметр 10»

Во втором окне заранее к каждой форме внутри алгоритма забиты верные диапазоны значений:

Первая текстовая форма — верный диапазон 2-5
Вторая текстовая форма – верный диапазон 5-9
Третья текстовая форма – верный диапазон 19-24

Допустим, пользователь ввел во втором окне программы следующие значения:

Первая текстовая форма – 4
Вторая текстовая форма – 10
Третья текстовая форма – 20

При нажатии на кнопку «получить результат» программа должна сверить полученные данные от пользователя с диапазонами, которые уже забиты в алгоритм и выдать результат.

Если пользователь попал во все верные диапазоны – выдается один результат в виде текста и картинки (окно 3). В случае с примером, пользователь не попал в диапазон второй текстовой формы. В этом случае выйдет результат, что первая и третья форма окей, со второй есть проблемы

В связи с чем вопрос (?)

Как это практически реализовать:

(А) Частично с помощью плагина или (Б) нужно будет писать код с нуля.

Если писать код с нуля, то в каком месте (структура сайта) грамотнее всего начинать кодить, чтобы потом вызвать событие на запуск программы?