【シンプルサンクスカスタム】ブロックの並び替え・表示切替・複製・削除のしかた

作ったブロックを、並び替えたり、表示・非表示を切り替えたり、複製・削除したりする方法をご説明します。これらの操作は、すべて左メニューの「ブロック管理」で行います。

【言葉の説明】「ブロック」は、サンクスページに表示する内容のひとかたまりです（このアプリの「ブロック管理」で作ります）。「アプリブロック」は、Shopifyのチェックアウトエディタに置く「SAKU Thanks Custom」のことです。アプリブロックを置くと、作ったブロックがサンクスページに表示されます。

全体の流れ

はじめに、「ブロック管理」の並び方が、お客様に見えるサンクスページにどうつながるのかを説明します。

1. 「ブロック管理」の「ブロック一覧」に、作ったブロックが並びます。この一覧の順番が、そのままサンクスページの順番です。一覧の上に「ブロックは上から順にサンクスページに表示されます。」と書かれています。
2. 順番を変えたり、「非表示にする」で隠したりして、見せたい形に整えます。「表示中」のブロックだけが、サンクスページに表示されます。
3. 右側の「プレビュー」で、整えた結果を確かめます。
4. お客様がご注文を終えると、サンクスページに、「表示中」のブロックが上から順に並んで表示されます。

この記事では、この流れを作る操作を、画面に沿って説明します。次の手順で進めます。

1. 「ブロック管理」を開く
2. ブロックの順番を変える
3. 表示と非表示を切り替える
4. ブロックを編集する
5. ブロックを複製する
6. ブロックを削除する
7. 右側のプレビューで確認する
8. ブロック数の上限を知る
9. クーポンブロックの操作制限を知る

始める前に用意するもの

• SAKU Thanks Custom（インストール済みであること）
• ブロックが1件以上あること（ブロックがないと、並び替えなどの操作はできません。まず「新規ブロック作成」で作ってください）
• サンクスページにブロックを表示するには、チェックアウトエディタに「アプリブロック」を置いておく必要があります。

操作する場所：Shopify管理画面 → アプリ →「SAKU Thanks Custom」 →「ブロック管理」

1️⃣ 「ブロック管理」を開く

① 「SAKU Thanks Custom」を開きます。
Shopify管理画面の左メニューで「アプリ」→「SAKU Thanks Custom」を押します。

② アプリの左メニューで「ブロック管理」を押します。
画面の見出しが「ブロック管理」になります。左上の「ホーム」の文字を押すと、ホーム画面に戻れます。右上の濃い色のボタン「新規ブロック作成」で、新しいブロックを作れます。

③ 「ブロック一覧」に、作ったブロックが並んでいれば完了です。
右側には「プレビュー」があります。

赤枠は、左から順に、左メニューの「ブロック管理」、ブロックの移動ハンドル（∧ ⠿ ∨）、行のボタン（「非表示にする」「編集」「複製」「削除」）、「新規ブロック作成」、プレビューの「PC」「スマホ」です。

一覧のブロックには、次の情報が表示されます。

• バッジ「表示中」（緑）または「非表示」。
• 種類のバッジ（「テキスト」「画像」など）。クーポンのブロックには「クーポン」のバッジが付きます。
• 「スマホのみ」「PCのみ」のバッジ（「すべてのデバイス」のときは出ません）。
• 「無料プランのため非表示」の警告バッジ（無料プランで、先頭2件より後ろのブロックに付きます）。
• 条件の要約。クーポン以外は「顧客タグ：全員に表示」など。クーポンは「配布する相手」「注文金額の下限」「顧客タグ」。

まだブロックがないときは、「まだブロックがありません。最初のブロックを作成して、サンクスページにメッセージ・画像・クーポンなどを表示しましょう。」と出ます。「新規ブロック作成」と「設置方法を見る」（ヘルプへ）のボタンがあります。

2️⃣ ブロックの順番を変える

一覧の上には、「ブロックは上から順にサンクスページに表示されます。」と書かれています。動かしたいブロックの左端にあるハンドル（∧ ⠿ ∨）を使います。次の3つのどれかで並び替えできます。

① 動かしたいブロックの、左端のハンドルを見つけます。
点が並んだアイコン「⠿」がハンドルです。ハンドルの上下には、矢印「∧」「∨」があります。

② 次のどれかで、ブロックを動かします。

• ドラッグ操作：ハンドル「⠿」を押したまま、上か下へ動かします。
• キーボード：ハンドルをクリックしてから、上下の矢印キーを押します。
• ボタン：ハンドルの上下にある矢印「∧」「∨」を押します。

③ 「並び順を保存しました」と表示されれば完了です。
右側のプレビューも、自動で更新されます。サンクスページには、この順番で上から表示されます。

※ハンドルの場所は、1️⃣の画像の赤枠を見てください。

3️⃣ 表示と非表示を切り替える

各ブロックの行の右側（または下）に、「非表示にする」「編集」「複製」「削除」のボタンが並んでいます（1️⃣の画像の赤枠）。

① 隠したいブロックの行で、「非表示にする」を押します。
そのブロックは、サンクスページから消えます。

② 「ブロックを非表示にしました」と出て、バッジが「非表示」に変われば完了です。

③ もう一度見せたいときは、「表示する」を押します。
非表示のブロックには、「非表示にする」のかわりに「表示する」のボタンが出ます。押すと「ブロックを表示中にしました」と出て、バッジが「表示中」に戻ります。

