URLパラメータによるフォームフィールドの事前入力

  • liferom_wedding
    2023年5月25日 22:41に質問

    フォーム内にカスタムURL(URLと最後に別の項目の回答を足したもの)を表示することは可能でしょうか。

    表示したいイメージを下記に記載いたします。

    表示したいイメージ

    https://form.jotform.com/liferom_wedding/mypage?session=質問①回答メールアドレス

    例えば質問①の回答が「info@aaa.com」の場合は「https://form.jotform.com/liferom_wedding/mypage?session=info@aaa.com」としたいです。

    ウィジェットを使用する方法でも構いませんので、何か方法があれば教えてください。

  • liferom_wedding
    2023年5月26日 0:36に返信

    ボタン形式にリンクをする方法が分かりましたが、フォームフィールドが反映されません。

    <a style="background-color: orange; padding: 10px; color: white; text-decoration: none; display: inline;" target="_blank" rel="nofollow noopener noreferrer" href="https://form.jotform.com/liferom_wedding/pr-mariage?session=form-{input3215}" >Link Button</a>

    (input3215)部分を実際のフォームフィールドにする場合はどのようなコードを入力すれば良いでしょうか。

    以上ご回答よろしくお願いします。

  • Nozomi_K Jotform Support
    2023年5月26日 4:33に返信

    こんにちは、エターナルムービー様。

    この度はJotformサポートにお問い合わせいただきありがとうございます。URLパラメータでフォームを事前入力しようとしているのでしょうか?それに関するガイドをこちらでご紹介しています。もう一つの質問に関してですが、あらかじめ答えが入力された段落要素にリンクを貼ろうとしているのでしょうか?その方法をお見せします:

    • フォームビルダーで、画面上部のオレンジ色のナビゲーションバーでビルドをクリック。
    • 左のフォーム要素を追加するをクリック。
    • ベーシックの中からパラグラフを選択。
    • フィールドの横のテキストを編集するをクリック。

    URLパラメータによるフォームフィールドの事前入力 Image 1 Screenshot 30

    • フィールドにテキストを入力します。
    • 段落要素にハイパーリンクを作成し、生成されたURLを入力してください。
    • 最後に右のチェックマークの保存をクリック。

    URLパラメータによるフォームフィールドの事前入力 Image 2 Screenshot 41 こちらがデモフォームになりますので、ぜひ参考にしてみてください。他にもご不明点ございましたら、お気軽にお問い合わせください。

    宜しくお願いいたします。

  • liferom_wedding
    2023年5月26日 5:13に返信

    ご返信ありがとうございます。

    ご案内いただいた内容が求めていた回答が異なります。

    リンク(URL)にフォームフィールドを反映させる方法を知りたいです。

    具体的にはURLにメールアドレスを含ませたく、以下のようなことを実現したいと思っております。


    メールアドレスが下記の場合

    info@aaa.com

    作成したいリンク

    https://form.jotform.com/liferom_wedding/mypage?session=info@aaa.com


    メールアドレスが下記の場合

    info@bbb.com

    作成したいリンク

    https://form.jotform.com/liferom_wedding/mypage?session=info@bbb.com


    以上ご確認のほど、よろしくお願いいたします。

  • Nozomi_K Jotform Support
    2023年5月26日 7:47に返信

    こんにちは、エターナルムービー様。

    お返事いただきましてありがとうございます。URLパラメーターは、フォームのフィールドに自動的に入力するために使用することができます。送信者ごとに特定の「セッション」を作成しようとしているのであれば、残念ながらこれは不可能です。しかし、フォームに投稿されたものは個別に扱われ、フォームの投稿テーブルからそれらを見ることができるようになります。

    また、Jotform Prefillsを利用して、お客様専用のプレフィルドフォームリンクを生成することも可能です。URL パラメーターを使ったフォームフィールドの事前入力 Jotform Prefillとは何か。どのように機能するのか という関連ガイドも併せてご覧ください。お客様のご要望と異なる場合は、フローの例を示していただければ、お客様のご要望を理解し、より良い解決策を提供することができます。

    他にもご不明点ございましたら、お気軽にお問い合わせください。

    宜しくお願いいたします。

  • liferom_wedding
    2023年5月28日 20:16に返信

    ご返信ありがとうございます。


    リンクの生成については、フォームフィールドの入力値に合わせて変動するようにしたいです。


    例えば


    フォームフィールドの入力値がAの場合は、

    https://form.jotform.com/liferom_wedding/mypage?session=A


    フォームフィールドの入力値がBの場合は、

    https://form.jotform.com/liferom_wedding/mypage?session=B


    のようにhttps://form.jotform.com/liferom_wedding/mypage?session=○の○の部分に別のフォームフィールドの入力値が反映されて、URLが生成されるイメージです。

    以上のような機能やコードがあればご案内お願いいたします。

    できない場合はできないとはっきりご回答ください。

  • Nozomi_K Jotform Support
    2023年5月29日 5:16に返信

    こんにちは、エターナルムービー様。

    お返事いただきましてありがとうございます。リンクの生成をフォームフィールドの入力値に合わせて変動するようにしたいとの事でしたら、条件を設定する事で可能になります。その方法をお見せします:

    1. フォームビルダーで、画面上部のオレンジ色のナビゲーションバーにある設定をクリックします。
    2. 画面左側の条件をクリックします。
    3. そこで条件ロジックを作成します。

    URLパラメータによるフォームフィールドの事前入力 Image 1 Screenshot 40 下記の様にフィールドの更新/計算フィールドに入力してください。

    URLパラメータによるフォームフィールドの事前入力 Image 2 Screenshot 51すると以下のようにフォームフィールドの入力値が反映されて、URLが生成されます。

    URLパラメータによるフォームフィールドの事前入力 Image 3 Screenshot 62

    こちらはデモフォームになりますので、よろしければ参考にしてください。

    宜しくお願い致します。

  • liferom_wedding
    2023年5月29日 6:17に返信

    ありがとうございます!

    ようやく私が質問した意図に近い回答が返ってきて安心いたしました。

    上記のご案内で生成されたテキストをクリックしてリンク先に飛ぶ仕様には変更できますでしょうか。

    (またはリンクボタンなどがあれば教えていただきたいです。)

  • Nozomi_K Jotform Support
    2023年5月30日 5:42に返信

    こんにちは、こんにちは、エターナルムービー様。

    お返事いただきましてありがとうございます。生成されたテキストをクリックしてリンク先に飛ぶ仕様には変更できますでしょうか。の質問に対してですが、別のフォーム 計算ウィジェットを追加して、リンクのあるHTMLタグ全体を作成し、そのフィールドをパラグラフ要素に入力することができます。その方法をご紹介します。

    • フォーム計算ウィジェットを追加します。

    URLパラメータによるフォームフィールドの事前入力 Image 1 Screenshot 40

    • HTMLタグの構造全体をメモ帳にコピーし、挿入するURLの前と後の2つに分けます。HTMLタグの最初の部分(URLの前)をコピーして貼り付け、「フィールドの追加」をクリックしてURLを持つフィールドと連結し、フィールドのエントリーをクリックして茶色にし(文字列として解析されるようにする)そして、HTMLタグの後半部分を貼り付けます。

    URLパラメータによるフォームフィールドの事前入力 Image 2 Screenshot 51

    • 出来上がったフィールドのユニークネームを{}で囲んでParagraphに挿入します。

    URLパラメータによるフォームフィールドの事前入力 Image 3 Screenshot 62

    こちらのデモフォームをご確認ください。ウィジェットを使ってフォームの計算を行う方法 入力フィールドをパラグラフ要素に渡すについての記事もあわせてご覧ください。

    宜しくお願い致します。