【Shopifyアプリ】シンプル名入れ|お手軽名前入りギフトオプションについて徹底解説|ご利用ガイド

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

はじめに

今回の記事は、Shopify アプリである「シンプル名入れ|お手軽名前入りギフトオプション」の解説記事です。

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

「シンプル名入れ|お手軽名前入りギフトオプション」は、Shopify ストアにノーコードで商品の名入れオプション機能を追加できるアプリです。

「シンプル名入れ|お手軽名前入りギフトオプション」を利用することで、商品の名入れオプション機能を追加でき顧客体験の向上に繋がります。

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

シンプル名入れ|お手軽名前入りギフトオプション

「シンプル名入れ|お手軽名前入りギフトオプション」 でできること

Shopify アプリである、「シンプル名入れ|お手軽名前入りギフトオプション」は、以下のように商品毎に名入れオプションを設定できるアプリです。

シンプル名入れ|お手軽名前入りギフトオプション

「シンプル名入れ|お手軽名前入りギフトオプション」は、名入れオプションを設定すると、商品のプロパティに自動反映することができます。

名入れオプションを設定すると、商品のプロパティに自動反映

商品ごとの名入れ設定を一覧で確認・編集・削除できます。

商品毎の名入れ設定を一覧で確認できる

アプリのインストール

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

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

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

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

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

検索窓に、「シンプル名入れ|お手軽名前入りギフトオプション」と入力してください。以下の画像のアプリをクリックしてください。

検索窓に入力

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

アプリのインストール

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

アプリのインストール

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

アプリ管理画面

アプリ設定

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

管理画面

まず、テーマに自動でアプリを追加します。

テーマに自動でアプリを追加する

「初期設定を行いましょう」バナーの「アプリを有効化する」ボタンをクリックしてください。

アプリの有効化

以下の「設定」ページに遷移します。「テーマに名入れオプション機能を追加」セクションでアプリをテーマに追加します。

アプリの有効化

追加したいテーマを選択し、「テーマに追加」ボタンをクリックしてください。

テーマ追加

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

保存する

名入れ商品設定

次に、名入れ商品設定を行います。左側のメニューの「名入れ商品設定」をクリックして、「名入れ商品設定」ページに遷移してください。

名入れ商品設定

「名入れ可能な商品を選択」セクションで、名入れ商品を選択します。

名入れ可能な商品を選択

名入れオプションを追加したい商品を選択して、「追加」ボタンをクリックしてください。

名入れ商品を追加

最後に、「保存する」ボタンをクリックして、設定を保存しましょう。

名入れ商品設定を保存

これで、名入れ商品を設定できました。

名入れ商品管理

名入れ商品の管理

名入れ商品一覧の確認・名入れ商品の編集・削除をします。

名入れ商品一覧の確認

名入れ商品一覧の確認を行います。左側のメニューの「名入れ商品管理」をクリックして、「名入れ商品管理」ページに遷移してください。「名入れ商品管理」ページでは名入れ商品を一覧で確認できます。

名入れ商品一覧の確認

右上の虫眼鏡アイコンをクリックし、検索欄に商品名を入力すると該当する商品を検索できます。

名入れ商品の検索

右上の矢印アイコンをクリックし、該当する並び替え順を選択することで、商品の並び替え順を変更できます。

名入れ商品の並び替え

名入れ商品の編集・削除

編集・削除したい名入れ商品を選択することで、選択した商品の編集・削除ができます。

名入れ商品の編集・削除

テーマカスタマイズ画面

テーマカスタマイズ画面にて、手動でアプリを追加・見た目のカスタマイズをします。

まず、アプリ管理画面の左側のメニューの「設定」をクリックして、「設定」ページに遷移してください。

名入れ商品設定

「テーマに名入れオプション機能を追加」セクションの「テーマをプレビュー」ボタンをクリックしてください。

テーマをプレビュー

以下のような「商品詳細」ページに遷移します。

商品詳細

手動でアプリを追加する

テーマカスタマイズ画面の「商品詳細」ページの「ブロックを追加」から、以下の画像のようにアプリを追加してください。

ブロック追加

アプリブロックの選択

追加したら、「保存する」ボタンをクリックして保存しましょう。

アプリブロックの保存

見た目のカスタマイズ

見た目のカスタマイズを行います。

名入れオプションの設定を行います。名前入力欄のラベルが編集できます。

名入れオプションラベルの編集

名前入力欄のプレースホルダーが編集できます。

名前入力欄のプレースホルダーを編集

名前の最大文字数が編集できます。

名前の最大文字数を編集

備考入力欄のラベルが編集できます。

備考入力欄ラベルの編集

備考入力欄のプレースホルダー・備考入力欄のプレースホルダーを表示するかどうかが編集できます。

プレースホルダーの表示・非表示

名入れオプションのスタイル設定をします。

入力欄のラベルサイズ・入力欄のラベルの色・入力欄のプレースホルダーの色・入力欄の枠線の色・入力欄の丸みを編集できます。

入力欄のスタイルの編集

余白の設定をします。

上部の余白(PC)・上部の余白(スマホ)・下部の余白(PC)・下部の余白(スマホ)が編集できます。

余白の編集

終わりに

今回は、「シンプル名入れ|お手軽名前入りギフトオプション」の解説させていただきました。

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

シンプル名入れ|お手軽名前入りギフトオプション

シンプル名入れ

recommendおすすめ記事

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

【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販売アプリ『シンプルVIP』について徹底解説 | ご利用ガイド

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

【Shopifyアプリ】追加料金なしで使えるお手軽ポイントアプリ『シンプルポイント』について徹底解説 | ご利用ガイド