アプリの設定方法

【シンプルのし】アプリの設定方法

  • 簡単設定

  • シンプル

  • $4.99/月

【シンプルのし】アプリの設定方法

アプリの特徴

  • シンプル設計でのしを選ぶだけで導入可能
  • 導入しやすい$4.99/月
  • 32種類ののしから必要なものを選択
  • もちろん日本語に対応
  • シンプルで無駄な機能なし
  • デザインを邪魔しないシンプルで洗練されたUI
  • お客様がのし選びに迷わないよう説明文にこだわりました。
  • のし画像はお好みで入れ替え可能

SAKUシンプルのしをインストールいただきありがとうございます。この記事では、インストールから「商品ページにのしが表示される」までの設定を、はじめから順番にご説明します。最後にテスト注文で確認するところまで進めましょう。

この記事でわかること

  • アプリの画面の見かた(ホーム・左メニュー・セットアップガイド)
  • 「のし設定」でのしの内容を決めて、ステータスを「公開」にする方法
  • 商品ページに「SAKUのし」ブロックを追加して保存する方法
  • 設定が終わったときのホーム画面と、テスト注文での確認方法
  • アプリが使う権限とデータの保存先

操作する場所:Shopify管理画面 → アプリ → SAKUシンプルのし(ホーム)

用語メモ:「テーマ」=お店全体のデザインのことです。「テーマエディタ」=そのデザインを編集する画面です(Shopify管理画面 → オンラインストア → 使っているテーマの「テーマを編集する」で開きます)。「ブロック」=商品ページに置く部品のことです。「テンプレート」=ページごとの並び方の型のことです。「保存バー」=アプリの画面の上に出る「保存」「破棄」のバーのことです。

「保存」ボタンは3か所にあります。この記事では、どの「保存」かを毎回書きます。①アプリの画面の上の保存バーの「保存」、②テーマエディタ右上の「保存」、③Shopifyの商品編集画面の「保存」です。


1️⃣ アプリを開いて「ホーム」を確認する

Shopify管理画面の「アプリ」から「SAKUシンプルのし」を開くと、ホームが表示されます。左メニューのこのアプリの項目は「のし設定」「ヘルプ」「料金」の3つです。「ホーム」という項目はありません。ホームに戻りたいときは、左メニューのアプリ名(「SAKUシンプルのし」)をクリックしてください。

ホームの中央に「セットアップガイド」があります。次の2つのステップが自動で判定されます。自分でチェックを付ける操作はありません。

  • 1. のしの内容を設定する(ボタン「のし設定を開く」)
  • 2. 商品ページに「SAKUのし」ブロックを追加する(ボタン「テーマにブロックを追加」)

終わっていないステップには「未設定」、終わったステップには「設定済み」というバッジが付きます。

ホームのセットアップガイド(2つのステップ)

開発ストアでは、画面上部に「開発ストア(無料)」の案内が出ます。開発ストアではすべての機能を無料で使えます。


2️⃣ 「のし設定」を開く

ステップ1の「のし設定を開く」をクリックします。左メニューの「のし設定」からも開けます。

「のし設定」には5つのカテゴリ(用途)が並んでいます。全部で32種類ののしがあり、初めはよく使われる17種類にチェックが入っています。

  • 慶事・一般(紅白蝶結び)
  • 結婚(紅白結び切り10本)
  • 季節の贈り物(紅白蝶結び)
  • お見舞い・快気祝い(紅白結び切り5本)
  • 弔事(黒白または黄白結び切り)

カテゴリの名前と水引の文言は、管理画面からは変更できません。画面の上には青いバナー「画像付きで設定方法を確認する」があり、「設定ガイドを開く」を押すと、この記事のような画像つきの解説ページが開きます。


3️⃣ カテゴリと表書きを選ぶ

