トップページ > 管理画面のメニューから探す > 登録ページ・フォーム > 自作ページにフォームを貼り付けて使う

自作ページにフォームを貼り付けて使う

自作ページに貼り付ける際の注意事項

自作ページの文字コードと登録フォームの文字コードが一致していないと登録者データが文字化けを起こしてしまいます。
自作ページに貼り付ける際は登録フォームの文字コードにご注意ください。

<ご参考>入力内容が文字化けしてしまいます。
https://autobiz.help/basic/trouble/archives/4131/

 

ワードプレスやブログ、ホームページ作成ソフト等で作成されたページ(以下、自作ページ)に、
オートビズの登録フォームを貼り付けて利用することができます。

「登録ページ・フォーム」で選択したデザインテンプレートは反映されません。貼り付け後のフォームのデザインにつきましてはサポートの対象外となりますので、ご了承ください。

フォームのHTMLソースの確認方法

【フォーム/ページ】>【登録ページ・フォーム】画面で各設定を行った後、
「登録フォーム」欄の左下にある[ ]ボタンをクリックすると作成した登録ページのHTMLソースを表示されるのでコピーをしてご利用ください。

 

※以下の記述に関しては変更しないようご注意ください。

1.<FORM>タグの action属性と method属性
2.<INPUT>タグの name属性
3.「SUBMITボタン」の name属性(sbm)と value属性(登録)

 

※ソースを貼り替えなくても、変更が反映されるもの

・確認の挿入
https://autobiz.help/basic/kanri/entry/archives/72/
・重複登録の禁止
https://autobiz.help/basic/kanri/entry/archives/116/

自作したフォームに対応させる方法

お持ちのサイトやランディングページなど、あらかじめデザインが決まっているものに
フォームを対応させる場合、登録ページ・フォーム作成画面の『フォームのHTMLソース』から
必要なタグをコピーしてサイト側に貼り付け、必要な個所を編集してご利用ください。

必要なHTMLタグ(『フォームのHTMLソース』画面)

※レスポンシブ対応(フォームサイズの最適化)については、お持ちのサイト側で
 カスタマイズしていただくようになります。

 <必要なHTMLタグの詳細>
  ・<FORM>タグ内のaction先URLの変更
  ・文字コード指定用の<input>タグの追加
  ・登録先シナリオ指定用の<input>タグの追加
  ・各入力項目(<input>タグ)のname属性(部品名)変更

※フォームのデザインが決まっていない場合や、ベーシックなオートビズのフォームを
 そのまま貼り付ける場合は、フォームのHTMLソースからそのままHTMLタグをコピーして
 お持ちのサイト側に貼り付けてください。

<form action>(form action)の指定タグ

タグ内にあるaction先と、弊社システムのURLにします。
※URLの「××」「アカウント名」は書き換えてください。

<form action="https://××auto.biz/アカウント名/planmail.php" method="POST">

<mcode>(文字コード)の指定タグ

【注意】ページの文字コードとオートビズ側の文字コードが違うと文字化けしてしまいます。

<参考>自作ページの文字コードを確認する方法

自作ページの文字コードに合わせて、システムに渡す文字コードの設定を行います。
文字コードは必ず大文字で指定してください。

<input type="hidden" name="mcode" value="文字コード">

Shift-JISの場合<INPUT type="hidden" name="mcode" value="SJIS">
EUCの場合<INPUT type="hidden" name="mcode" value="EUC">
UTF-8の場合<INPUT type="hidden" name="mcode" value="UTF-8">
<pid>(シナリオ)の指定タグ

【注意】このタグが設定されていないと、フォームからの登録時にエラーが出ます。

どのシナリオに登録させるかを判別するためのタグを設定します。
pidはシナリオ一覧メニューから確認いただけます。

<参考>pidについて

<input type="hidden" name="pid" value="シナリオの番号(pid)">

各入力項目のname属性(name="")

HTMLソースには、フォームの入力項目を設定した際の部品名(name属性)が表示されているため、通常はそのままお使いください。変更する場合、入力項目側の部品名と合わせるよう、以下の例に従って設定してください。

お名前(姓名分ける場合)姓 name1
※姓名を分けない場合は「name1」としてください名 name2
メールアドレスemail
その他の項目はfld1~fld8 long1~long4 opt
submitボタンsbm

コメントを残す