アメーバオウンドにメールフォームを埋め込む

アメーバオウンドにメールフォームを埋め込む方法が図解でわかります。

ページを追加するより、埋込の方が読まれやすいかも(PC閲覧が多い人向き?)。

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

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

こんにちは。

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

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

是非参考に。


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

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

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


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

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

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

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


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

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

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

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

これで、設置完了です。

では見てみましょう!!


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

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

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

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

ではまた。

加藤でした!

http://ownd.smilefactoryten.com/posts/558939
空条れいれい:製作委員会

Webサイトの執筆と編集をしています。
PERLU(プルル)公式ライター。
BijinPLOFILE(ビジンプロフィール)所属。

最近は、映画、ドラマ、WebCMに出演することも。

日本一、ネットのあちこちに出没しています。
Twitterのトレンドキーワードと、はてなブックマークを巡回するのが日課。

美容室、コスメ、マンガ、アニメ、ライフハック好き。
アラサーで2児の母。

れい2ちゃんねる

れい2ちゃんねる管理人「空条れいれい」をフォローする

0コメント

  • 1000 / 1000