Kwesを使ったお問い合わせフォームの作成

要件:
Kwesのアカウント、テーマ編集またはスクリプト挿入プラグイン(例:Scripts
n Styles、Header and Footer)

はじめに

以下の手順に従って、Kwesを使ってお問い合わせフォームを作成します。

  1. サインアップ Kwesの公式サイトにアクセスします。

  2. ウェブサイトを登録 [Add
    Website]ボタンをクリックしてウェブサイトを登録し、ウェブサイト名を入力します。

  3. フォームを作成 フォームに名前を付けて、[Add
    Form]ボタンをクリックします。

  4. JavaScriptリンクをコピー
    コードをコピーした後、[Next]ボタンをクリックします。

    <script src=" https://kwes.io/js/kwes.js"></script >

  5. フォームコードをコピー

  6. アクションURLを追加

  7. フィールドをカスタマイズ

  8. オプションのフィールドを追加してコピーします。

  9. 最初の送信
    [Finish]をクリックする前に、Shifterダッシュボードにアクセスしてフォームの設定を完了します。

  10. ShifterダッシュボードからWordPressを起動
    Shifterダッシュボードに戻り、[Start
    WordPress]ボタンをクリックします。

  11. スクリプトコードを挿入

    テーマのfooter.phpに直接コードを追加するか、Scripts n
    Styles、Header and Footer Scriptsなどのプラグインを使用できます。

    Scripts n StylesプラグインとHeader and Footer
    Scriptsのインストール方法と設定方法:

    • Script’n’Style:
      1. [Plugins] -> [Add New]に移動します。
      2. プラグインを検索してインストールします。
      3. [Global]タブに移動します。
      4. コピーしたスクリプトを[HTML (end of the body
        tag)]のテキストエリアに貼り付けます。
      5. [Save Changes]をクリックします。
    • Header and Footer Scripts:
      1. [Plugins] -> [Add New]に移動します。

      2. プラグインを検索してインストールします。

      3. [Add new]をクリックします。

      4. Site Displayから[Site Wide]を選択します。

      5. Locationから[Footer]を選択します。

      6. ステップ4のJavaScriptリンクをSnippet/Codeエリアに貼り付けます。

        <script src="https://kwes.io/js/kwes.js"></script>
      7. [Save]ボタンをクリックします。

    実行中のWordPressにアクセスし、コードが表示されていることを確認します。

  12. フォームを追加

    1. ページを作成します。
    2. Formattingメニューから[Custom HTML]を選択します。
    3. コピーしたフォームコード(ステップ8)をテキストエリアに貼り付けます。
    4. 公開します。
  13. フォームページにアクセスして、最初の送信を行います。

  14. [Set As Testing Domain]をクリックします。
    これで、実行中のWordPress上のフォームがテストとして設定されました。

  15. Kwesダッシュボードに戻り、最初の送信が届いていることを確認します。

  16. アーティファクトを生成し、公開してフォームをテストします。

  17. [Set As Live Domain]をクリックします。

以上です!