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

こんにちは。

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

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

是非参考に。


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

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

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


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

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

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

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


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

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

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

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

これで、設置完了です。

では見てみましょう!!


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

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

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

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

ではまた。

加藤でした!

2コメント

AmebaOwnd 札幌 ホームページ作成 加藤敦志

AmebaOwndでホームページ制作を行っています。
Smilefactoryten 代表 加藤敦志です。

ホームページ制作、ブログカスタマイズなどに関するご質問なども、お気軽にお問い合わせくださいませ。

どうぞ宜しくお願いいたします。

【経歴】
大学卒業後、設計コンサルタント・農業土木設計技師に19年従事
退職後、機械設備管理、トラック運転手に従事
現在は、Webクリエイターとして作成とトータルWebサポートを行っております。

【お仕事内容】
ホームページ作成(アメーバオウンド、WordPre

AmebaOwnd(アメーバオウンド) 札幌 ホームページ作成 加藤敦志

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