アイビスfacebookページに、123Contact formを利用して、問い合わせフォームを設置 ～ 失敗

アイビスfacebookページに問い合わせフォームを設置したくて、色々調べた結果、123Contact form を利用して、設定を行ってみましたので手順を説明します。

理由は最後に書きますが、結論からいうと今回は採用しませんでした。


まずは、123Contact form にサインアップ（ユーザ登録）します。
http://www.123contactform.com/ にアクセスします。

「SIGN UP FREE」をクリックします。

Free列の「Sign Up!」をクリックします。

全ての項目に入力します。
問い合わせフォームの結果は、「Contact email」に送信されます。後で設定変更も可能です。
「Create account」をクリックします。

この画面が表示されれば登録完了です。

「New form」もしくは、「Create one」をクリックして、フォームの作成画面に移ります。

「Form name:」に、「facebook contact form」と入力します。
「Save」をクリックします。

Form Editorが開きますので、「Field name」や「Field type」を入力します。
フィールドを追加する場合は、「Add new field」を利用します。
入力が終わったら、「Save」をクリックします。

画面下部の「Next ＞＞」をクリックします。

色を選びます。

初期値で選択されている色が一番facebookに近いと思います。

「Save」をクリックします。

画面下部の「Next ＞＞」をクリックします。

赤枠で囲んでるテキスト文字を全てコピーします。

念のため、(CTRL+A）（CTRL+C）がいいと思います。

ここまでで、123Contact formでの設定は完了です。

後は、facebookのFMBLにペーストすれば完了です。

完成！

ここで問題発生です！！
エラー画面が文字化けしてます。

なんてこった・・・
これでは使い物にはなりません。

結局、アイビスfacebookページには採用しませんでした。
今後に期待します。