# フォーム情報の次ページへの受け渡しについて

**URL:** <https://community.shopify.com/t/topic/67188>\
**Category:** 技術的なQ＆A\
**Created:** [September 22, 2021, 2:10am UTC](https://community.shopify.com/t/topic/67188 "2021-09-22T02:10:36Z")\
**Posts on this page:** 2\
**Page:** 1

## AI-generated summary

Shopifyのオーダーメイド商品ページから「見積り」ボタンで遷移するコンタクトフォームに、押下元の商品名を自動入力したいという要望。PHPではなくShopifyでの実装方法が知りたいという相談。

解決策: 商品ページでsessionStorageに必要な商品情報（例: 商品名）を保存。見積り用ページでsessionStorageから読み出してフォーム項目へ反映。

実装のポイント: ブラウザのWeb Storage API（sessionStorage）を利用。LiquidでsessionStorageに設定する値を埋め込む形で連携。

参考資料: MDNのWeb Storage API解説と、sessionStorageの使い方を紹介するブログ記事のリンクが共有。コードの具体例は投稿内に明記されていない。

補足: 添付画像は概要イメージで、理解の補助程度。

現状: 問題は解決済み。未解決の論点や追加のアクションは特になし。

<div class="post-metadata">

**Author:** ![memorica](https://avatars.discourse-cdn.com/v4/letter/m/46a35a/32.png) [@memorica](https://community.shopify.com/u/memorica)\
**Post date:** [September 22, 2021, 2:10am UTC](https://community.shopify.com/t/topic/67188/1 "2021-09-22T02:10:36Z")

</div>

オーダーメイドの商品を取り扱うストアの構築を行っています。  
商品ページに見積りボタンを設置し、本ボタンを押下後に見積り用のページに遷移するように設定しました(見積り用ページはcontact formを使って作成しています)。

上記見積り用ページに商品名を記載する項目があるのですが、本項目に見積りボタンを押下した商品ページの商品名を自動で記載するようにしたいと考えています。  
調べたところPHPなどで実施するようなのですが、Shopifyの場合どのようにコーディングすれば良いか分からず、ご存じの方がいらっしゃいましたら教えて頂けますと幸いです。

よろしくお願いいたします。

簡単なイメージを添付いたします。

 ![img.png](https://canada1.discourse-cdn.com/shopifyforum/original/4X/2/b/2/2b2be2aff82835328738681984f7c034620b3fd2.png)

---

<div class="post-metadata">

**Author:** ![memorica](https://avatars.discourse-cdn.com/v4/letter/m/46a35a/32.png) [@memorica](https://community.shopify.com/u/memorica)\
**Post date:** [September 22, 2021, 9:39am UTC](https://community.shopify.com/t/topic/67188/2 "2021-09-22T09:39:39Z")

</div>

解決いたしました。念のため解決方法を記載いたします。

商品ページにてsessionStorageを使って、必要な商品情報を確保し、見積り用ページで本情報を取り出せるようにしました。  
以下参照したウェブページです。  
sessionStorageでブラウザにデータを保存  
[https://b-risk.jp/blog/2021/07/sessionstorage/](https://b-risk.jp/blog/2021/07/sessionstorage/)  
MDN : Web Storage API  
[https://developer.mozilla.org/ja/docs/Web/API/Web\_Storage\_API](https://developer.mozilla.org/ja/docs/Web/API/Web_Storage_API)

下記のようにliquidを使ってsessionStorageのvalueを指定するようにしました。

```javascript

```
