Shopifyにのし(熨斗)を設定できるアプリについて徹底解説|ご利用ガイド

株式会社UnReactのアイコン
株式会社UnReact

はじめに

今回の記事は、Shopify アプリである「シンプルのし(熨斗)アプリ」の解説記事です。

Shopify とは、ざっくり説明すると EC サイトを簡単に構築することができるプラットフォームであり、Shopify アプリとはそのプラットフォームの拡張機能のようなものです。WordPress の拡張機能のようなもの、と認識頂いて大丈夫です。

「シンプルのし(熨斗)アプリ」は、ストアにのし選択機能を簡単に実現できるアプリです。ストアにのし選択機能を導入することで、顧客により良いショッピング体験を提供することができます。

興味のある方は、以下の URL よりアプリのインストールを行ってください。

シンプルのし(熨斗)アプリ

「シンプルのし(熨斗)アプリ」でできること

Shopify アプリである、「シンプルのし(熨斗)アプリ」は、以下の画像のように Shopify ストアのカートページにのしの追加注文機能を簡単に導入できるアプリです。

「シンプルのし(熨斗)アプリ」でできること1

「シンプルのし(熨斗)アプリ」は、冠婚葬祭用ののしを多数用意しています。

「シンプルのし(熨斗)アプリ」でできること2

「シンプルのし(熨斗)アプリ」は、表示するのしの種類や価格を簡単に設定できます。

「シンプルのし(熨斗)アプリ」でできること3

アプリのインストール

それでは、実際にアプリのインストールを行なっていきましょう。

ストア管理画面左下の「設定」をクリックします。

アプリのインストール手順1

ストアの管理画面の「アプリと販売チャネル」画面に表示されている「Shopify App Store」をクリックして、Shopify App Store に移動してください。

アプリのインストール手順2

検索窓に、「シンプルのし(熨斗)アプリ」と入力してください。以下の画像のアプリをクリックしてください。

アプリのインストール手順3

「インストール」ボタンをクリックして、ストアにアプリを追加しましょう。Shopify パートナー用アカウント(通称:開発アカウント)にて開発ストアにインストールを行うと、全ての機能を無料でご利用いただくことができます。マーチャント用のアカウント(実際に物販などで運用しているアカウント)ですと、月額$6.99 でご利用いただけます。インストール後、7 日間は無料でご利用いただけます。

アプリのインストール手順4

「インストール」ボタンをクリックすると以下の画面に遷移します。右下の「インストール」ボタンをクリックして、アプリのインストールを行いましょう。

アプリのインストール手順5

以下の管理画面が表示されます。

アプリのインストール手順6

アプリ設定

管理画面とテーマカスタマイズ画面でアプリの設定を行います。

管理画面

「のし設定」ページ

管理画面の「のし設定」ページで以下の項目を設定します。

のし機能をカートページに追加

「のし設定」ページの「ストアにのし機能を表示」セクションからのし機能をカートページに追加します。

のし機能をカートページに追加1

のし機能を追加したいテーマを選択し、「のし選択機能を追加」の「カートページに追加」ボタンをクリックすると、テーマにのし機能を自動追加できます。

のし機能をカートページに追加2

以上で、テーマのカートページにアプリを追加できます。忘れないように、右上の「保存する」ボタンをクリックしてください。

のし機能をカートページに追加3

手動でアプリをカートページに追加

何らかのエラーでアプリをテーマに自動追加できない場合は、以下の画像のようにテーマカスタマイズ画面内、「カート」ページより「セクションを追加」から手動でアプリを追加してください。

手動でアプリをカートページに追加1

手動でアプリをカートページに追加2

のしの価格の設定

のしの価格の設定は、「のし設定」ページの「価格(一律)」セクションで設定します。

のしの価格の設定1

価格を入力し、「保存する」ボタンをクリックすると、価格を設定できます。

のしの価格の設定2

表示するのしの種類の設定

表示するのしの種類の設定は、「のし設定」ページの「のしの種類」セクションで設定します。該当するのしを選択し、「保存する」ボタンをクリックすると、表示するのしの設定ができます。

表示するのしの種類の設定1

表示するのしの種類の設定2

