Добрый день, тостеровцы!
У меня к вам вопрос, потому что как решить его, я слабо представляю.
Есть карта офисов, выглядит она примерно вот так:

Но так же на них отмечены соответствующие кабинеты и их состояния, таким образом:

Серый - Занят; Желтый - освободится; Фиолетовый - свободен. При нажатии на соответствующую ячейку должно появляться вот такое окно:

С соответствующим статусом.
В теории я представляю как это можно реализовать.
Есть задний фон, на котором разноцветные блоки div расположенные через абсолют на данном фоне, при нажатии нажатии на соответствующий div через js\jquery появлялось окно, с которым так же можно взаимодействовать.
Всё работает через WP (Wordpress), но сама страница сделана на обычном HTML (Просто перенесены данные лендинга туда). В чем собственно говоря вопрос?
Через что можно было бы создать и добавить на страницу редактируемые окна, которые можно потом было бы использовать на странице?