Як додати форму google forms на ваш сайт на wordpress

У наш час існує величезна кількість плагінів для WordPress, завдяки яким ми можемо додавати на наші сайти різні форми, починаючи від звичайних контактних форм і закінчуючи більш складними конструкціями з налаштованим полями і додатковими функціями.

Але, перш ніж завантажувати черговий новий модний плагін, зверніть увагу на Google Forms. які ви зможете легко інтегрувати з будь-яким сайтом WordPress.

Знайомство з Google Forms

Google Forms - це універсальний і абсолютно безкоштовний інструмент від Google, який входить до складу Google Drive. Ця функція настільки ретельно захована, що багато активних користувачів Google навіть не підозрюють про її існування.

За допомогою Google Forms, ви можете:

Поділитися посиланням на форму не так вже й складно, але що, якщо вам потрібно розмістити форму на вашому сайті WordPress?

Самою основною проблемою цього методу є те, що форма буде зберігати дефолтний стиль Google і може не гармоніювати з дизайном вашого сайту. Форма не буде змінена за допомогою ваших CSS, до того ж на ній буде відображатися логотип Google і кілька посилань на додаткову інформацію від Google.

На щастя для вас, існує спеціальний плагін, який зможе вирішити цю проблему.

Плагін Google Forms

Плагін Google Forms дозволяє вставляти і управляти вашими формами прямо через адмінку в WordPress. Він пропонує більше можливостей для інтеграції з WordPress і дозволяє краще налаштувати форму.

Давайте приступимо до роботи з ним.

У вкладці Google Forms ви можете побачити всі ваші форми, подібно до того, як ви бачите список всіх ваших постів або сторінок. Крім того, ви можете застосувати якісь масові дії для фільтрації, редагування і видалення форм.

Якщо у вас ще немає ніяких форм, в даній вкладці ви нічого не побачите. У цьому плагіні ви не зможете самостійно створювати свої форми, але ви можете додавати вже існуючі, просто натиснувши на Add New Google Form. Для прикладу, ми будемо використовувати дуже просту форму для реєстрації:

Як ви помітили, вам потрібна форма, створена заздалегідь і безпосередньо її URL.

Для цього, перейдіть в Google Drive і в вікні створення вашої форми натисніть велику блакитну кнопку Send Form в верхньому правому куті. Перед вами з'явиться вікно з різними елементами, серед яких ви знайдете і необхідну посилання, яку слід скопіювати.

Після цього вставте посилання в поле Form URL в самому плагін.

Далі, ви можете додати необов'язкову функцію підтвердження URL. Оскільки дефолтна сторінка підтвердження дуже проста і не може нормально інтегруватися з вашим сайтом, ми пропонуємо заповнити це поле, щоб спростити весь процес.

Для атрибута Custom Confirmation Page Style ви можете вказати, як він буде представлений, вибравши варіант Redirect або AJAX. Майте на увазі, що якщо ви не виберіть ніякої з варіантів, то за замовчуванням буде використовуватися Redirect.

Це три основні області, які вам обов'язково потрібно заповнити, щоб все працювало належним чином. Далі, давайте подивимося, як ще ви можете налаштувати і оформити форму на сайті WordPress.

Заповнення додаткових полів в плагіні Google Forms

Існує набагато більше полів, які ви можете налаштувати, але швидше за все, вам ніколи не буде потрібно налаштовувати їх всіх одночасно, особливо, якщо ви створюєте не надто складну форму. Але для загального розвитку і докладнішого знайомства, давайте подивимося які ще є варіанти.

Налаштування параметрів плагіна в Google Form

Ми ще не повністю закінчили з нашими настройками. Не дивлячись на те, що всі вони не є обов'язковими, деякі з них можуть добре вплинути на оформлення вашої форми, задати необхідні параметри і т.д.

• CAPTCHA. Захищає вас від різних спамерських пошукових роботів і створює додатковий рівень перевірки.
• Columns. форми Google відображаються тільки в одній колонці за замовчуванням. За допомогою цієї функції, ви можете розділити поля форми кілька колонок. Ви також можете вказати порядок стовпців, вибравши варіант зліва-направо або справа-наліво.
• Email End User. Активуйте цю функцію, якщо хочете, щоб користувач отримав повідомлення на свою електронну пошту, після заповнення форми.
• Legal. Стандартно завжди буде підпис "Powered by Google Docs", яку ви можете відключити в даному вікні.
• Read Only. Якщо ви хочете створити форму тільки для читання, ви можете це вказати тут.
• CSS Prefix. Додавання префікса до початку кожного імені класу в формі Google можна використовувати для індивідуального оформлення.
• CSS Suffix. Якщо ви не використовуєте це в CSS, то дана функція зможе додати символьний рядок до кінця кожного лейбла.
• Title. Якщо ви не хочете, щоб назва вашої форми Google відображалося на сайті, можете встановити це тут.
• Map H1 to H2. Якщо ви хочете виводити назву, але не в якості елемента H1 (що встановлено за замовчуванням), ви можете використовувати цю функцію для того, щоб виводити його на екран, як елемент Н2.
• Unite Theme Hack. Якщо ви не використовуєте тему Unite від Paralleus, вам не потрібно звертати увагу на це поле. В іншому випадку, обов'язково включите цю функцію, оскільки без цього хака функція не працюватиме належним чином.

Публікація вашої форми на сайті WordPress

Журнал подій

Ви знайдете журнал всіх подій, перейшовши в меню Form Submission Log. Ви побачите таймстемп і URL кожної дії, які зможете видалити в будь-який час.

висновок

З особистого досвіду ми може сказати, що використовувати Google Forms дуже зручно. Так, можливо, це не саме круте і функціональне програмне забезпечення, але це абсолютно безкоштовний ресурс, так що його безперечно варто взяти на замітку.

Якщо ви хочете повністю контролювати оформлення ваших форм, то тоді слід завантажити плагін Google Forms для WordPress. При правильних налаштуваннях і дизайні ваші користувачі ніколи не здогадаються, що ви використовуєте безкоштовний сервіс від Google.

Джерело: wpmudev.org

як видалити внизу напис, що форма створена на платформі гугл?