「商品管理」ページ

続いて、のしの種類の追加を「商品管理」ページで行います。ストアに合わせたオリジナルののしを追加できます。

のしの種類の追加

サイドバーの「商品管理」をクリックしてください。

のしの種類の追加1

以下の「商品管理」ページに遷移します。のしを選択してクリックしてください。

のしの種類の追加2

以下のページに遷移します。のしの追加は「バリエーション」セクションで行います。

のしの種類の追加3

「バリエーション」セクションの右上の「バリエーションを追加」をクリックしてください。

のしの種類の追加4

オプション・価格設定・在庫・配送を設定して、「バリエーションを保存する」ボタンをクリックすることで、のしを追加できます。

のしの種類の追加5

のしの種類の追加は、以上で完了です。

テーマ設定

テーマカスタマイズ画面でテーマの設定をします。「のし設定」ページの「ストアにのし機能を表示」セクションの「カートページをプレビュー」ボタンをクリックしてください。

テーマ設定1

カートページに遷移します。

テーマ設定2

見た目のカスタマイズ

カートにのしを追加します。「のしを追加」ボタンをクリックします。

見た目のカスタマイズ1

以下のモーダルが表示されます。必要事項を記入欄に入力し、「のしを追加」ボタンをクリックすることで、のしをカートに追加できます。

見た目のカスタマイズ2

見た目のカスタマイズ3

以下の画像は、ボタンを編集できる箇所を表しています。色や文言を変更して、テーマに合ったデザインにカスタマイズしてください。

見た目のカスタマイズ4

以下の画像は、ポップアップを編集できる箇所を表しています。

見た目のカスタマイズ5

終わりに

今回は、「シンプルのし(熨斗)アプリ」の解説をしました。

少しでも興味があれば、以下のリンクによりアプリをインストールいただけると幸いです。

ここまでお付き合い頂き、誠にありがとうございました。

シンプルのし(熨斗)アプリ

「シンプルのし(熨斗)アプリ」

recommendおすすめ記事

シンプルブログタグ絞り込み|お手軽タグ一覧挿入のアイコン
アプリ解説

Shopifyでタグによるブログの絞り込みができるアプリについて徹底解説|ご利用ガイド

シンプル会員商品割引|お手軽ログイン商品セール設定のアイコン
アプリ解説

Shopifyでログイン状態に応じた会員商品割引ができるアプリについて徹底解説|ご利用ガイド

シンプルボリュームディスカウント|お手軽まとめ買い割引のアイコン
アプリ解説

Shopifyで商品毎にボリュームディスカウント(まとめ買い割引)を実現できるアプリについて徹底解説|ご利用ガイド

シンプルノベルティ|お手軽ギフト特典のアイコン
アプリ解説

Shopifyで条件を満たす注文にノベルティ商品を自動で付与できるアプリについて徹底解説|ご利用ガイド

シンプル期間限定セール|お手軽バーゲンセールのアイコン
アプリ解説

Shopifyでストア内の全商品に対する期間限定セールを簡単に実現できるアプリについて徹底解説|ご利用ガイド

シンプルおひとり様一点限りの購入制限設定のアイコン
アプリ解説

Shopifyで商品毎におひとり様一点限りの購入制限設定ができるアプリについて徹底解説|ご利用ガイド

シンプルVIP会員商品割引|お手軽VIP商品セール設定のアイコン
アプリ解説

ShopifyでVIP顧客の商品割引が実現できるアプリについて徹底解説|ご利用ガイド

シンプル決済カスタマイズ|お手軽条件ごとの決済方法のアイコン
アプリ解説

Shopifyで指定した条件下で特定の決済方法を非表示にできるアプリについて徹底解説|ご利用ガイド

シンプル配送カスタマイズ|お手軽条件ごとの配送方法のアイコン
アプリ解説

Shopifyで指定した条件に応じて特定の配送方法を非表示にできるアプリについて徹底解説|ご利用ガイド

シンプルクラウドファンディング|お手軽自社クラファンのアイコン
アプリ解説

Shopifyで商品ごとのクラウドファンディングを実現できるアプリについて徹底解説|ご利用ガイド

