ここではAmebaOwndにフォームズのメールフォムを設置する方法を見ていきます。なお、メールフォームの設置方法は大きく分けると以下の2パターンありますので分けて説明していきます。
- ページ内に埋め込む方法
- フォームにリンクする方法
また、以下の説明では、すでにメールフォームが作成済みであることを前提に手順を説明しています。メールフォームをまだ作成していない場合は、フォームズでメールフォームを作成してから読み進めてください。
→ フォームズ
ページ内に埋め込む
まず、作成したメールフォームのURLをコピーしておきます。
(メールフォーム作成時に入力したメールアドレス宛にも同じ情報が送られているはずですので、そちらからコピーしてもOKです)
URLをコピーしたら、フォームズのトップページを表示して[設置方法]をクリックします。
設置方法が書かれたページが表示されますので「ページ内に埋め込む方法」の[フォームURL]にコピーしておいたURLを貼り付け[タグ生成]をクリックします。すると[フォーム設置HTMLタグ]の欄にタグと呼ばれるものが表示されますので、これを全てコピーします。
これでメールフォームを設置するための情報が取得できました。あとは、このコピーした情報をAmebaOwndに貼り付けていきます。
では、今回はAmebaOwndのページにメールフォームを設置していきます。
メールフォームを設置したいページを編集状態にして[HTML]を選択します。
続けて、メールフォームを設置したい位置にHTMLブロックを配置します。
すると、下の画像のような画面が表示されますので、先ほどコピーした内容を貼り付けます。
貼り付けたら[OK]をクリックします。
これで、メールフォームを表示するための準備は完了です。ただ、メールフォームを配置するために使用したHTMLブロックはプレビューしなければ表示を確認することができません。なので、右上の[プレビュー]をクリックして表示を確認します。
このようにメールフォームが表示されればOKです!確認できたら、右上の[プレビューを終了]をクリックしてこのページを閉じます。
なお、設置したフォームの一部が隠れてしまった場合は、先ほど貼り付けたタグの一部(高さ)を書き換えると全体が表示されるようになります。「height」の後ろの数値を書き換えて調整します。書き換える時は全角ではなく半角で入力します。
高さを変更したので、メールフォーム横に表示されていたスクロールバーが表示されなくなりました。
フォームにリンクする方法
リンクする場合も手順はほぼ同じです。まず、作成したメールフォームのURLをコピーしておきます。
(メールフォーム作成時に入力したメールアドレス宛にも同じ情報が送られているはずですので、そちらからコピーしてもOKです)
URLをコピーしたら、フォームズのトップページを表示して[設置方法]をクリックします。
設置方法が書かれたページが表示されますので「リンクをクリックして別ウィンドウで開く方法」の[フォームURL]の欄にコピーしておいたURLを貼り付け[タグ生成]をクリックします。すると[フォーム設置HTMLタグ]の欄にタグと呼ばれるものが表示されますので、これを全てコピーします。
これでメールフォームを設置するための情報が取得できました。あとは、このコピーした情報をAmebaOwndに貼り付けていきます。
では、今回はAmebaOwndのページにメールフォームを設置していきます。
メールフォームを設置したいページを編集状態にして[HTML]を選択します。
続けて、メールフォームを設置したい位置にHTMLブロックを配置します。
すると、下の画像のような画面が表示されますので、先ほどコピーした内容を貼り付けます。
貼り付けたら[OK]をクリックします。
これで、メールフォームを表示するための準備は完了です。ただ、メールフォームを配置するために使用したHTMLブロックはプレビューしなければ表示を確認することができません。なので、右上の[プレビュー]をクリックして表示を確認します。
このようにメールフォームのリンクが表示されればOKです!確認できたら、右上の[プレビューを終了]をクリックしてこのページを閉じます。
これでメールフォームの設置は完了です!
0コメント