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

こんにちは。

アメーバオウンドマイスター加藤です。

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

是非参考に。


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

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

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


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

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

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

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


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

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

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

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

これで、設置完了です。

では見てみましょう!!


こんな感じですが、どうでしょうか??

これが出来れば、フォームメーラーやアスメルなど、フォームを埋め込むことができますし、色々な使い方が可能となりますね。

アメブロではフォームの設置はダメですから、オウンドで正々堂々と設置できますからね!!(アメーバオウンドは商用利用OKですから)

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

ではまた。

加藤でした!

2コメント

  • 1000 / 1000

  • @柏木 妃都美はいー! フォームメーラーですね〜! ちょっと見てみますね!
  • 柏木 妃都美

    2016.02.23 13:47

    早速、質問です! 設置後のプレビューを見るとお問合せフォームの縦幅が小さくなってしまって、スクロースしないと見れない感じになってしまいます。。どうしたら良いでしょうか??(フォームメーラーを使っています。)
アメーバオウンド 札幌 ホームページ 加藤敦志

札幌でホームページ制作をアメーバオウンドで行っています。
Smilefactoryten 代表 加藤敦志です。
農業土木設計技師に19年従事
現在
ホームページ(アメーバオウンド、WordPress)、ブログ(アメブロ)の制作をしています。
また、PC、iPhone、SNSの悩み、質問、など
トータルでWebサポートも行っています。

アメーバオウンド 札幌 ホームページ 加藤敦志

札幌でホームページ作成をアメーバオウンド(Amebaownd)で行っています。 アメーバオウンド マイスター 加藤敦志です。 ホームページ、ブログ制作、悩み、苦手を問題解決へサポートする。 IT、WEBを使ってお仕事をされる方のお手伝い トータルWebサポートをしています。