Как встроить форму Google в WordPress

  1. Создание с помощью Google Forms
  2. Отправка формы Google в WordPress
  3. Использование wpGForm

В WordPress так много всего, что нужно любить. Он прост в использовании, бесплатный, гибкий и поддерживается большим сообществом, которое всегда готово помочь новичкам.

Как давний пользователь WordPress, мне нравилось охотиться за плагинами, которые перегружали мои проекты. Эти отличные программные продукты позволили мне создавать профессионально выглядящие, полнофункциональные и удобные для пользователя веб-сайты без необходимости углубленного изучения кода.

Когда дело доходит до удобства использования, одним из наиболее важных инструментов, которые вам нужны в вашем арсенале WordPress, является конструктор форм. Это позволяет вашей аудитории взаимодействовать с вашим брендом - будь то в форме общих запросов, запросов в службу поддержки или обратной связи. Формы также можно использовать для опросов, которые помогут вам глубже понять свою аудиторию.

Хотя официальный репозиторий WordPress уже предлагает множество плагины для создания форм некоторые блогеры и маркетологи предпочитают придерживаться G Suite - облачной платформы для веб-мастеров, созданной не кем иным, как Google.

В этом посте я покажу вам различные способы использования Google Forms с вашими сайтами WordPress.

Создание с помощью Google Forms

Прежде всего, войдите в Google Forms, используя любой действующий аккаунт Google.

Прежде всего, войдите в Google Forms, используя любой действующий аккаунт Google

В разделе «Начать новую форму» выберите, хотите ли вы начать с нуля или использовать уже существующий шаблон.

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

По умолчанию основной редактор форм включает тип вопроса «множественный выбор». Это полезно для создания опросных форм. Если вы хотите использовать что-то еще, щелкните раскрывающееся меню «Несколько вариантов выбора», чтобы раскрыть ваши варианты. По умолчанию основной редактор форм включает тип вопроса «множественный выбор» В настоящее время Google Forms поддерживает следующие типы вопросов для сбора различной информации. Чтобы редактировать любую информацию, просто нажмите на пустое поле и введите прочь. Все будет сохранено в облаке, поэтому не нужно беспокоиться о сохранении. Вы можете использовать столько вопросов, сколько захотите в одной форме. Для этого нажмите кнопку «Добавить вопрос» на плавающей боковой панели.

Вы также можете использовать боковую панель для добавления других элементов формы, таких как изображение, видео или отдельный раздел.

Как правило, запрашивайте только ту информацию, которая вам нужна, у ваших целевых пользователей. Если вы задаете слишком много вопросов или становитесь слишком агрессивными, пользователям может не понравиться завершить их отправку.

Чтобы узнать больше о функциях формы Google, обратитесь в Центр обучения G Suite, нажав эта ссылка ,

Отправка формы Google в WordPress

Теперь, когда вы знаете, как использовать Google Forms, пришло время научиться встраивать их в ваш сайт WordPress. Самый простой подход - вставить код для вставки прямо в любой пост или страницу.

Самый простой подход - вставить код для вставки прямо в любой пост или страницу

Чтобы получить код для встраивания вашей формы, нажмите кнопку «Отправить» в правом верхнем углу редактора. Чтобы получить код для встраивания вашей формы, нажмите кнопку «Отправить» в правом верхнем углу редактора Нажмите двойные символы со стрелками (<>), чтобы отобразить код для встраивания. После копирования перейдите на панель инструментов WordPress и откройте страницу или сообщение, где вы хотите, чтобы форма появилась. Переключитесь на текстовый редактор, чтобы просмотреть HTML-код вашего контента.

Переключитесь на текстовый редактор, чтобы просмотреть HTML-код вашего контента

Помните, что если вы вставили код для вставки с помощью визуального редактора, ваш код будет выглядеть как есть. Использование текстового редактора скажет WordPress, что ему нужно запустить определенную строку в виде кода. Когда закончите, нажмите кнопку «Предварительный просмотр», чтобы увидеть, работает ли код. Помните, что если вы вставили код для вставки с помощью визуального редактора, ваш код будет выглядеть как есть Кроме того, вы можете просто переключиться обратно в визуальный редактор, чтобы проверить, правильно ли отображается форма.

Внешний вид вашей формы зависит от трех вещей: вашей текущей темы WordPress, размеров, которые вы задали при создании кода для встраивания, и ваших настроек цветовой палитры в Google Forms.

Обратите внимание, что ваша тема WordPress определяет ширину области содержимого вашего сообщения. Вы можете настроить это с помощью кода или установив другую тему. В некоторых темах область содержимого также настраивается на полную ширину, если вы отключаете виджеты боковой панели.

В некоторых темах область содержимого также настраивается на полную ширину, если вы отключаете виджеты боковой панели

С другой стороны, цветовую палитру можно изменить, нажав кнопку «Цветовая палитра» в редакторе Google Forms. Если вы хотите, вы также можете загружать изображения, а не использовать сплошные цвета в качестве фона.

Использование wpGForm

Добавление Google Forms с помощью встраиваемых кодов кажется достаточно простым, поэтому нет необходимости использовать плагины, верно?

Если ваша единственная цель - встроить Google Forms на ваш сайт WordPress, то ответ - да. Тем не мение, wpGForm делает гораздо больше, чем просто объединение форм. Он также позволяет скрыть заголовок формы, изменить кнопку отправки, использовать капчу и т. Д.

Но прежде всего помните, что wpGForm работает только со старой версией форм Google.

Но прежде всего помните, что wpGForm работает только со старой версией форм Google

Чтобы получить доступ к этому, нажмите кнопку «Справка и обратная связь» и выберите «Вернуться к старым формам». Чтобы получить доступ к этому, нажмите кнопку «Справка и обратная связь» и выберите «Вернуться к старым формам» После установки wpGForm перейдите на панель инструментов WordPress и нажмите «Формы Google»> «Добавить новую форму Google». Затем вставьте ссылку на вашу форму в поле «URL формы». Вы можете получить это, перейдя в редактор Google Forms и нажав «Файл»> «Отправить форму». Вставив ссылку, нажмите синюю кнопку «Опубликовать». Это оно! Если был вставлен действительный URL-адрес, ваша форма готова к использованию через шорткод. Это можно получить, перейдя в «Google Forms»> «Google Forms».

Стоит отметить, что wpGForm это плагин с довольно кривой обучения. Используя настройки по умолчанию, ваша форма будет использовать основные элементы рендеринга, а не код для вставки.

Но в правильных руках Google Forms и wpGForm - это мощная комбинация, которая может поднять ваши усилия по сбору данных на новый уровень. Вы можете определить правила CSS, настроить проверку ввода, включить скрытые поля и переопределить текст по умолчанию в кнопках Google Form.

Чтобы узнать больше о том, что вы можете сделать с помощью wpGForm, вы можете обратиться к разделу советов и подсказок, найденному на сайте автора. Официальный веб-сайт ,

Согласны ли вы с тем, что формы являются важным компонентом взаимодействия с пользователем WordPress? Если так, проверьте эта почта для более полезных пользовательских плагинов формы вы можете использовать.