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

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

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

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

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

是非参考に。

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

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

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

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

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

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

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

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

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

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

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

これで、設置完了です。

では見てみましょう！！

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

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

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

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

「完全版」AmebaOwnd お問合せフォーム ページに設置・埋め込み設定方法！

アメーバオウンドに、フォームズ、フォームメーラーのフォームを設置、埋め込む方法についてまとめた記事です。

札幌 加藤敦志 公式ブログ

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

ではまた。

加藤でした！