アプリの特徴
- シンプル設計でのしを選ぶだけで導入可能
- 導入しやすい$4.99/月
- 32種類ののしから必要なものを選択
- もちろん日本語に対応
- シンプルで無駄な機能なし
- デザインを邪魔しないシンプルで洗練されたUI
- お客様がのし選びに迷わないよう説明文にこだわりました。
- のし画像はお好みで入れ替え可能
SAKUシンプルのしをインストールいただきありがとうございます。この記事では、インストールから「商品ページにのしが表示される」までの設定を、はじめから順番にご説明します。最後にテスト注文で確認するところまで進めましょう。
この記事でわかること
- アプリの画面の見かた(ホーム・左メニュー・セットアップガイド)
- 「のし設定」でのしの内容を決めて、ステータスを「公開」にする方法
- 商品ページに「SAKUのし」ブロックを追加して保存する方法
- 設定が終わったときのホーム画面と、テスト注文での確認方法
- アプリが使う権限とデータの保存先
操作する場所:Shopify管理画面 → アプリ → SAKUシンプルのし(ホーム)
用語メモ:「テーマ」=お店全体のデザインのことです。「テーマエディタ」=そのデザインを編集する画面です(Shopify管理画面 → オンラインストア → 使っているテーマの「テーマを編集する」で開きます)。「ブロック」=商品ページに置く部品のことです。「テンプレート」=ページごとの並び方の型のことです。「保存バー」=アプリの画面の上に出る「保存」「破棄」のバーのことです。
「保存」ボタンは3か所にあります。この記事では、どの「保存」かを毎回書きます。①アプリの画面の上の保存バーの「保存」、②テーマエディタ右上の「保存」、③Shopifyの商品編集画面の「保存」です。
1️⃣ アプリを開いて「ホーム」を確認する
Shopify管理画面の「アプリ」から「SAKUシンプルのし」を開くと、ホームが表示されます。左メニューのこのアプリの項目は「のし設定」「ヘルプ」「料金」の3つです。「ホーム」という項目はありません。ホームに戻りたいときは、左メニューのアプリ名(「SAKUシンプルのし」)をクリックしてください。
ホームの中央に「セットアップガイド」があります。次の2つのステップが自動で判定されます。自分でチェックを付ける操作はありません。
- 1. のしの内容を設定する(ボタン「のし設定を開く」)
- 2. 商品ページに「SAKUのし」ブロックを追加する(ボタン「テーマにブロックを追加」)
終わっていないステップには「未設定」、終わったステップには「設定済み」というバッジが付きます。

開発ストアでは、画面上部に「開発ストア(無料)」の案内が出ます。開発ストアではすべての機能を無料で使えます。
2️⃣ 「のし設定」を開く
ステップ1の「のし設定を開く」をクリックします。左メニューの「のし設定」からも開けます。
「のし設定」には5つのカテゴリ(用途)が並んでいます。全部で32種類ののしがあり、初めはよく使われる17種類にチェックが入っています。
- 慶事・一般(紅白蝶結び)
- 結婚(紅白結び切り10本)
- 季節の贈り物(紅白蝶結び)
- お見舞い・快気祝い(紅白結び切り5本)
- 弔事(黒白または黄白結び切り)
カテゴリの名前と水引の文言は、管理画面からは変更できません。画面の上には青いバナー「画像付きで設定方法を確認する」があり、「設定ガイドを開く」を押すと、この記事のような画像つきの解説ページが開きます。
3️⃣ カテゴリと表書きを選ぶ
各カテゴリの見出し(例:「慶事・一般(紅白蝶結び)」)の横に、次の操作があります。
- 「このカテゴリを有効にする」のチェック:オフにすると、そのカテゴリはお客様の画面に出ません。
- 「上へ」「下へ」のボタン:カテゴリの並び順を変えます。この順番が、お客様の「1. 用途を選ぶ」の並びになります。
カテゴリの中の各のし(表書き)の行には、次の操作があります。
- 各行の一番左にある「⠿」(6つの点):つかんでドラッグすると、同じカテゴリの中で並び順を変えられます。
- 「⠿」の下にあるチェックボックス:お客様の画面に出すかどうかのスイッチです。オフにすると、そののしはお客様の画面に出ません。
- 「画像を変更」:のしの画像を変えます。くわしくはのしの画像を変更する方法をご覧ください。
- 「説明文(空欄でデフォルト表示)」:お客様に見せる説明文を書き換えます。

表示・非表示や並び順、説明文のくわしい変え方は「用途・表書きの表示/非表示と並び順、説明文を変更する方法」、自分で表書きを作る方法は「オリジナルののし(表書き)を追加・削除する方法」で説明しています。
4️⃣ ステータスを「公開」にして「保存」する
画面の右にある「ステータス設定」の「ステータス」を押すと、選択肢(「下書き」「公開」)が出ます。最初は「下書き」です。「公開」を選んでください。「公開」にしないと、お客様の商品ページにのしは表示されません。
すぐ下に「現在の状態」のバッジ、「有効カテゴリ」「有効表書き」の数、「更新日時」が出ます。「更新日時」は、画面で変更するたびに現在の日時に変わります(保存前でも変わるので、保存した時刻とは限りません)。

