購入ボタンのよくある質問

このページの内容

Shopify オンラインストアに購入ボタンを追加することはできますか？

Shopify オンラインストアや Shopify ブログに購入ボタンを追加すると、オンラインストアのカートで問題が発生する可能性があるため、おすすめしません。代わりにパーマリンクを使用してカートに商品を事前追加することを検討してください。

Shopify の管理画面から購入ボタンチャネルを削除するにはどうすればよいですか？

Shopify の管理画面から、「設定」> 「販売チャネル」に移動します。
購入ボタンチャネルで、[...] > 「アンインストール」をクリックします。
「購入ボタンをアンインストールしますか？」ダイアログで、「この販売チャネルをアンインストールするリスクを理解しました。」を選択します。
任意：「アンインストールの理由」で、ドロップダウンメニューから該当する理由を選択し、テキストフィールドにフィードバックを記入します。
[アンインストール] をクリックします。

ウェブページから購入ボタンを削除するにはどうすればよいですか？

ウェブページに追加した埋め込みコードを削除します。

既存の購入ボタンを更新して別の商品を表示させることはできますか？

はい。埋め込みコードを編集することで可能です。埋め込みコードの id 属性を別の商品に対応するように変更できます。あるいは、Shopify で目的の商品を表示する新しい購入ボタンを作成し、新しい埋め込みコードを生成して、以前の購入ボタンの埋め込みコードと置き換える必要があります。

購入ボタンを作成する際に、「追加情報」フィールドは何のために使用できますか？

「追加情報」フィールドを使用すると、お客様にメッセージを伝えることができます。メッセージは、お客様のカートに表示されます。メッセージの例として、「税はチェックアウト時に計算されます」などが挙げられます。

購入ボタンで使用できる決済ゲートウェイサービスは何ですか？

購入ボタンを使用するには、対応している決済ゲートウェイサービスを使用する必要があります。お住まいの国や地域で対応している決済ゲートウェイサービスの一覧については、国や地域別の決済情報を参照してください。

既存の購入ボタンの見た目を変更するにはどうすればよいですか？

既存の購入ボタンの見た目や設定を変更する最も簡単な方法は、ボタンを再作成し、既存のコードを新しいコードに置き換えることです。別のオプションとして、こちらの高度なチュートリアルに従って変更を行うこともできます。

見た目の変更についてサポートが必要な場合は、Shopify パートナーを雇うことができます。 Shopify パートナーを雇うことについて、詳しくはこちら。

購入ボタンがアプリで動作しないのはなぜですか？

購入ボタンは、Shopify App Store のアプリと互換性がありません。たとえば、商品レビューアプリがある場合、そのアプリは購入ボタンでは動作しません。

購入ボタンの問題をトラブルシューティングするにはどうすればよいですか？

購入ボタンが期待どおりに機能しない場合は、以下のトラブルシューティングの手順で一般的な問題を特定し、解決することができます。

CSS (Cascading Style Sheets) の競合を確認する

ウェブサイトの CSS が、購入ボタンのスタイル設定を妨げることがあります。たとえば、CSS によって iframe 要素に display: hidden; が設定されている場合、購入ボタンは表示されなくなります。

もう1つの一般的な問題として、ボタンの高さが誤って計算されるか、0 に設定されることがあります。この問題が発生した場合、Shopify の管理画面で異なるレイアウト設定を使用して購入ボタンを再作成してみてください。通常、高さの問題はカスタム CSS よりも、組み込みのカスタマイズオプションを使用したほうがうまく解決されます。

CSS の競合を確認するには：

ブラウザの開発者ツールを開きます (Chrome で F12 キーを押します)。
購入ボタンの領域を選択し、「要素」タブで HTML を調べます。
「スタイル」パネルで、ボタンの表示やレイアウトに影響を与えている CSS ルールがないか確認します。

JavaScript のエラーを確認する

JavaScript の競合によって、購入ボタンが表示されなかったり、正常に機能しなかったりすることがあります。JavaScript のエラーを確認するには：

ブラウザの開発者ツールを開きます。
「コンソール」タブに移動します。
ページが読み込まれたとき、または購入ボタンを操作したときに表示されるエラーメッセージを確認します。

一般的な JavaScript エラーには、スクリプトの依存関係の欠落や、ウェブサイト上の他のスクリプトとの競合などがあります。

商品が存在することを確認する

404 エラーが表示される場合は、商品が削除されて置き換えられた可能性があります。購入ボタンのコードにある商品 ID と Shopify の管理画面にある商品 ID を比較して、一致することを確認します。

シンプルな HTML ページでテストする

問題が購入ボタンにあるのか、ウェブサイトにあるのかを判断するには：

購入ボタンのコードのみを含む、シンプルな HTML ファイルを作成します。
そのファイルをブラウザで開き、ボタンが正常に機能するかどうかを確認します。
シンプルなページでは機能するものの、ウェブサイトでは機能しない場合、問題はウェブサイトの CSS または JavaScript にある可能性が高いです。

Shopify の購入ボタンであることを確認する

Shopify の購入ボタンのように見えるボタンが、実際には外部サービスのソリューションである場合があります。Shopify の購入ボタンを使用していることを確認するには：

開発者ツールを開き、ボタンを検証します。
HTML を確認して、Shopify 固有のコードを探します。
[ネットワーク] タブに buy-button-storefront.min.js へのコールが表示されていることを確認します。

これらの手順で問題を解決できない場合は、Shopify パートナーにサポートを依頼することを検討してください。 Shopify パートナーの雇用について詳しくはこちら。

カートのパーマリンクはどこで作成しますか？

カートのパーマリンクは、商品の詳細ページで作成します。カートのパーマリンクを作成する方法をご覧ください。