【Shopify】知ってると超便利！Custom Fieldsで商品情報を一気に追加・編集！

「Shopify」でECサイトを運営しているとき、商品の表示をもう少しカスタマイズしたいのにと思ったことはありませんか？

基本的に、商品の名前や説明書き、カラーやサイズといったバリエーションなどのネットショップを行う上で必要最低限の事項は、Shopifyの管理画面から記載することができます。しかし、販売するものによっては商品そのものの大きさなどプラスアルファで載せたい追加事項がある場合もあります。通常の場合だとHTMLを自分で書いて追加していくことができますが、HTMLを書くのは知識がないと難しいし、間違えたりもするしで、とても面倒な作業になると思います。

今回は、そんな面倒な作業をしなくても商品の追加情報が記載できるアプリ「Custom Fields」（カスタム・フィールド）を紹介していきます。

Shopifyやその他ECの制作・運用・保守について、お気軽にご相談ください。
連絡は問い合わせ・無料相談・無料お見積りよりどうぞ。

Custom Fields（カスタム・フィールド）とは？

カスタム・フィールドとは、簡単に言えば、Shopify管理者が商品情報などの項目（これをフィールドといいます）を追加・編集するためのツールです。また、フィールドの追加だけでなく、どのフィールドを表示するかという編集（Bulk Edit）やフィールドの並び替えなど（Configure Fields）も行うことができます。

Shopifyアプリストア　Custom Fields

プランは以下の通り、無料のFREEプラン・月14ドルのプロプラン・月19ドルのプロプラスの3つです。

Shopifyやその他ECの制作・運用・保守について、お気軽にご相談ください。
連絡は問い合わせ・無料相談・無料お見積りよりどうぞ。

Custom Fields（カスタム・フィールド）のインストール方法

次に「Custom Fields」のインストール方法について説明していきます。

1. Shopify app storeより「Custom Fields」と検索します。
2. 下のような検索結果が表示されるので、「Custom Fields」をクリックします。
3. 「アプリを追加する」をクリックします。
4. 画面下にある「インストールapp」をクリックします。
5. 自分のECサイトの用途と予算に応じて適切なプランを決めて、「Select」をクリックします。

これだけで、カスタム・フィールドのインストールは終了です。

Shopifyやその他ECの制作・運用・保守について、お気軽にご相談ください。
連絡は問い合わせ・無料相談・無料お見積りよりどうぞ。

フィールドの作成

続いて、実際にフィールドを作ってみましょう。

「管理画面」から「products」のメニューを開き、「Configure Fields」を経由して、「+ Add Field」を選択すると、新しいフィールドをつくることができます。下の画像のようなページに進んだら、必要項目を一つずつ埋めていきましょう。

Field Name	新しく作りたいフィールド名を入力しましょう （例：「商品名」）
Machine Name	コンピュータが認識するための名前を入力します。 小文字、数字、下線符号「＿」のみ使用できます。 （例：「product_name」）

続いて、フィールドのタイプを選んでいきます。

Basic

フィールドの入力がテキストなのか数値なのか選択できます。 「(list)」と書いてあるものは入力内容をプルダウンやチェックボックスなどで選択できるようになります。

Freeプランでここまでの設定ができます。Freeプランで追加できるフィールドは10個までです。Advance以降の機能も使用したい場合は、その内容と予算に応じてプランを変更してください。

Advanced	フィールドの入力にHTMLやリンクなどが使用できるようになります。
Upload	ファイルや画像の設定をしたい場合はチェックを入れましょう。
Reference	コレクションや商品ページから参照となる要素です。
Groups	「Admin Field Group」か「Field Collection」から選択できます。

Shopifyやその他ECの制作・運用・保守について、お気軽にご相談ください。
連絡は問い合わせ・無料相談・無料お見積りよりどうぞ。

追加したフィールドを編集

1. アプリをインストールすると商品管理画面に「More actions」という項目が表示されるので、ここから「Edit Custom Fields」を選択することで、別タブでCustom Fieldsの管理画面を開くことができます。
2. Custom Fieldsの管理画面で商品のフィールドを編集できます。
3. サイトにフィールドを表示したい場合は、左メニューの「Configure Fields」からフィールドの編集をしましょう。

それぞれコードも持っているので、任意の場所にフィールドを表示することもできます。

Shopifyやその他ECの制作・運用・保守について、お気軽にご相談ください。
連絡は問い合わせ・無料相談・無料お見積りよりどうぞ。

まとめ｜「Custom Fields」はどんな人にオススメ？

以上、Shopifyの商品情報を一気に追加・編集できるアプリ「Custom Fields」について、その特徴と使い方について簡単に説明させていただきました。

Shopifyの初期設定は最低限の機能だけでできているので、フィールドの追加もアプリを使って行います。この「Custom Fields」では1フィールドずつ、また1商品ずつの設定ももちろんできますが、CSVを使ってまとめて編集することもできます。

このアプリはインストールしてから14日間、無料で体験することができるので、ぜひ一度試してみてみることをお勧めします。自分のショップにあったフィールドを追加して、魅力的なECサイトを作っていきましょう。

他のShopifyアプリについて詳しく知りたい方は、ぜひ以下の記事も読んでみてください。