各カテゴリの見出し(例:「慶事・一般(紅白蝶結び)」)の横に、次の操作があります。

  • 「このカテゴリを有効にする」のチェック:オフにすると、そのカテゴリはお客様の画面に出ません。
  • 「上へ」「下へ」のボタン:カテゴリの並び順を変えます。この順番が、お客様の「1. 用途を選ぶ」の並びになります。

カテゴリの中の各のし(表書き)の行には、次の操作があります。

  • 各行の一番左にある「⠿」(6つの点):つかんでドラッグすると、同じカテゴリの中で並び順を変えられます。
  • 「⠿」の下にあるチェックボックス:お客様の画面に出すかどうかのスイッチです。オフにすると、そののしはお客様の画面に出ません。
  • 「画像を変更」:のしの画像を変えます。くわしくはのしの画像を変更する方法をご覧ください。
  • 「説明文(空欄でデフォルト表示)」:お客様に見せる説明文を書き換えます。

のし設定のカテゴリ。有効チェック、上へ・下へ、表書きの行

表示・非表示や並び順、説明文のくわしい変え方は「用途・表書きの表示/非表示と並び順、説明文を変更する方法」、自分で表書きを作る方法は「オリジナルののし(表書き)を追加・削除する方法」で説明しています。


4️⃣ ステータスを「公開」にして「保存」する

画面の右にある「ステータス設定」の「ステータス」を押すと、選択肢(「下書き」「公開」)が出ます。最初は「下書き」です。「公開」を選んでください。「公開」にしないと、お客様の商品ページにのしは表示されません。

すぐ下に「現在の状態」のバッジ、「有効カテゴリ」「有効表書き」の数、「更新日時」が出ます。「更新日時」は、画面で変更するたびに現在の日時に変わります(保存前でも変わるので、保存した時刻とは限りません)。

ステータスを「公開」にした右カラム

何かを変更すると、画面の上に保存バー(「保存」「破棄」のバー)が出ます。保存バーの「保存」を押して確定してください。「破棄」を押すと、最後に開いたときの状態に戻ります。保存できると、緑のメッセージ「保存しました。」が出ます。

変更したのに「保存」を押さずに別の画面へ移ろうとすると、Shopifyの確認が出ます。

これでホームのステップ1が「設定済み」になります。


5️⃣ テーマに「SAKUのし」ブロックを追加する

ホームに戻り、ステップ2の「テーマにブロックを追加」をクリックします。新しいタブでテーマエディタが開き、商品ページのテンプレートに「SAKUのし」ブロックが自動で追加された状態になります。新しいタブが開かないときは、ブラウザのポップアップブロックを一時的にオフにして、もう一度押してください。

開いたテーマエディタで、上のページ名が「商品」になっていることを確認します。

テーマエディタで「SAKUのし」ブロックを選んだ状態

重要:テーマエディタ右上の「保存」を押してください(アプリの保存バーとは別の「保存」です)。アプリは自動で保存しません。保存しないと、ブロックは商品ページに反映されません。

ブロックの位置を変えたいときは、左の一覧の「SAKUのし」の行の左にある6つの点(⠿)をつかんで、「購入ボタン」の行の上か下までドラッグして離します。「購入ボタン」の近くに置くとお客様にわかりやすくなります。

テーマエディタでSAKUのしブロックをドラッグして移動する

ステップ2のバッジは次の4種類です。

バッジ 意味
設定済み テーマにブロックがあり、有効になっています。
確認中… アプリが確認している途中です。少し待ってください。
未確認 確認できませんでした。ガイドは出たままです。画面を開き直してみてください。
未設定 ブロックが見つかりません。テーマエディタで保存したか確認してください。

のしを出す商品と出さない商品を分けたい場合は、「のしを表示させたくない商品がある場合の設定方法」をご覧ください。シンプルさを大切にしているため、商品ごとにのしの種類を変えることはできません(設定は全商品で共通です)。


6️⃣ ホームで「セットアップ完了」を確認する