何かを変更すると、画面の上に保存バー(「保存」「破棄」のバー)が出ます。保存バーの「保存」を押して確定してください。「破棄」を押すと、最後に開いたときの状態に戻ります。保存できると、緑のメッセージ「保存しました。」が出ます。
変更したのに「保存」を押さずに別の画面へ移ろうとすると、Shopifyの確認が出ます。
これでホームのステップ1が「設定済み」になります。
5️⃣ テーマに「SAKUのし」ブロックを追加する
ホームに戻り、ステップ2の「テーマにブロックを追加」をクリックします。新しいタブでテーマエディタが開き、商品ページのテンプレートに「SAKUのし」ブロックが自動で追加された状態になります。新しいタブが開かないときは、ブラウザのポップアップブロックを一時的にオフにして、もう一度押してください。
開いたテーマエディタで、上のページ名が「商品」になっていることを確認します。

重要:テーマエディタ右上の「保存」を押してください(アプリの保存バーとは別の「保存」です)。アプリは自動で保存しません。保存しないと、ブロックは商品ページに反映されません。
ブロックの位置を変えたいときは、左の一覧の「SAKUのし」の行の左にある6つの点(⠿)をつかんで、「購入ボタン」の行の上か下までドラッグして離します。「購入ボタン」の近くに置くとお客様にわかりやすくなります。

ステップ2のバッジは次の4種類です。
| バッジ | 意味 |
|---|---|
| 設定済み | テーマにブロックがあり、有効になっています。 |
| 確認中… | アプリが確認している途中です。少し待ってください。 |
| 未確認 | 確認できませんでした。ガイドは出たままです。画面を開き直してみてください。 |
| 未設定 | ブロックが見つかりません。テーマエディタで保存したか確認してください。 |
のしを出す商品と出さない商品を分けたい場合は、「のしを表示させたくない商品がある場合の設定方法」をご覧ください。シンプルさを大切にしているため、商品ごとにのしの種類を変えることはできません(設定は全商品で共通です)。
6️⃣ ホームで「セットアップ完了」を確認する
ステップ1と2の両方が「設定済み」になると、ホームの表示が「セットアップ完了」に変わります。「のしの設定は完了しています」と出て、「のし設定はこちら」と「テーマエディタを開く」のボタンが使えます。

ステータスを「下書き」に戻す、またはテーマからブロックを外すと、セットアップガイドの表示に戻ります。
7️⃣ テスト注文で確認する
最後に、テスト注文をして、注文にのしの情報が入ることを確認してください。次の順番で進めます。
- お店の商品ページ(お客様が見るページ)を開きます。
- のしブロックを開き、「必要」「御祝」「外のし」を選び、名入れに「山田」と入力して購入します。
- Shopify管理画面の「注文管理」を開き、今の注文をクリックします。
- 次の2つが両方あれば成功です。・商品名の下に「のし要否」「のし内容」「のし種類」「のし名入れ」が出ている。・右側の「メモ」が「【のし】」で始まっている。
注意:本番ストアでは、実際に支払いが発生します。確認したあとに注文をキャンセルしたいときは、Shopifyの注文詳細から行ってください。



注文のくわしい見かたは「注文でのしの内容を確認する方法」をご覧ください。「今すぐ購入」ボタンから買われた注文は、カートを通らないため注文メモに「【のし】」が入りません。のしの内容は商品の下に必ず記録されています。配送業者さんなどから注文メモへの記載が必須の場合は、「今すぐ購入」ボタンを消して運用してください。
アプリの構成(権限とデータの保存先)
- 商品ページに置く部品は、「SAKUのし」ブロックだけです。
- このアプリが使う権限は、のしの画像を保存するための「ファイル」だけです。商品・注文・お客様の情報は見ません。
- のしの設定内容は、Shopifyのお店のデータ領域に保存されます。お客様の個人情報は、アプリ側には保存しません。
- 管理画面の利用状況は、個人を特定しない形で計測しています。ブラウザの「Do Not Track」などを有効にしている場合は送信されません。
ホームの右側と「その他のアプリ」
ホームの右側には、「このアプリについて」「プラン」「サポート」が並びます。「プラン」には、開発ストアでは「開発ストア(無料)」、本番ストアでは「利用中」または「未登録」と出ます。「サポート」には、ヘルプ・使い方を見るリンク、お問い合わせ先(info@saku-apps.com)、アプリ紹介ページへのリンクがあります。
ホームの下には「SAKU Appsの、その他のアプリ」の紹介枠があります。右上の「×」で非表示にできます。非表示はストアごとに保存され、画面から元に戻すことはできません。
うまくいかないとき
-
「公開」にして保存したのに、商品ページに表示されない
テーマエディタ右上の「保存」を押したか確認してください。ステータスが「公開」か、有効なカテゴリと表書きが1つ以上あるかも確認してください。それでも表示されないときは「商品ページにのしが表示されないときの確認方法」をご覧ください。 -
注文のメモに「【のし】」が入っていない
「今すぐ購入」で買われた可能性があります。商品の名前の下の項目を確認してください。くわしくは「注文でのしの内容を確認する方法」をご覧ください。 -
ステップ2のバッジが「設定済み」にならない
テーマエディタ右上の「保存」を押していないか、ブロックを置いたのが別のテンプレートの可能性があります。バッジが「未確認」のときは、画面を開き直してください。 -
アプリを開くと料金のページに移動する
本番ストアでは有料プランの登録が必要です。くわしくは料金プランの記事をご覧ください。開発ストアは無料です。 -
「このアプリは Shopify 管理画面から開いてご利用ください」と表示された
アプリのURLを直接開いたときに出る画面です。Shopify管理画面の「アプリ」から開いてください。