目次
- はじめに
- なぜチェックアウト時にチェックボックスを追加するのか
- Shopifyストアの設定調整
- トラブルシューティング：一般的な問題と解決策
- 追加の決済オプションのための必須サインオフの追加
- 手動カスタマイズの代わりとなるもの
- まとめ
- FAQセクション
はじめに
お客様がShopifyストアで購入を完了する前に、お客様からの追加の同意を確認するための要件を追加したいと考えていませんか？お客様が特定の利用規約に同意するためのチェックボックスを追加することは、皆さんが同じページで同意することを確認するための画期的な方法です。この記事では、Shopifyストアのカートページにチェックボックスを追加するための手順を案内します。経験豊かなコーダーでも初心者でも、わかりやすい指示にしたがって、テーマに合わせてこの重要な機能を設定し、トラブルシューティングに取り組むことができます。
なぜチェックアウト時にチェックボックスを追加するのか
通常、お店では、顧客が返金、返品ポリシー、またはその他の購入に関連する重要な条件などに同意したことを確認するためにチェックボックスを追加します。これにより、お店のオーナーと顧客の間に共通の理解が生まれるだけでなく、紛争やチャージバック請求時にも重要な役割を果たすことができます。この慣行は、顧客の信頼を高め、ビジネスを法的に保護することができる方法です。
Shopifyストアの設定調整
このプロセスを開始するためには、Shopifyの現行の制限により、チェックアウトページではなくカートページを介して顧客が通過する必要があります。カートページをスキップできるショートカットボタン（一部のテーマにある「今すぐ購入する」オプションなど）を無効にすることから始めましょう。
セクション済みテーマへのチェックボックスの追加
おそらく、顧客をカートページに誘導したところで、次のステップはチェックボックスを組み込むことです。最近のテーマやセクション化されたテーマ（人気のあるDebutやBrooklynなど）の場合、HTML、CSS、JavaScript、およびShopifyのテンプレーティング言語であるLiquidの知識が必要です。以下に大まかな手順の概要を示します。
- テーマエディタを使用してテーマタイプを特定し、タイプに応じて適切なファイルに移動します。
- Debutなどのテーマの場合、通常は
ajax-cart-template.liquidなどのファイルでコードを変更するよう指示されます。 - チェックボックスを挿入するには、関連するラベルと利用規約へのリンクを持つ簡単なHTML inputタグを追加する必要があります。
また、カートページに存在するPayPalなどのボタンなど、チェックボックスが他のボタンと両立することに対する可能な課題にも対処する必要があります。
セクション非対応のテーマの取り扱い
古いセクション非対応のテーマの場合、アプローチは少し異なります。具体的な手順に関しては、通常はテーマの該当するcart.liquidレイアウトファイルに同様のHTMLチェックボックスコードを直接追加する必要があります。
トラブルシューティング：一般的な問題と解決策
-
チェックボタンがバイパスされる可能性があります：サイト上でチェックボックスを見つけましたが、マークせずにバイパスできることがわかりました。顧客が続行する前にそれに関わらず相互作用するために、inputタグに
required="required"属性を追加することが重要です。 -
適切なバージョンのjQueryを使用する：一部のテーマは、新しいチェックボックス機能と連携するためのjQueryの更新が必要です。テーマが互換性のあるバージョンを使用していることを確認してください。
-
チェックアウトの論理的な障害の対処：設定を完了してもロジックが正常に動作しない場合があります。適切な機能を確保するためには、テーマのガイドラインに従って構文と実装を確認することが重要です。一般的な修正方法として、カートのフォームで「必須」フィールドが明示的に指定されていることを確認します。
-
ポップアップのリマインダーを追加する：顧客がチェックボックスをチェックせずに前に進もうとするだけの場合、進む前にチェックするようリマインドするポップアップスクリプトを実装すると効果的です。
追加の決済オプションのための必須サインオフの追加
よくあることですが、お店は、オプションのサービスやチェックアウトで利用可能な代替決済方法に関する条件に同意してもらう必要があります。これには異なる方法が必要であり、顧客をサードパーティの支払い方法からお店のチェックアウトフローにリダイレクトして、チェックアウトの過程で顧客がチェックボックスを操作することを保証する必要があります。
手動カスタマイズの代わりとなるもの
コードのカスタマイズが得意でない場合や、より簡単な方法をお求めの場合は、Shopify App Storeで利用できるアプリを使用すると便利です。例えば、'Terms and Conditions Checkbox'というアプリを使用すると、テキストのポップアップをカスタマイズできるだけでなく、顧客が同意した日時を記録するドキュメンテーション機能も利用できます。テーマのコードに立ち入る必要はありません。
まとめ
Shopifyのチェックアウト時にチェックボックスを追加することは、クリックひとつで実現するものではありませんが、手順を順を追って進めれば十分に可能です。手動の修正や利用可能なアプリを使用することで、この機能を活用することで、お客様と共に責任を強調することができ、将来的な法的な問題からもお店を守ることができます。
この小さな機能を追加することで、お客様が重要な情報を読み、関連する条件に同意することが保証されます。契約において重要な責任を果たし、お客様との関係を透明にし、紛争を防ぐためにも重要です。
FAQセクション
Q: Shopifyのチェックアウトページに直接チェックボックスを追加できますか？ A: いいえ、Shopifyの現行の利用規約では、基本プランではチェックアウトページを直接変更することはできません。ただし、カートページにチェックボックスを追加することで、チェックアウトに移る前の必要事項とすることができます。
Q: アプリを使ってチェックアウト時のチェックボックスの追加を容易にできますか？ A: はい、Shopify App Storeにはいくつかのアプリがあり、効率的に利用規約のチェックボックスを追加することができます。一部のアプリでは同意日時を記録することもできます。
Q: ストアがセクション非対応のビンテージShopifyテーマを使用している場合はどうなりますか？ A: プロセス自体はHTMLコードを挿入することに変わりはありませんが、セクション化されたテーマとは異なるファイルをターゲットにする必要があります。具体的なファイルには使用しているテーマによって異なる手順が必要となります。
Q: '同意する'チェックボックスをチェックアウトの前に必須にするにはどうすればいいですか？ A: inputタグ内にrequired="required"属性を含めることで、顧客が同意するよう促すアラートを設定することができます。
Q: 顧客がチェックボックスをバイパスできる問題を修正する方法はありますか？ A: あなたのチェックボックスのinputタグ内にrequired="required"属性が含まれていることを確認してください。また、物議を醸すサードパーティの支払方法を含むすべての'手続き'アクションにチェックボックスを紐付けるために、カスタマイズが必要な場合もあります。