シンプル会員初回注文割引|お手軽初回ログインセール設定のアイコン
アプリ解説

Shopifyでアカウント作成後の初回購入時に注文割引ができるアプリについて徹底解説|ご利用ガイド

シンプル顧客タグ注文割引|顧客タグ BtoB 割引のアイコン
アプリ解説

Shopifyで顧客タグに応じて自動注文割引ができるアプリについて徹底解説|ご利用ガイド

シンプル会員初回送料割引|お手軽初回ログイン送料無料のアイコン
アプリ解説

Shopifyでアカウント作成後の初回購入で、送料割引ができるアプリについて徹底解説|ご利用ガイド

シンプル会員送料割引|お手軽ログイン送料無料のアイコン
アプリ解説

Shopifyでログイン状態に応じた会員配送料割引ができるアプリについて徹底解説|ご利用ガイド

シンプルセット商品在庫連携|お手軽セット商品管理の自動化のアイコン
アプリ解説

Shopifyに在庫連携したセット商品販売機能を実現できるアプリについて徹底解説|ご利用ガイド

シンプル会員注文割引|お手軽ログインセール設定のアイコン
アプリ解説

Shopifyでログイン状態に応じた会員注文割引ができるアプリについて徹底解説|ご利用ガイド

シンプルVIP注文割引|お手軽VIP会員セール設定のアイコン
アプリ解説

Shopifyに注文回数や注文金額に応じた自動 VIP 注文割引機能を実現できるアプリについて徹底解説|ご利用ガイド

シンプル延長保証|お手軽保証付き商品販売のアイコン
アプリ解説

Shopifyに保証商品や保険商品を作成し延長保証機能を実現できるアプリについて徹底解説|ご利用ガイド

シンプルVIP送料割引|お手軽VIP会員送料無料のアイコン
アプリ解説

Shopifyに注文回数や注文金額に応じた自動 VIP 送料割引機能を実現できるアプリについて徹底解説|ご利用ガイド

シンプル追従カート|追従購入ボタン(Buy Button)のアイコン
アプリ解説

Shopifyストアに追従カート・追従購入ボタンを追加するアプリについて徹底解説|ご利用ガイド

シンプルパンくずリスト|お手軽 Breadcrumbsのアイコン
アプリ解説

Shopifyにパンくずをノーコードで表示できるアプリについて徹底解説|ご利用ガイド

シンプル顧客タグ送料割引|お手軽顧客タグ送料無料のアイコン
アプリ解説

Shopifyに顧客タグに応じた自動送料割引機能を追加できるアプリについて徹底解説|ご利用ガイド

シンプルブログ記事カスタマイズ|お手軽ブログテンプレートのアイコン
アプリ解説

Shopifyブログ記事のデザインを簡単にカスタマイズできるアプリについて徹底解説|ご利用ガイド

シンプルお知らせ一覧|お手軽ブログ一覧挿入アプリのアイコン
アプリ解説

Shopifyストアにお知らせセクションを挿入してブログ・ニュース一覧を表示できるアプリについて徹底解説|ご利用ガイド

シンプルブログ記事目次|自動見出し一覧挿入のアイコン
アプリ解説

Shopifyのブログ記事にブログ目次を自動で作成できるアプリについて徹底解説|ご利用ガイド

シンプルスライドショー|お手軽画像スライダーのアイコン
アプリ解説

Shopifyにスライドショーを追加して画像をスライダー表示できるアプリについて徹底解説|ご利用ガイド

シンプル流れるロゴ|流れるロゴリスト挿入アプリのアイコン
アプリ解説

Shopifyに流れるロゴリストを設置して画像のスライドショーを表示できるアプリについて徹底解説|ご利用ガイド

シンプル名入れ|お手軽名前入りギフトオプションのアイコン
アプリ解説

Shopifyに名入れオプションを追加するアプリについて徹底解説|ご利用ガイド

シンプル在庫数表示|お手軽残りわずか表示のアイコン
アプリ解説

Shopifyで残りわずか表示を挿入して在庫数表示が実現できるアプリについて徹底解説|ご利用ガイド

シンプル購入制限|お手軽注文制限について徹底解説のアイコン
アプリ解説

