アプリの特徴
【無料プラン】
・ブログ記事の複製(月5件まで)
・ブログ記事テンプレート
・保存ビューで特定の検索条件を保存
【Proプラン】
・ブログ記事の複製無制限
・ブログ記事内に動的な商品カードを簡単追加
ブログ記事に商品カードを入れたのに、ストアに表示されないときの確認ポイントをまとめました。
1分でできる確認
- ストアの記事ページ(トップページや商品ページではない)を見ている
- 記事が公開されている
- 「商品カード」がオンで、保存した
- 入れた商品が「アクティブ」
これで直らないときは、下の確認ポイントに進んでください。全部をやる必要はありません。気になるところから見てください。
この記事でわかること
- ストアにカードが出ないときの7つの確認ポイント
- アプリ画面に出るメッセージの意味
- 保存できないときの対処
- ステップ3が完了にならないとき
操作する場所:ストアのブログ記事ページ/Shopify管理画面 → アプリ → SAKUシンプルブログ複製
1️⃣ 契約を確認する
商品カードは、Proプランか開発ストア(Shopifyパートナー向けのテスト用ストア)で使えます。無料プランの本番ストアでは、すでに記事にカードが入っていても、お客様のページには表示されません(記事に問題は起きません)。ホームの右側の「プラン」を確認してください。
契約を変えたあと、反映までに最大で約60秒かかることがあります。「料金プランの確認・変更と無料枠の仕組み」をご覧ください。
2️⃣ アプリ埋め込みがオンで、保存されているか確認する
ホームの「テーマエディタを開く」から開き、「アプリ埋め込み」で「商品カード」がオンになっているかを確認します。オンにしたら、右上の「保存」を押さないと反映されません。
アプリが検知できるのは、公開しているテーマだけです。公開していないテーマだけでオンにしても、ガイドは完了になりません。
アプリ側のプレビューに「テーマエディタでアプリ埋め込みがオフのため、ストアフロントにカードは表示されません。「テーマエディタを開く」から有効にしてください。」と出ているときも、ここを確認します。
3️⃣ ブログの記事ページを見ているか確認する
商品カードが出るのは、ブログの記事ページだけです。トップページや商品ページには出ません。記事が公開されているかも確認してください。下書きの記事は、お客様には見えません。公開のしかたは「公開・非公開をワンクリックで切り替える方法」をご覧ください。
4️⃣ 入れた商品の状態を確認する
Shopify管理画面の「商品」から該当の商品を開き、画面の右側にある「ステータス」が「アクティブ」になっているか確認します。次のときは、カードが出ません(枠ごと詰まります)。
- 商品が「アクティブ」でない(下書き・アーカイブ)、または削除された
- 商品に価格やバリエーションがない
- 商品のハンドルに不正な文字がある
ハンドルに不正な文字があるときは、商品の編集画面の一番下にある「検索結果のリスト」→「URLハンドル」を、英小文字・数字・ハイフンに直します。
アプリ側のプレビューでは、非公開の商品が半透明になり、「商品が非公開のため、ストアフロントでは表示されません」と出ます。在庫がないバリエーションは「売り切れ」になります。
5️⃣ 保存したか確認する
「ここに挿入」で商品を選んだだけでは、記事は変わりません。アプリの画面上部の保存バーで「保存」を押して、「商品カードを保存しました」と出たかを確認してください。
6️⃣ 1つの記事に入れた枚数を確認する
1つの記事に入れられるのは、50枚までです。51枚目以降は、お客様のページには出ません。
7️⃣ テーマとの相性・表示の遅れを確認する
- カードが出ないときは、ページを読み込み直してください。
- 「カートに追加」を押して「追加できませんでした」と出るときは、お使いのテーマとの相性の可能性があります。テーマ名を添えて、info@saku-apps.com までお問い合わせください。
- ボタンの文言(「追加中…」「追加しました ✓」「追加できませんでした」「売り切れ」)は、テーマの言語が日本語以外のときは英語(Adding…/Added ✓/Could not add/Sold out)になります。管理画面の言語ではありません。
アプリの画面に出るメッセージ
| メッセージ | 意味と対処 |
|---|---|
| 「有料機能です」「商品カードの挿入には有効な有料契約が必要です。開発ストアでは無料で利用できます。」 | 無料プランの本番ストアです。「プランを表示・変更」から、Proプランにしてください。 |
| 「追加の権限が必要です」「商品カードには、商品と公開テーマへの任意の読み取り権限が必要です。他の機能はこれらの権限なしでも利用できます。」 | 「商品カードの権限を許可」をクリックして、新しいタブで許可します。許可したら、このタブに戻ってください。自動で使えるようになります。 |
| 「商品カードの未保存の変更があります。破棄して続行しますか?」 | 保存していないカードがあります。保存するか、破棄してから移動してください。 |
| 「カードが多いため、プレビューの商品データは最初の25商品まで表示しています。」 | プレビューだけの制限です。ストアでは、50枚まで表示されます。 |
保存できないときのメッセージ
| メッセージ | 意味と対処 |
|---|---|
| 「記事が別の画面で更新されていたため、保存を中止しました。最新の内容を読み込み直したので、もう一度カードを配置してください。」 | 別のタブや、Shopifyの編集画面で記事が変わっています。読み込み直されたので、もう一度カードを入れて保存してください。 |
| 「契約状況を確認できませんでした。少し待ってからもう一度お試しください。」 | 契約を確認できませんでした。少し待ってから、もう一度保存してください。 |
| 「商品カードの保存には有効な有料契約が必要です。」 | 有料契約(またはProプラン)が必要です。 |
| 「Shopify に更新を拒否されました。もう一度お試しください。」 | もう一度保存してください。 |
| 「サーバーエラーが発生しました。もう一度お試しください。」 | 少し待ってから、もう一度保存してください。 |
| 「リクエストが受け付けられませんでした。ページを再読み込みしてお試しください。」 | ページを読み込み直してから、もう一度お試しください。 |
| 「更新に失敗しました」 | ページを読み込み直してから、もう一度お試しください。 |
| 「この商品のURLハンドルに使用できない文字が含まれているため、カードを挿入できません。」 | その商品のハンドルに、使えない文字が入っています。上の確認ポイント4の方法で、Shopifyの商品の編集画面でハンドルを直してください。 |
設定後の表示
上の確認が終わると、ストアの記事ページに商品カードが表示されます。見た目を変えるときは、「商品カードの見た目を変更する方法」をご覧ください。
うまくいかないとき
-
ステップ3が完了にならない
次のどれかです。①商品とテーマの読み取りを許可していない(先に「商品カードの権限を許可」)、②公開テーマで埋め込みがオフ、③テーマエディタで「保存」を押していない。許可したあとは、アプリのタブに戻ると自動で更新されます。 -
テーマエディタが開くまで時間がかかる
テーマ全体とアプリ埋め込みを読み込むため、Shopify側で時間がかかることがあります。そのまま少し待ってください。 -
「段落の間に商品カードを追加」から開く画面に権限の案内が出る
別タブで許可して、このタブに戻ってください。 -
どれも当てはまらない
info@saku-apps.com に、①記事のURL ②入れた商品の名前 ③お使いのテーマ名 ④画面のスクリーンショット、をお送りください。