Shopifyアプリ「Infinite Options」で商品オプションを追加しよう!

2022.09.01

2022.09.01

37dbd2615f7070223a0f6f3af676d788

取り扱う商品に、サイズや色などのオプションを追加したいと思ったことはありませんか?

Shopifyではデフォルトで3つまでのオプション、そのそれぞれに100のバリエーションをつけることができます。

 

しかし、プリントや刻印など、さらに細かいオプションを設定したい場合にはShopifyアプリ「Infinite Options」がオススメです。

 

「Infinite Options」基本情報

「Infinite Options」を使うと、制限無しで商品にオプションを設定することができます。

例えばTシャツの生地の色、首元の開き方、袖の長さ、プリントの絵柄や文字の内容、デザインの位置、といった複数の選択肢を商品ページに載せることが可能です。

また、それらを商品ページに表示させる条件を細かく設定することもできます。

 

ストアユーザーはドロップダウンやチェックボックス、ラジオボタンなどの方法でオプションを選択したり、テキストや数字で希望の内容を入力したりします。

 

また、有料でプレゼント包装をつけたり、他の商品をセット価格でプラスオンしたりと、有料のオプションを追加することもでき、ユーザーの購入の幅も広がるでしょう。

 

価格

「Infinite Options」の月額料金は9.99ドルです。

14日間無料で体験することができます。

 

操作方法

まずはインストール

Shopifyアプリストアにアクセスし、「infinite Options」をインストールします。

インストールが完了したら、Shopify管理画面の[アプリ管理]にて設定を行います。

b828de197e84171ba7c6e6312dce488c

 

基本オプションの設定

[Options Sets]タブから[Create Options Set]をクリックし、設定を進めます。

a894e62a09491d075717bdae8dfaa5d4

 

①オプションのタイトルを決めます。

 

②オプションが表示されるための条件を選択します。

ここでは「tシャツ」タグのついた商品にこのオプションを表示させます。条件を追加する場合、右の[And / Or]をクリックしましょう。

 

③商品ページでの表示名を入力します。

 

④カートページでの表示名を入力します。

 

⑤ユーザーがオプションを選択する方法を選びます。

ここで選択しているラジオボタン以外にも、チェックボックスやドロップダウン、テキストや数字を選べます。

 

⑥設定したオプションのバリエーションを設定します。

[Add Another Option Value]から何個でも追加できます。

この欄は⑤の[Input Type]によって入力内容が変化します。

 

⑦さらにオプションを追加する場合は[Add Another Custom Field]をクリックします。

設定が終わったら、ページ右上の[Save Changes]から保存しましょう。

 

設定内容の確認

保存後はプレビュー機能で、設定した内容が商品ページにどのように表示されるか確認することができます。

 

設定した条件の下のリンクからプレビューしたい商品を選び、商品ページに飛びます。

反映に時間がかかることもあるため、うまく確認できない場合には少し時間を置いて再度試してみてください。

0233d06c1f32a536feb5b21349ee0aeb

85ce4b1639427418e360319ffe436a25

2be73b3a22edfae7b5bcc1f64fae8a49

 

条件の追加

例えばユーザーが選んだtシャツの生地の色に合わせて、さらに別のオプションを表示させたい場合、条件を追加することができます。

 

①上記で設定した生地の色のオプションに[Add Another Custom Field]から、オプションを追加し、下部の[Show Advanced Options]をクリックします。

 

47ab67a9249cdd4f30f7feb47667b054

 

②[Conditional Logic]欄で、このオプションを表示させる(又は隠す)条件を設定します。

この場合、生地の色がホワイトかブラックの場合のみ、袖の長さを選択できるようになります。

22f10011c39264a14f3059b077050d97

c436b4b6959c135f270de59bb096ead6

 

有料オプションの設定

[Infinite Options]を使うと、有料のオプションを設定することもできます。

ここでは、有料ラッピングのオプションをストア内の全商品に追加してみます。

 

 

① [Option Values]欄の右側のプラスマークをクリックします。

c8c923caae292b2926e4d1e2b2d7c3ce

 

② ここでは、合わせて購入させたい商品(有料オプション)を紐付けます。
今回は、あらかじめ登録しておいたギフトラッピングという商品を選択します。

3670f46cae4650d30bfcef8004ebc02c

 

③ Price欄が有料オプションの価格となります。

ddebf9326fe83f0d77095e7326b86575

 

④ 基本オプション同様、プレビューで商品ページを確認しましょう。

9a47f421eb7b99cb36252ef18694a1bb

 

まとめ

今回は、商品に無制限でオプションを追加できるShopifyアプリ「Infinite Options」をご紹介しました。

オプションの個数に制限がないことも魅力ですが、条件を細かく設定できて自由にカスタマイズしやすいこともオススメのポイントです。

KEiSoN★

デジタルハリウッドオンラインスクールで、webデザインの基本を学ぶ。
2007年よりECカート開発会社にてwebディレクター/webデザイナーとして従事。マネージャー職も務める。
2009年1月よりフリーランスのwebディレクター/Webデザイナーとして独立。2015年11月にスカイゴールド株式会社として法人化。
中小企業向けのWebブランディング・デザイン、Wordpressのオリジナルテーマ開発が得意。
国内外の様々な価値観・クリエイティブに接触することで、幅広いクリエイティブや臨機応変にアイデアを提供する。