# アカウント作成確認画面を介してアカウント情報を登録したい

**URL:** <https://community.shopify.com/t/topic/233934>\
**Category:** 技術的なQ＆A\
**Created:** [July 19, 2023, 10:30am UTC](https://community.shopify.com/t/topic/233934 "2023-07-19T10:30:58Z")\
**Posts on this page:** 3\
**Page:** 1

## AI-generated summary

ユーザーがDAWNテーマを使用してアカウント作成時に確認画面を実装したいと質問しています。

**要望:**
- アカウント作成ボタン押下後、確認画面に遷移
- 確認画面でDB登録前に入力内容を一時保存・表示
- 確認後に正式にDB登録を実行

**提案された解決策:**

1. **JavaScriptでの実装** (Jizo_Inagakiより):
   - 本来の送信ボタンを無効化
   - JS でフォーム内容を取得しポップアップ形式で表示
   - 確認ボタンで本来の送信ボタンを作動させる
   - 修正時はフォーム内容に反映

2. **localStorageの活用** (VXUT-shopより):
   - JSでlocalStorageを使用した簡単なデータ保存が可能
   - 確認、修正、戻る操作に対応可能

**状況:** JS実装が不慣れな場合は、ライブラリやエキスパートへの依頼も推奨されています。議論は技術的な実装方法の提案段階です。

<div class="post-metadata">

**Author:** ![norichan923](https://avatars.discourse-cdn.com/v4/letter/n/e19b73/32.png) [@norichan923](https://community.shopify.com/u/norichan923)\
**Post date:** [July 19, 2023, 10:30am UTC](https://community.shopify.com/t/topic/233934/1 "2023-07-19T10:30:58Z")

</div>

お世話になっております。

DAWNテーマを利用して、アカウント作成画面の作成ボタン押下後に遷移する、アカウント作成確認画面を作成したいと考えています。

アカウント作成画面ではDBにアカウント情報を登録せず一時保存するような形にし、アカウント作成確認画面で前ページ（アカウント作成画面）の入力値を表示し、その画面で作成ボタンを押下するとDBにアカウント情報が登録されるような処理をカスタマイズしたいです。

コードの編集方法、編集場所などご教示いただけますと幸いです。

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

---

<div class="post-metadata">

**Author:** ![Jizo\_Inagaki](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/jizo_inagaki/32/149480_2.png) [@Jizo\_Inagaki](https://community.shopify.com/u/Jizo_Inagaki)\
**Post date:** [July 26, 2023, 11:16am UTC](https://community.shopify.com/t/topic/233934/2 "2023-07-26T11:16:56Z")

</div>

DBや一時保存などがどういうものなのか把握できないのであっているかわかりませんが、確認画面であればおそらく以下のようにJSで対応できるかもしれません。

1. 本来のフォームの送信ボタンを無効化しておく
2. 送信ボタン押下時に、JSでフォームの内容を取得してポップアップのような状態で出力する。
3. 確認ボタンを押した場合は本来の送信ボタンを動作させ、修正した場合は本来のフォームの内容に反映する

上記の方法ではなかったとしても、おそらくJSで対応することになるかなと思います。

JSが書けない場合はパートナーやエキスパートに依頼するか、調べていませんが対応できそうなアプリやライブラリを探されることをお勧めします。

---

<div class="post-metadata">

**Author:** ![VXUT-shop](https://avatars.discourse-cdn.com/v4/letter/v/c37758/32.png) [@VXUT-shop](https://community.shopify.com/u/VXUT-shop)\
**Post date:** [July 26, 2023, 12:26pm UTC](https://community.shopify.com/t/topic/233934/3 "2023-07-26T12:26:06Z")

</div>

jsで実装可能です。

localで簡単なデータが保存できるので修正、戻し確認などができるはずです。
