Как создать pop-up форму?

Гуглите "popup codepen" или "popup jsfiddle" и получаете готовое решение. Например: https://codepen.io/sajjad/pen/meXeJw

Есть классный фреймворк Bootstrap-Material-Design, прикручиваете к сайту и получаете набор форм, менюшек, кнопок 0 каких угодно.

https://fezvrasta.github.io/bootstrap-material-design/

Еще битрикс можно поставить, в нём тоже попапы есть, наверное :).

Посмотрите как сделано в любой галерее итп... обычно там десяток строк кода.

ЗЫ. Вообще народ офонарел...

Чтоб не спамить, другой вопрос в продолжение.

Я взял pop-up отсюда http://denis-creative.com/pop-up-contact-form-html/

Соответственно создал в папках файлы цсс + js и добавил туда коды с ссылки выше, хтмл код поп-апа добавил в конце кода сайта, а как теперь настроить на появление этого попапа на клику на кнопку?

Ибо что-то я неблюдаю в коде или где-то каких-то условия для открытия попапа, а только для закрытия, кому не сложно, поясните плиз.

Там же написано

$(window).load(function() {

  setTimeout(function() {

    $popOverlay.fadeIn();

    $subscribeWindow.fadeIn();

  }, 2000);

});

Это значит, что после загрузки всего сайта, спустя 2 секунды попап откроется. Если хочешь по клику, просто переделай под клик:

$(someClassName).click(function(e) {

  e.preventDefault();

  $popOverlay.fadeIn();

  $subscribeWindow.fadeIn();

});

Ага, не понимает основ, но комментирует...

А непроще сразу поставить материал бутстрап, чем потом по каждому вопросу выдергивать по куску кода из разных галерей, по итогу получив нечитаеое и нередактируемое нечто?

Сделать свой попап - не проблема, а надо ли?

В смысле? Есть задача сделать попап, зачем тащить библиотеку? Вы склоняетесь к тому, что лучше иметь код на запас чем ровно столько сколько необходимо?

Как и любой говнокод - конечно проще.

Сложнее потом будет продвигать и поддерживать.

Поэтому я и советую: битрикс ставьте, чего уж там.

Вдруг вам что-то еще понадобится.

Никто куски из галерей не предлагал дергать, предлагали ПОСМОТРЕТЬ как там СДЕЛАНО.

Чуете разницу :) ? Нет... ну и не надо