現役WEBディレクターのテクニック日誌WEBディレクションの現場でなにをやったらいいか迷ったりしませんか?そんな方のために現場で培った情報を発信していきます。Respond「商品を購入していただく際に、指定の「オーダーシート」に記入してもらわないと受注が出来ない商品があるのですが...」こんなご相談を、ネットショップを運営するお客様からいただきました。通常、商品をご購入していただく際は、単純に「カートに入れる」ボタンを押していただくだけで購入が可能になっているネットショップ(ECサイト)ですが、色やサイズだけでなく、商品にお名前や任意の文字を刺繍したりなど、一人一人ちがうオリジナルの商品を販売したいため、どうしても指定のオーダーシートに記入をしてもらわないと受注が出来ないのです...せっかくなので、店頭だけでなく、運営しているネットショップで販売をしていきたい。」というのが具体的なご要望でした。そんなときは!その1.オーダーシートの内容でフォームを構築するフォーム構築が可能なら、必要事項をフォームに入力してもらえば問題ないですね。「CGI」をサーバー(使用のASP)にアップ出来ない場合、「静的html」ファイルしか構築できない場合はどうするか?「静的html」だけ構築して、「CGI」は別のサーバーにアップして飛ばせばいい!でもセキュリティが心配だし、そもそもフォーム構築ができない場合はどうすればいいか?その2.入力可能なPDFファイルを作成する「PDFファイルを出力してもらってFAXしてもらうのがいいのでしょうか?」お客様からこのようなご質問をうけましたが、自宅にファックスをおいているユーザの割合、はたまたプリンターを持っている割合を考えると、「FAXを送ってもらう」は、かなり非現実的。いうわけで、以下のような策を考えました。あるPDFファイルを入力可能な「入力フォームPDF」として作成しなおす。「オリジナルオーダー承ります!」のページを作成し、PDFファイルもアップロード。発注は「PDFをダウンロードしてください」と誘導する。購入をお考えのお客様には、ネットショップからPDFをダウンロードしていただき、お客様のデスクトップ上に保存していただく。必要事項を入力していただき、その後、メールで送信していただく。いうプロセスで発注していただくのがいいと考えました。それでは入力可能なPDFファイルの作成方法は?(1)まず、お客様に記入してもらいたい、加工していないPDFを開き、左上の作成ボタンをクリックします。(クリックすると拡大します)(2)「PDFフォーム」を選択します。(クリックすると拡大します)(3)ポップアップしたウィンドウ「現在の文章を使用する...」「現在の文章を使用」を選択します。こんな画面になります。青く囲まれているところが入力可能な欄になります。しいフィールドを追加」→「テキストフィールド」を選択します。(クリックすると拡大します)(6)新たに追加したい場所にマウスをもっていくと矩形が表示されます。該当箇所でクリックすると、新たなテキストフィールドが追加となります。逆に青い囲いを削除したい場合は右クリックで「削除」できます。(クリックすると拡大します)あとは保存するだけ!実際に保存したPDFを開いてテキストが入力できるようになっているか試してみてくださいね。キャンセル投稿を送信できませんでした。メールアドレスを確認してください。メール送信チェックに失敗しました。このブログではメールでの投稿共有はできません。