Shopifyに購入制限機能を追加して数量制限・注文規制を実現できるアプリについて徹底解説|ご利用ガイド

シンプルギフトラッピング|お手軽ギフト包装アプリのアイコン
アプリ解説

Shopifyでギフトラッピング機能を実現するアプリについて徹底解説|ご利用ガイド

シンプルランキング表示|お手軽ベストセラーのアイコン
アプリ解説

Shopifyにランキングバッジを導入するアプリについて徹底解説|ご利用ガイド

シンプル顧客タグごとの限定販売|お手軽ロイヤリティのアイコン
アプリ解説

Shopifyに顧客タグごとの限定販売機能を追加するアプリについて徹底解説|ご利用ガイド

シンプル余白調整|お手軽レイアウトのアイコン
アプリ解説

Shopifyに余白(マージン)を挿入してページデザインの調整ができるアプリについて徹底解説|ご利用ガイド

シンプルロゴ一覧|お手軽ロゴリスト表示のアイコン
アプリ解説

Shopifyでロゴ一覧をノーコードで実現できるアプリについて徹底解説|ご利用ガイド

シンプル画像バナー|お手軽広告バナーアプリのアイコン
アプリ解説

Shopifyに画像バナーを追加できるアプリについて徹底解説|ご利用ガイド

シンプル Q&A|どこでも FAQのアイコン
アプリ解説

Shopifyに Q&A を設置してよくある質問・FAQ を簡単に導入できるアプリについて徹底解説|ご利用ガイド

シンプル流れる告知|流れるお知らせ挿入アプリのアイコン
アプリ解説

Shopifyに流れる告知を設置してお知らせを表示できるアプリについて徹底解説|ご利用ガイド

シンプルモバイルアプリバナー|スマホアプリに誘導のアイコン
アプリ解説

Shopifyでモバイルアプリに誘導するバナーを簡単に設置できるアプリについて徹底解説|ご利用ガイド

シンプル売り切れ非表示|在庫切れ商品の表示変更のアイコン
アプリ解説

Shopifyに売り切れ商品・在庫切れ商品を非表示にする機能を追加できるアプリについて徹底解説|ご利用ガイド

シンプルレビュー|お手軽口コミのアイコン
アプリ解説

Shopifyにレビュー(口コミ)機能を実現できるアプリについて徹底解説|ご利用ガイド

シンプル会員限定販売|お手軽アカウント必須販売のアイコン
アプリ解説

Shopifyで会員限定販売を実現できるアプリについて徹底解説|ご利用ガイド

シンプル会員ランク|お手軽顧客タグ付けのアイコン
アプリ解説

Shopifyに会員ランク機能を導入して自動で顧客タグを付与できるアプリについて徹底解説|ご利用ガイド

シンプル Wishlist|お手軽お気に入りのアイコン
アプリ解説

Shopifyにお気に入り(wishlist)を簡単に導入できるアプリについて徹底解説|ご利用ガイド

シンプル Coming Soon|商品ページ発売予告アプリのアイコン
アプリ解説

Shopifyで Coming Soon(発売予告)を実施するアプリについて徹底解説|ご利用ガイド

シンプルセット販売|お手軽クロスセルのアイコン
アプリ解説

Shopifyでセット販売(クロスセル)を簡単に実現できるアプリについて徹底解説|ご利用ガイド

シンプル予約販売|受注販売や在庫切れ商品販売で使えるのアイコン
アプリ解説

Shopifyに予約販売機能を追加して受注販売や在庫切れ販売を簡単に実現できるアプリについて徹底解説|ご利用ガイド

シンプル販売期間設定|商品ごとに期間限定販売のアイコン
アプリ解説

Shopifyで販売期間設定を商品毎に行うことができるアプリについて徹底解説|ご利用ガイド

シンプルVIPプログラム|お手軽VIP会員限定販売のアイコン
アプリ解説

ShopifyでVIP会員限定販売ができるアプリについて徹底解説|ご利用ガイド

シンプルポイント|追加料金なしで使えるお手軽ポイントアプリのアイコン
アプリ解説

Shopifyにポイント機能を導入できるポイントアプリについて徹底解説|ご利用ガイド