ステップ1と2の両方が「設定済み」になると、ホームの表示が「セットアップ完了」に変わります。「のしの設定は完了しています」と出て、「のし設定はこちら」と「テーマエディタを開く」のボタンが使えます。

セットアップ完了の表示

ステータスを「下書き」に戻す、またはテーマからブロックを外すと、セットアップガイドの表示に戻ります。


7️⃣ テスト注文で確認する

最後に、テスト注文をして、注文にのしの情報が入ることを確認してください。次の順番で進めます。

  1. お店の商品ページ(お客様が見るページ)を開きます。
  2. のしブロックを開き、「必要」「御祝」「外のし」を選び、名入れに「山田」と入力して購入します。
  3. Shopify管理画面の「注文管理」を開き、今の注文をクリックします。
  4. 次の2つが両方あれば成功です。・商品名の下に「のし要否」「のし内容」「のし種類」「のし名入れ」が出ている。・右側の「メモ」が「【のし】」で始まっている。

注意:本番ストアでは、実際に支払いが発生します。確認したあとに注文をキャンセルしたいときは、Shopifyの注文詳細から行ってください。

商品ページで「必要」を選んだ状態(用途と表書き)

「外のし」を選び、名入れに「山田」と入力した状態

注文詳細に入ったのしの情報(商品の下と右側のメモ)

注文のくわしい見かたは「注文でのしの内容を確認する方法」をご覧ください。「今すぐ購入」ボタンから買われた注文は、カートを通らないため注文メモに「【のし】」が入りません。のしの内容は商品の下に必ず記録されています。配送業者さんなどから注文メモへの記載が必須の場合は、「今すぐ購入」ボタンを消して運用してください。

アプリの構成(権限とデータの保存先)

  • 商品ページに置く部品は、「SAKUのし」ブロックだけです。
  • このアプリが使う権限は、のしの画像を保存するための「ファイル」だけです。商品・注文・お客様の情報は見ません。
  • のしの設定内容は、Shopifyのお店のデータ領域に保存されます。お客様の個人情報は、アプリ側には保存しません。
  • 管理画面の利用状況は、個人を特定しない形で計測しています。ブラウザの「Do Not Track」などを有効にしている場合は送信されません。

ホームの右側と「その他のアプリ」

ホームの右側には、「このアプリについて」「プラン」「サポート」が並びます。「プラン」には、開発ストアでは「開発ストア(無料)」、本番ストアでは「利用中」または「未登録」と出ます。「サポート」には、ヘルプ・使い方を見るリンク、お問い合わせ先(info@saku-apps.com)、アプリ紹介ページへのリンクがあります。

ホームの下には「SAKU Appsの、その他のアプリ」の紹介枠があります。右上の「×」で非表示にできます。非表示はストアごとに保存され、画面から元に戻すことはできません。

うまくいかないとき

  • 「公開」にして保存したのに、商品ページに表示されない
    テーマエディタ右上の「保存」を押したか確認してください。ステータスが「公開」か、有効なカテゴリと表書きが1つ以上あるかも確認してください。それでも表示されないときは「商品ページにのしが表示されないときの確認方法」をご覧ください。
  • 注文のメモに「【のし】」が入っていない
    「今すぐ購入」で買われた可能性があります。商品の名前の下の項目を確認してください。くわしくは「注文でのしの内容を確認する方法」をご覧ください。
  • ステップ2のバッジが「設定済み」にならない
    テーマエディタ右上の「保存」を押していないか、ブロックを置いたのが別のテンプレートの可能性があります。バッジが「未確認」のときは、画面を開き直してください。
  • アプリを開くと料金のページに移動する
    本番ストアでは有料プランの登録が必要です。くわしくは料金プランの記事をご覧ください。開発ストアは無料です。
  • 「このアプリは Shopify 管理画面から開いてご利用ください」と表示された
    アプリのURLを直接開いたときに出る画面です。Shopify管理画面の「アプリ」から開いてください。