「表示中」のブロックだけが、サンクスページに表示されます。ブロックの編集画面にある「このブロックをサンクスページに表示する」のチェックと同じ設定です。

4️⃣ ブロックを編集する

① 直したいブロックの行で、「編集」を押します。
そのブロックの編集画面が開きます。見出しは「ブロックを編集（テキスト）」のように、種類つきで表示されます。

② 内容を直して、保存します。
保存すると、「ブロック管理」に戻ります。これで完了です。

ブロックの種類は、あとから変えられません。変えたいときは、新しく作ってください。

5️⃣ ブロックを複製する

① コピーしたいブロックの行で、「複製」を押します。
内容と表示条件をそのままコピーしたブロックが、一覧の末尾に追加されます。

② 「ブロックを複製しました。コピーは非表示の状態で作られます」と出れば完了です。

③ コピーの内容を直して、「表示する」を押します。
コピーは、同じ内容が二重に表示されないよう、「非表示」の状態で作られます。内容を直してから、「表示する」を押してください。

• 名前は「元の名前のコピー」になります（100文字で切られます）。
• ブロックの数の上限は、複製にも適用されます。

6️⃣ ブロックを削除する

① 消したいブロックの行で、「削除」を押します。
その行の中に、「削除しますか？」と確認が出ます。

「削除」を押すと、確認が出ます。赤枠の「削除」を押すと消え、「キャンセル」を押すとやめられます。

② 本当に消すときは「削除」、やめるときは「キャンセル」を押します。

③ 「ブロックを削除しました」と出て、一覧からブロックが消えれば完了です。

削除したブロックは戻せません。操作に失敗したときは、「操作に失敗しました」と出ます。もう一度お試しください。

7️⃣ 右側のプレビューで確認する

並び替えや表示の切り替えのあとは、右側の「プレビュー」で、結果を確かめます。

① 画面の右側にある「プレビュー」を見ます。
「表示中」のブロックだけが、並び順どおりに重ねて表示されます。無料プランで2件を超えた分と、そのデバイスの対象ではないブロックは、除かれます。

② 「PC」「スマホ」のボタンで、デバイスを切り替えます。
最初は「PC」が選ばれています（1️⃣の画像の赤枠）。

③ 見せたいブロックが、見せたい順に並んでいれば完了です。

• 表示中のブロックがないときは、「表示中のブロックがありません。サンクスページには何も表示されません」と出ます。
• そのデバイスで表示されるブロックがないときは、「このデバイスで表示されるブロックはありません」と出ます。

「簡易プレビューです。実際の表示はサンクスページのデザインに合わせて調整されます。 表示中のブロックのみを、上の並び順で表示しています。」と書かれています。実際の見た目は、サンクスページで確認してください。

8️⃣ ブロック数の上限を知る

無料プランのときは、「ブロック管理」の上に、いつもバナーが出ます。「無料プランで表示されるブロックは2件までです」「無料プランでは、表示中のブロックのうち先頭2件だけがサンクスページに表示されます。Proプランにアップグレードすると最大30件まで表示できます。」と書かれ、「プランを表示・変更」のボタンがあります。

• 先頭2件は、「表示中」のブロックを、並び順に数えます。スマホ専用のブロックも1枠使います。
• 先頭2件より後ろのブロックには、「無料プランのため非表示」のバッジが付きます。
• ブロックが2件を超えていても、自動で削除はされません。

無料プランで2件作ったあとに「新規ブロック作成」を開くと、警告バナー「無料プランの上限に達しています」が出ます。「無料プランで作成できるブロックは2件までです。新しく作成するには、既存のブロックを削除するか、Proプランへアップグレードしてください。」と書かれ、「プランを表示・変更」のボタンがあります。種類は選べますが、保存のときにエラーになります。

保存のときのエラーは、無料プランでは「無料プランではブロックは2件まで作成できます。さらに作成するには、料金ページからProプランへアップグレードしてください。」、Proプランと開発ストアでは「ブロックは最大30件まで作成できます」です。

プランの違いはプラン（無料／Pro）の違いと変更方法をご覧ください。

9️⃣ クーポンブロックの操作制限（無料プランに戻したとき）

Proプランから無料プランに戻したあとは、次のようになります。

• クーポンブロックを「表示する」にすると、「クーポンブロックの利用にはProプランへの加入が必要です。料金ページからアップグレードしてください。」と出ます。クーポンの複製も同じです。
• 「非表示にする」と「削除」はできます。
• クーポンの「編集」を開くと、料金ページに移動します。

設定後のストア表示

サンクスページには、「表示中」のブロックが、一覧の並び順どおり、上から縦に並びます。無料プランでは、先頭2件までです。Proプランと開発ストアは、最大30件です。

うまくいかないとき

• 並び替えても反映されない
  「並び順を保存しました」と表示されたか確認します。そのあと、サンクスページを再読み込みしてください。
• ブロックを消してしまった
  削除したブロックは戻せません。同じ内容で、新しく作り直してください。
• 3つ目のブロックを作れない
  無料プランの上限です。不要なブロックを削除するか、Proプランにアップグレードします。
• ブロックは「表示中」なのに、サンクスページに出ない
  「無料プランのため非表示」のバッジが付いていないかを確認します。ほかの原因はブロックが表示されないときの確認ポイントをご覧ください。

関連記事

• プラン（無料／Pro）の違いと変更方法
• ブロックが表示されないときの確認ポイント