Snow Monkey Forms は、Snow Monkey テーマと相性抜群の国産お問い合わせフォームプラグインです。
ブロックエディターで直感的にフォームを作れる一方、実案件ではもう一歩踏み込んだカスタマイズが必要になる場面も多いですよね。
この記事では、Snow Monkey Forms の基本設定から実務で使えるカスタマイズまで、当ブログの解説記事を 目的別 にまとめました。
まず基本設定で送信先と自動返信を決め、検証環境で入力・確認・送信・受信を確かめます。その後、目的に合う見た目や機能のカスタマイズを選んでください。各記事の対象バージョン・検証範囲も確認します。
目的に合う記事の選び方
入力ミスを防ぐ場合は、メールアドレスの確認入力・都道府県テンプレート・必須マークの順に必要な設定を選びます。
送信後の移動だけが必要ならサンクスページの記事を使い、計測サービスへの実送信が必要なら計測タグの記事で利用サービスと同意条件を設定します。
流入元の補助情報はrefの記事で扱い、権限・料金・紹介料の判断には使いません。
フォーム資産の解除はフォームがないと確認したページだけに使い、後からフォームを置いたページは解除リストから外します。
ブログパーツの更新反映、実メールの到達、計測サービスの記録は記事ごとの未検証範囲を確認し、導入先で追加のテストを行ってください。
基本設定・見た目の調整
まずは導入直後に押さえておきたい、基本的なフォーム設定やデザイン調整に関する記事です。
Snow Monkey Forms│基本的なフォーム設定・文言まとめ
フォーム作成時に設定する項目（送信先メールアドレス、件名、自動返信メール本文など）を一通り解説しています。初めて Snow Monkey Forms を使う方は、まずこちらから。
Snow Monkey Forms│ボタン等の見た目の調整まとめ
送信ボタンやフォーム全体の余白・フォントサイズなど、CSS でのデザイン調整をまとめた記事です。デフォルトの見た目からサイトのトンマナに合わせたいときに。
Snow Monkey Forms│必須マークをつける方法
入力欄に「必須」マークを表示する方法を解説。ユーザーにとって分かりやすいフォームにするための基本的なカスタマイズです。
Snow Monkey FormsのCSS変数を調べる
CSS変数と定義元を確認し、特定のフォームだけに変更を限定する例です。表示確認用の見本も掲載しています。送信やエラー処理を検証する記事とは分けて利用してください。
入力項目・テンプレート
フォームの入力項目を充実させたり、入力しやすくするためのカスタマイズです。
Snow Monkey Forms│都道府県の入力テンプレート
セレクトボックスで47都道府県を選択できるようにするテンプレートです。コピペですぐ使えます。
Snow Monkey Forms│メールアドレスのダブルチェック確認の実装方法
メールアドレスの入力ミスを防ぐため、確認用の入力欄を追加してバリデーションする方法を解説しています。
Snow Monkey Forms│チェックボックス・ラジオボタンを画像付きの見た目にする方法
選択肢を画像付きのカード風UIにカスタマイズする方法です。プランの選択や商品の選択など、ビジュアルで伝えたい場面で活用できます。
プライバシーポリシー関連
お問い合わせフォームに欠かせないプライバシーポリシー周りのカスタマイズです。
Snow Monkey Forms│プライバシーポリシー用チェックボックスの文字にアンカーリンクをつける方法
同意チェックと独立したポリシーリンクを置き、キーボードでの移動やリンク操作で同意状態が変わらないことを確認する方法です。
Snow Monkey Forms│プライバシーポリシーをお問い合わせに埋め込む方法
フォーム内にプライバシーポリシーの本文をスクロール表示で埋め込む方法です。別ページに遷移させたくない場合に便利です。
送信・通知のカスタマイズ
フォーム送信後の動作やメール通知に関するカスタマイズです。
Snow Monkey Forms│送信完了後サンクスページにリダイレクトする方法
送信完了後に任意のサンクスページへリダイレクトさせる方法です。Google 広告などのコンバージョン計測にも役立ちます。
Snow Monkey Forms│カスタムフィールドに記載したメールアドレスをCCまたはBCCに送付する方法
投稿やページのカスタムフィールドに設定したメールアドレスへ、CC/BCC で通知メールを送る方法です。担当者ごとに通知先を変えたいケースで活用できます。
Snow Monkey Forms│お問い合わせ内容をスプレッドシートに書き込む方法
Google スプレッドシートにお問い合わせ内容を自動で記録する方法です。GAS（Google Apps Script）と連携して、お問い合わせの一覧管理やデータ活用が可能になります。
計測・パラメータ連携
アクセス解析や広告計測、外部パラメータとの連携に関する記事です。
Snow Monkey Forms│計測タグを仕込む方法
Google Analytics のイベントや Google 広告のコンバージョンタグなど、各種計測タグをフォーム送信時に発火させる方法を解説しています。
Snow Monkey Forms│URLパラメータをお問い合わせフォームに反映する方法
URLのrefを英数字・ハイフン・アンダースコアの1〜64文字に限定して反映し、確認・戻る・入力エラー後の非表示と生成メールへの差し込みを確認する例です。
パフォーマンス・開発者向け
サイトの表示速度改善や、フックを使った高度なカスタマイズに関する記事です。
Snow Monkey Forms│余計なJSやCSSを読み込まない方法
フォームを設置していないページで Snow Monkey Forms の JS/CSS が読み込まれるのを防ぐ方法です。読み込みを止めるとフォームが動かなくなる場合があるため、設置ページの判定と確認・送信の動作を合わせて検証します。
Snow Monkey Forms│フック23個全まとめ│アクションフック・フィルターフック
2024年4月に調査した23個のフックを解説し、SMF 13.0.0で確認した実フォームの操作範囲を分けて示す記事です。
まとめ
Snow Monkey Forms は、シンプルながらフックやカスタマイズの自由度が高く、実案件で求められる要件にも柔軟に対応できるプラグインです。
各記事では具体的なコードや設定手順を掲載しているので、必要な箇所からぜひ参考にしてみてください。記事は随時追加・更新していきます。
