Як вбудувати Google Form у WordPress
Швидка відповідь: у вашій Google Form натисніть «Надіслати», оберіть іконку вбудовування й скопіюйте код iframe. У WordPress додайте блок Custom HTML у редакторі й вставте код туди безпосередньо. Якщо форма не з'являється після збереження, можливо, ваша конфігурація WordPress видаляє iframe — плагін, що дозволяє сирі HTML-вбудовування, це виправляє.
Вбудовування Google Form безпосередньо в сторінку чи запис WordPress утримує відвідувачів на вашому сайті замість того, щоб відправляти їх на окреме посилання forms.google.com. Механіка проста — це той самий код вбудовування iframe, який Google надає для будь-якого сайту — але у WordPress є кілька особливостей, про які варто знати перед вставленням. Цей гайд охоплює кроки, специфічні для WordPress; для загального процесу вбудовування на будь-якій платформі дивіться наш гайд про вбудовування Google Form на сайт.
Крок 1: отримайте код вбудовування з Google Forms
Відкрийте форму, яку хочете вбудувати, і натисніть «Надіслати» у верхньому правому куті. У діалоговому вікні надсилання натисніть іконку вбудовування — вона виглядає як < > — поруч з іконками посилання та електронної пошти. Google генерує тег iframe, і ви можете налаштувати стандартну ширину й висоту прямо в цьому діалоговому вікні перед копіюванням. Натисніть «Копіювати», щоб отримати повний HTML-фрагмент.
Крок 2: додайте блок Custom HTML у WordPress
Відкрийте сторінку чи запис, де має з'явитися форма, у редакторі блоків WordPress. Натисніть +, щоб додати новий блок, знайдіть Custom HTML і оберіть його. Вставте скопійований з Google Forms код iframe безпосередньо в цей блок — не потрібно нічого змінювати, хіба що хочете налаштувати розмір. Скористайтеся вкладкою Preview блока (поруч з вкладкою HTML, усередині блока), щоб перевірити відображення перед збереженням сторінки.
Коли iframe видаляється: виправлення форми, що не відображається
У деяких конфігураціях WordPress форма просто не з'являється після збереження чи публікації, навіть якщо ви вставили код правильно. Це зазвичай трапляється тому, що плагін безпеки чи посилена конфігурація хостингу фільтрує сирі теги iframe з контенту записів, оскільки iframe можуть становити ризик безпеки, якщо їх не перевіряти з ненадійних джерел. Якщо це трапилося з вами, зазвичай виправлення полягає в тому, щоб знайти простий, добре перевірений плагін WordPress, чиє конкретне завдання — пропускати вбудовування через iframe чи шорткоди через фільтр контенту — шукайте в каталозі плагінів WordPress плагіни «iframe» чи «embed» і перевіряйте відгуки та актуальність оновлень перед встановленням, оскільки ми не тестували й не рекомендуємо тут конкретний плагін. Альтернативно, перевірте, чи має ваш наявний плагін безпеки налаштування для дозволу конкретних HTML-тегів, як-от iframe.
Крок 3: виправлення смуги прокрутки, що обрізає форму
Стандартна висота вбудовування Google часто занадто мала для будь-чого, що перевищує кілька запитань, тобто респонденти отримують внутрішню смугу прокрутки, стиснуту в маленький блок, замість того щоб бачити всю форму. Відкрийте блок Custom HTML, знайдіть атрибут height="…" у тезі iframe і збільшіть число — для довшої форми не бійтеся встановити значення значно більше за стандартне, оскільки додатковий порожній простір знизу набагато менш дратівливий для відвідувача, ніж тісне вікно прокрутки. Точної формули немає; правильна висота залежить від кількості ваших запитань, тож налаштовуйте й перевіряйте, доки вся форма не стане видимою без власної смуги прокрутки.
Адаптивність на мобільних варіюється залежно від теми
Вбудована Google Form сама по собі адаптивна, але те, як вона розташовується в макеті вашої теми WordPress, залежить від теми — деякі теми акуратно обмежують вбудовані iframe шириною контенту, тоді як інші дозволяють iframe фіксованої ширини виходити за межі сторінки на екрані телефону. Оскільки це сильно варіюється залежно від теми та конструктора сторінок, не довіряйте лише попередньому перегляду на комп'ютері: відкрийте опубліковану сторінку на реальному телефоні й прокрутіть вбудовану форму, перш ніж вважати роботу завершеною.
Коли варто просто дати посилання замість вбудовування
Вбудовування чудове, коли ви хочете, щоб форма виглядала частиною сторінки, але це не завжди необхідно. Якщо вам просто потрібно, щоб відвідувачі заповнили форму, і вас не хвилює утримання їх на сайті WordPress, звичайне посилання простіше, не має жодного ризику видалення iframe і відкриває форму у власному оптимізованому для мобільних макеті Google замість обмежень вашої теми. Дивіться наш гайд про поширення Google Form для різних варіантів посилань і QR-кодів.
Швидкий контрольний список
- Скопіюйте код iframe з «Надіслати» > «Вбудувати» у вашій Google Form.
- Використовуйте блок Custom HTML, а не звичайні блоки абзацу чи вбудовування, у редакторі WordPress.
- Якщо форма зникає після збереження, знайдіть плагін, що дозволяє вбудовування iframe, або перевірте налаштування фільтрації HTML вашого плагіна безпеки.
- Збільшіть значення висоти, якщо смуга прокрутки обрізає низ форми.
- Завжди тестуйте на реальному телефоні, перш ніж вважати вбудовування завершеним — поведінка теми варіюється занадто сильно, щоб довіряти лише попередньому перегляду на комп'ютері.
Часті запитання
Як отримати код вбудовування для Google Form?
Відкрийте форму, натисніть «Надіслати», оберіть іконку вбудовування (< >), за бажанням налаштуйте ширину й висоту, потім натисніть «Копіювати», щоб скопіювати HTML-код iframe.
Який блок WordPress використовувати для вбудовування Google Form?
Використовуйте блок Custom HTML у редакторі блоків. Додайте новий блок, знайдіть «Custom HTML» і вставте туди код iframe, наданий Google.
Чому моя Google Form не відображається після вставлення коду вбудовування у WordPress?
Деякі конфігурації WordPress і плагіни безпеки видаляють сирі теги iframe з контенту з міркувань безпеки. Якщо форма зникає після збереження, знайдіть простий, добре перевірений плагін, який явно дозволяє iframe чи вбудовування через шорткоди, і перевірте налаштування вашого плагіна безпеки на наявність опції фільтрації HTML.
Чому смуга прокрутки обрізає мою вбудовану форму?
Стандартна висота iframe часто занадто мала для довших форм. Збільшуйте значення висоти в коді вбудовування, доки вся форма не поміститься без власної внутрішньої смуги прокрутки.