今回はオレンジフォームのHTML埋め込みで、

ウェブサイトでのフォームの表示や動作についてご説明します。

これからフォームをウェブサイトに埋め込む方、
フォームを埋め込んでいて表示や動作がおかしい・・・と思っている方、
ぜひご確認くださいね!

ホームページ、ブログ、LPなどの

ウェブサイトにオレンジフォームを埋め込んでみたら・・・

1.フォームの表示がおかしい(デザイン・フォームの幅など)
2.2つ以上のフォームを設置したら、1つ目のフォームしか動かない
3.設置後のフォームに登録をすると登録データが文字化けする
こんなことはありませんか?

サイト作成サービスをご利用している方で、ご質問の多いのがこの3つです。
Q. HTMLコードをサイトに埋め込むと表示がおかしくります。
Q. 2つ以上のフォームを設置すると動作しません。
という場合の対処方法をお答えしますね!

※技術的な対処方法がありますので、
サイトやフォームのCSS・HTMLをカスタマイズされる場合はご注意ください。

1.フォームの表示がおかしい(デザイン・フォームの幅など)

ウェブサイトのテンプレートのCSS(スタイルシート)によって、
表示がおかしくなってしまうことがあります。

対処方法はこちら!
・フォームデザインがテンプレートデザインを反映している
⇒フォームデザインを弊社のデザインにしたい場合、
iframe(インラインフレーム)をご利用ください。

●iframe(インラインフレーム)を使用したフォームの設置方法
http://mail.omc9.com/l/01MD86/8VFQMT0p/

⇒また、CSS・HTMLの知識がある方は、
デザインなしのHTMLコードでカスタマイズを行なってください
※カスタマイズによってはフォームが動作しないなど、
フォームに影響がありますのでご注意ください。

●HTMLコード(デザインなし)についての注意事項
http://mail.omc9.com/l/01MD86/VUI0rJix/

・フォームの幅が広くなっている
⇒幅を変更するHTMLタグ(widthタグ)を追加してください。

ブログやホームページに貼り付けるオレンジフォームの幅を変更す
http://mail.omc9.com/l/01MD86/1j7KTd26/

 

 

 

2.2つ以上のフォームを設置したら、1つ目のフォームしか動かない

2つ以上の同じフォーム、または違うフォームを設置場合、
1つ目以降のフォーム以外動かなかったり、
指定したデザインカラー反映できてないこともあります。

フォームのHTMLコードの関係上
同じページ内に2つ以上のフォームを設置できないため、
対処方法を確認して、ご自分に合った方法でご利用ください。

対処方法はこちら!
・ページ内リンク(同じフォームを同じページに2つ以上設置している場合)
・ページ外リンク(別々のフォームを同じページに2つ以上設置している場合)
・iframe(インラインフレーム)

この3つの対処方法がありますので、
詳しくは以下のサポートサイトをご確認ください。

●ウェブサイトの同じページに複数のフォームを設置したい
http://mail.omc9.com/l/01MD86/xrvkOdM0/

3.設置後のフォームに登録をすると登録データが文字化けする

フォーム設置後に登録をすると文字化けしてしまうことがあります
原因はフォームに埋め込んでいる文字コード(UTF-8)と
ウェブサイトのCSSに違う文字コードが設定されている場合です

対策法はこちら!
・設置しているウェブサイトの文字コードを
フォームの文字コード(UTF-8)に変更してください。

●投稿結果が文字化けしてしまう場合の対処方法
http://mail.omc9.com/l/01MD86/us5xFHyy/

CSSやHTMLはウェブサイトを作成する時に必要な言語です。
私も始めてみよう!と思った時は
CSS?HTML?何に使うの??と分からなかったので、
色々調べて、自分でカスタマイズできるくらいには身につきました笑

もし、ウェブサイトを作成されていても
CSSやHTMLのカスタマイズが難しい時は
サポートの対象外で回答ができないこともあります。

その時は、CSSやHTMLが細かく記載されているサイトを
ご参考にすることをおすすめいたします!

●参考:1時間で作るホームページ WEBデザインの素
http://mail.omc9.com/l/01MD86/KnucoNfM/

【編集後記】
最近販売されてかなり盛り上がってるゲームがありますね!
某動画サイトで多くのユーザーが生配信をしている・・・
【モンスターハンターワールド】

私もゲームが好きで、「モンスターハンター2G」からやってます。
一人でやると初期モンスターすら倒せなかったのですが、
「モンスターハンターフロンティア」というオンラインを始めて、
オンラインの友達と倒せたのを思い出します(^^♪

友達のおかげで一人でも倒せるようになって、
自信がついて、色んなモンスターに一人で挑むことがよくありました!
昔はゲームと言えば頭が悪くなると言われてましたが、
今はゲームでこそ学べることも多いと思います。

私がゲームから学んだのは、
始めは一人でできなくても他の人と一緒にやって、
自分に自信がついて、一人でやれるようになること!です(^^)v

今の私を変えてくれた1作品で、今でもモンハンは大好きです。

-----------------------------------

オレンジメールのサポートサイト&マニュアル

-----------------------------------

オレンジメールをより使いこなしていただくために、
サポートサイトやマニュアルもご用意しています。

●サポートサイト: https://support.orange-cloud7.net/
●各種マニュアル: https://support.orange-cloud7.net/manual

  • 第50回 稼ぐメルマガマーケティング 追記 「メルマガ到達率を高く保つために」
  • 【無料で使えるオレンジメール】 ステップメールでストーリー分岐をする方法
  • 【無料で使えるオレンジメール】アンケートご協力をお願いします!
  • 【無料で使えるオレンジメール】【オレンジフォーム】「Q. ウェブサイトにHTML埋め込みしたら、フォームの表示や動作がおかしいです。」
  • 【無料で使えるオレンジメール】【オレンジフォーム】機能追加について
  • 【無料で使えるオレンジメール】【オレンジフォーム】投稿管理がとっても楽に!Googleスプレッドシート連携機能のご案内!
おすすめの記事