メールフォーム埋込できますか?アメーバオウンドメールフォーム設置方法

こんにちは。
アメーバオウンドマイスター加藤です。

※AmebaOwndにGoogleフォームを設置する方法について、情報を一部リライト・更新しました。

アメーバオウンドでは2016年2月10日にリリースになりました新機能「HTMLブロック」を使った色々な例を、オフィシャルブログで紹介してくださっています。

是非参考に。


さて、このHTMLブロックの機能を使って、お問合せフォームをページに直接埋め込んでみました。

その方法をまとめてみましたので、是非参考になさってください。

※今回はグーグルフォームを使った方法です。


1.埋め込みたいページにHTMLブロックを設置します。

2.次にあらかじめ作っておいたグーグルフォームをオウンドサイトのページに埋め込むためのHTMLタグを取得します。

グーグルフォームの管理画面>画像の右上の赤枠の部分「送信」をクリックします。


次に、埋め込み用のHTMLタグを取得します。埋め込み用のタグが表示されましたら、すかざすコピーしましょう!


3.コピーした埋め込み用のHTMLタグを、オウンドのHTMLブロックに貼り付けます。

HTMLブロックを設置したら、コード入力画面がひょうじされますので、そこにペースト、貼り付けます。

4.埋め込み用のHTMLタグを修正します。

グーグルフォームは基本サイズが設定されているために、そのままのHTMLコードを設置すると、うまく全体がひょうじされないので、ちょっとサイズを調整します。

これで、設置完了です。

では見てみましょう!!




以上でAmebaOwndにGoogleフォームを埋め込み設置することができました。


また、無料で使えるフォームツールは、他にもあります。

有名なところでは、「フォームメーラー」、「フォームズ」といったところでしょうか?

これらのフォームをAmebaOwndに埋め込む方法について、僕の公式ブログ:wordpressにまとめていますので、是非参考にしていただけると幸いです!




是非参考にチャレンジしてみてくださいませ!!

ではまた。

加藤でした!

2コメント

札幌 AmebaOwnd アメーバオウンド 加藤敦志

札幌市を拠点に、全国・全世界対応で個人事業主の方に「ホームページ作成とIT・Webサポート」を行っております。smilefacotryten加藤敦志です。/ ホームページ作成では主にWordPress、AmebaOwndを使っています。