как к кнопке прописать форму обратной связи.

Автор assista, 04-01-2019, 13:21:26

« назад - далее »

assistaTopic starter

Добрый день. Подскажите пожалуйста - сайт на движке Wordpress, тема Astra + плагин elementor. На главной странице есть кнопка "Заказать звонок" - кнопка создана при помощи плагина Elementor (бесплатная версия плагина). Как к этой кнопке привязать всплывающее окно с формой обратной связи.
Спасибо.
  •  


zanuda

#1
А форма обратной связи уже сделана на чем-то? А то ваш вопрос может вылиться в 2 разных - как создать форму и как ее привизать к кнопке, созданной на Elemenator'е. Или даже в 3 - как сделать, чтоб уже готовая форма всплывала в маленьком окошке при нажатии на кнопку от Elemenator'а.

Я почему спрашиваю, потому, что я для обратной связи пользую плагин contact form - 7. Его можно вставить на страницу/пост, и, насколько я помню, в сайдбар через виджет. Т.е. если каким-то образом сделать всплывающее окошко, то, с почти 99.9% вероятностью, contact form - 7 там тоже будет работать. Вот и получаем 3 задачи в одной.

А с Elemenator'ом, мне кажется с пол-года назад знакомая перешла не него. У нее другой редактор не подружился с ву-коммерс, который был зашит в теме. И мне что-то такое помнится, что пришлось объяснить, как к кнопкам привязывать адреса. Т.е. по клику идет переход. Там как-то просто было, надо было в коде кнопке УРЛ прописать. У нее все кнопки вели на страницы с адресом, и контактная форма тоже была на странице. Вобщем, так просто, что меня она больше не беспокоила. Так что, подозреваю, вам надо искать решение всплывающего окошка.
  •  


Fullf

WordPress статьи - http://wordsmall.ru/
  •  

assistaTopic starter

Я почему спрашиваю, потому, что я для обратной связи пользую плагин contact form - 7. Его можно вставить на страницу/пост, и, насколько я помню, в сайдбар через виджет. Т.е. если каким-то образом сделать всплывающее окошко, то, с почти 99.9% вероятностью, contact form - 7 там тоже будет работать. Вот и получаем 3 задачи в одной. Да спасибо. В других шаблонах использовал плагины Сontact Form 7 и плагин всплывающего окна Easy Fancy Box, но как это привязать к  Elementor - не разобрался...
  •  

zanuda

#4
Цитата: assista от 05-01-2019, 03:06:04но как это привязать к  Elementor - не разобрался...
Там же у нох прямо в FAQ'е написано:
https://wordpress.org/plugins/easy-fancybox/#how%20can%20i%20display%20inline%20content%20in%20a%20fancybox%20overlay%20%3F

Сорры, я уже почти сплю - про Элеменатор начисто вылетело из головы. Но там что-то можно вставить только в строку для линка.
  •  


[DiZ]

Вставлю свои 5 копеек) С самим плагином не работал, такую задачу решал: Сontact Form 7 засунул в сплывающее окно popup maker, а к кнопке с помощью стиля СSS, в этом плагине  это делается именно так. Просто дописал стиль к кнопке и проблема решена. Посмотрите есть ли возможность прописать класс к кнопке, если есть это ваше решение.
Стартовал новый сайт: СЕО в помощь милости просим! ;)
  •  

Sky-fi

Тоже использую Contact Form + Popup Maker в связке.

Цитата: [DiZ] от 05-01-2019, 18:32:08а к кнопке с помощью стиля СSS
Можно также навесить код из Popup Maker в ссылку кнопки примерно так: "#popmake-00001", тоже работать будет.

technolog

Тут нужна обычная форма без полей, только с кнопкой.
Блог о заработке в интернет https://livemonet.ru/blog, книги https://livemonet.ru/moi-knigi/
Лендинг на заказ https://livemonet.ru/zakazat-prodayushhij-landing-page
  •  


zanuda

technolog, откуда вы знаете, что нужно ТС?!? И про поля никто ничего не говорил...
  •  


Plan

Я использую связку easy modal+caldera forms, может тоже пригодиться))
1. В Caldera forms составляем форму с любыми полями и получаем шорткод
2. Вставляем шорткод в созданное easy modal и получаем css класс для вызова формы (или готовую кнопку, ссылку, ссылку картинкой).
3. Присваиваем css класс к ссылке, изображению, кнопке и теперь при нажатии на них будет всплывать форма.

Caldera form по мне не плохой конструктор форм, большинство форм получается без труда и дополнительных "танцев".
Eeasy modal тоже сразу готов к работе, даже в дизайне можно не копаться.
Бетон https://beton007.by, bel-arenda.by - аренда техники, оборудования и инструмента
  •