WordPress WooCommerce オプション商品を設定する

FacebookさえずりredditPinterestのLinkedInのmail

ワードプレスで合コマースオプション商品を設定して、顧客がオプション(例:色、サイズなど)を選択して購入できるようにすることができます。 通常オプション商品といえば、英語でOptionに考えがちですが、「Variable Product "(オプション商品)と「Variation」(オプション)という用語が使用されるため、Googleの検索時にこの用語を使用すると、必要な情報を得ることができるでしょう。

この記事では、呉コマースオプション商品を設定する方法を説明します。 UIはテーマ別/右コマースのバージョンごとに少し違いがありますので、これを考慮して参照してください。 (Flatsomeテーマでテストしました。)

[この記事は2017年9月に最初に書かれた最新のウコマースWooCommerceバージョンに合わせて変更されて再発行されました。 ]

ウコマースオプション商品を設定:属性(Attribute)を指定する

まず、右コマース属性(Attribute)を定義するようにします。 商品>属性(Attributes)をクリックします。

この記事を書くときには属性がAttributesで、英語で表示されましたが、最新のバージョンでは、ローカライズされ、「属性」と表示されています。 商品>属性をクリックすると、新しいプロパティを追加することができる画面が表示されます。

ウコマースオプション商品の属性を追加する

適切な属性を追加します。 たとえば、カラーを追加して、一番下の 「属性の追加(Add Attribute)」をクリックします。

ウコマース商品のオプション:カラー属性を追加する

その後、上記の図のように右上に追加された属性が表示されます。 右端にある 「用語の環境設定(Configure Terms)」 アイコンをクリックします。

ウコマースオプション商品構成

その後、上記の図のように、選択した属性に追加される詳細 オプションを追加することができます。 お好みの色を追加し、 「新しいカラーを追加する」 ボタンをクリックします。 私は「青」と「赤」を追加しました。

ウコマースオプションのプロパティ青赤

上記の手順を繰り返して、他の属性(例えば、サイズ)を定義するようにします。

オプション商品を設定する

今、新しい商品を追加したり、既存の商品を編集して、「オプション商品」を構成するようにします。 商品>追加するを押して、適切な商品を作成します。 商品説明の下の "商品データ(Product Data)」で "オプション商品"を選択します。

ウコマースのオプション商品を追加する

次に「商品データ」の下で、 属性(Attributes)を選択して、指定のプロパティを選択します。

ウコマースオプション商品構成する方法

まず、「カラー」プロパティ]をクリックします。 その後、「カラー」属性の中で、この商品の選択可能なオプションの値を選択することができます。

ワードプレスウコマース商品属性を指定

「すべて選択」をすると、全体の属性の値が追加されます(例:「青」、「赤」)。 オプションで使用する場合は、「オプションで使用され、 "チェックボックスをチェックするようにします。 そして「ユーザー定義アイテムのプロパティ」のドロップダウンをクリックすると、他の属性を追加することができます。

ウコマースカスタム属性を追加

追加の属性を「追加」し、プロパティの値を選択します。 同様にオプションで指定できるようにするには、「オプションで使用され、チェックボックスを選択します。 設定が完了したら、 "プロパティを保存する」をクリックします。

今では "属性"のすぐ下にある「オプション"を選択します。

商品のオプションを設定する

上の図のように、2つのオプションから選択することができます。

  1. 商品オプションの追加(Add variation)
  2. すべてのプロパティの商品オプションの作成(Create variations from all attributes)

「商品オプションの追加」をクリックして、個別にオプションを追加するか、または "すべてのプロパティの商品オプションの作成」を選択して、すべての組み合わせのオプションを追加することができます。 "すべてのプロパティの商品オプションの作成」をクリックすると、次の図のように、すべての属性の値が組み合わされてオプションとして追加されます。

ウコマース商品のオプションの設定

すべてのプロパティの商品オプションを追加すると、上の図のように、すべての商品のオプションが追加されます。 上部にデフォルトで表示されるオプションを指定することができます。

オプションのみを生成し、価格を指定していないので、「店に価格が指定されていないオプション商品は表示されない」という案内フレーズが表示されます。

6 variations do not have prices。 Variations(and their attributes)that do not have prices will not be shown in your store。

各オプションをクリックして価格を設定するようにします。

オプション商品の価格を設定する

不要なオプションは、マウス持ち上げ、「削除」をクリックして削除することができます。

ウコマースのオプションを削除

変更を保存して、商品ページを更新すると、指定したオプションが表示されます。

ウコマースオプション商品

YITH WOOCOMMERCE PRODUCT ADD-ONS(ウコマース商品アドオン)

オプションだけで足りない場合があります。 お客様の特定の要件に合わせてオプションを追加する場合 YITH場合コマース商品アドオンプラグインを使用してみることができます。 このプラグインを使用すると、下図のように商品を構成することができます。

ワードプレスウコマース商品アドオンプラグイン
ウコマース商品アドオンプラグイン
yith3 compressor  - ワードプレス呉コマースのオプション商品を設定する

ウコマース追加商品のオプションを追加する

上記のしばらく説明したが、「variation」という用語は、ハングルで「オプション」に翻訳されています。 variationを事前に探してみると、「変化、変動 "の意味を持っています。 つまり、 同じ商品の他のバージョン 程度解釈することができます。

「オプション」という用語は、少し異なる意味を持つことができます。 たとえば、次の図のように商品にどのような付加的な部品を追加することについて、「オプション」を追加という用語を使用したりします。

Added extra product options

上記のように追加商品オプション(Product Option)を追加したい場合は WooCommerce追加製品オプションというプラグインを使用することができます。

Extra Product Option Plugin

WooCommerce追加製品オプション プラグインは、右コマース関連のプラグインでは、まれに週間ベストセラープラグインのリストに名を連ねています。 それだけこのような機能を求めるユーザーが多いようです。

ワードプレスのショッピングモールで商品オプションを追加する場合は、このプラグインを使用すると、便利にそうです。 ちなみにこのプラグインは、次のプラグインとは互換性がないと記載されているので注意してください(2016年4月現在)。

  • AnsPress、Tracking Code Manager、WooCommerce Bookings from Woothemes、Business Hours Pro WordPress Plugin、Woocommerce Add to cart Ajax for variable products(not compatible with the edit options feature in the cart)、WooCommerce Wholesale Ordering、WooCommerce Group Pricing、Subscriptio - WooCommerce Subscriptions、VarkTech Pricing Deals for WooCommerce、 Woocommerce Prices by User Role (* Woocommerce Prices by User Roleプラグインは、ユーザーの役割(会員ランク)ごとに価格を設定する機能を提供しますね。そして、ゲストにはカートボタンや価格を非表示にできる機能もあります。)

ワードプレスウコマース商品バンドルプラグイン

サイトでは、顧客がどのような商品を購入するとき、顧客が追加購入を希望する商品がある場合 YITH WooCommerce Product Bundles プラグインを使用することができます。 詳細については、 ワードプレスウコマース商品バンドルプラグイン - YITH WooCommerce Product Bundlesを参照してください。

YITH WOOCOMMERCE BULK PRODUCT EDITING(ウコマース大量の商品一括編集)

多くの商品があり商品説明、カテゴリ、、価格などを迅速に修正したい場合に YITH WOOCOMMERCE BULK PRODUCT EDITINGプラグインを使用してみることができます。

注:



23のコメント

  1. こんにちは推薦してくださったこの文を信じてYITH WooCommerce Product Add-Onsと他のプラグインも購入した人です。 ショッピングモールを運営予定です。 上記のプラグインを決裁まで終えておいてみると永久ライセンスではなく、「1年ライセンス」のようです...当然永久ライセンスと思った決裁まで終わり出したところ、1年後の「有効期限」が英語で書かれていますね... ......プラグインをお勧めされるのは良い、このようなライセンスに関する重要な情報を知っ書いておけば WooCommerceでショッピングモールを作ろうとする人は、決裁しておいて裏切られたと感じるでしょう。 プラグインを導入するなら、ライセンスに関する情報は、記録しておきます。 このように、プラグインでお金が継続行けば韓国人は Naverストアファームにショッピングモールを作成あえて WordPressの WooCommerceでショッピングモールを作成するメリットをできない見つけるでしょう。

    応答
    • こんにちは、ギムジェヒョン様。

      コメントを残していただきありがとうございます。 可能な限り詳細な情報を提供してしようと努力しているが期待に応えできず申し訳ありません。

      コスト的な面で愛しておらするには Naver ストアパームもいい選択です。

      基本的な機能を脱し、新しい機能を追加する場合は機能を開発する必要がするが、 WordPressは、プラグインを使用することが費用対効果の高い方法である。 (ない機能を開発する場合 WordPressでも、あるいは GNUBOARDでもコストがかかるしかないでしょう。)

      プラグインやテーマの場合、1年間のアップデートとサポートを提供する場合があります。 たとえば、恵みの雨ストアでも1年間のサポートとアップデートを提供しています。

      https://www.screencast.com/t/jfkBP7pAf

      YITHは WooCommerce プラグインの開発者に良い評価を受けているメーカーです。
      チャットで連絡して返金を要求すると、払い戻しをしてくれるようです。

      応答
    • ちなみに、このサイト利用上の注意文を参照してください。

      https://www.thewordcracker.com/%eb%b3%b8-%ec%82%ac%ec%9d%b4%ed%8a%b8%ec%9d%98-%ec%a0%95%eb%b3%b4-%ec%9d%b4%ec%9a%a9-%ec%8b%9c-%ec%a3%bc%ec%9d%98%ec%82%ac%ed%95%ad/

      そしてYITHプラグインを購入する際に太字で1年の更新とサポートが提供される明示されています。

      https://www.screencast.com/t/puK2J7QSr

      ライセンスの期限が切れても継続使用は可能です。 ただし、更新を受信できないため、それほど望ましくありません。

      私のブログを運営しながら、収益がほとんど出ないが、 AdSenseを介して利益が出れば新しいテーマとプラグインを購入してテストするために使用される方です。
      그래서 円バトーマーケットのTop 10にかかるほとんどのテーマと Diviテーマ など多数のテーマを購入して保有しているが、言うまでもなく、すべてのテーマとプラグインを購入してテストすることは、コスト上、時間上不可能に近いです。 それでも WordPress 関連する問題に触れながら、他の人より多くのテーマを接する機会があり、情報を提供するために努力しています。

      この記事では、 WordPress WooCommerce オプション商品の設定について詳しく説明しており、直接のオプションを設定するには限界がある場合、利用できるプラグインのいくつかを紹介しました。

      私は文章を作成するときに、「〜がお勧め」とは表現せずに「〜といいそうです」あるいは「〜しています」という表現を多用する方です。 自然で良い文を作成するには、このような表現は望ましくないが、私いいし、他の人が良いのではない可能性があるため、そのような点を最大限に反映しようと努力しています。

      言い訳のように聞こえても分からない基本的なライセンス情報は、テーマやプラグインを購入する際にわかりやすく表示されています。 おそらく法的に重要な情報を表示する義務がないかと考えます。

      重ね迷惑をお掛けすることと思います。 プラグインを購入した満足していない場合YITHに連絡して返金を要請してください。 そして上で述べたように、ライセンスの期限が切れた後も引き続き使用は可能です。

      楽しい一日を過ごす。

      ※改めて申し上げ決して神を見捨てるため、意図的に情報を非表示にしたり、したのはありません。 (私のブログの記事を見てみれば、ある程度感じておらだろう、可能な限り詳細な情報を提供しようと努力しています。ただし、私の不足するため、不十分な点が多いです。)上記の文をよくお読みいただき、神を捨てて、読者を欺く内容が含まれている場合はお知らせいただければ是正するために努力します。 この記事では、プラグインの紹介は商品のオプションを説明するために終わることが地味よう、このようなプラグインもありますので、考慮してみることができるという意味で追加したものです。 そして、プラグイン購入時に価格の下にアップデートとサポートについては、太字で含まれています。

      応答
      • 回答ありがとうございます。 ブログは私も運営しているが、プラグインなどの商品を紹介すれば、最も基本的な有料、無料、あるいは1年の定期決済などの情報は必須で入らなければならないと思います。 そうでなければ無責任な情報の紹介がされることがあります。

        私が英語に慣れていない方がなく、add-onsプラグインライセンス関連資料添付します。 これ永久ライセンス当たるんです? 私が見るには有料版1年ライセンスです。 https://blog.naver.com/rusielin/memo/221969942949

        例として示した恵みの雨ラップというのは「永久ライセンス」が書かれているがyithプラグインは、私「永久ライセンス」という言葉をまだ見つかりません。 以下はYITH WOOCOMMERCE PRODUCT ADD-ONSプラグインのライセンスの更新関連記事です。
        https://docs.yithemes.com/yith-woocommerce-product-add-ons/renew-license/

        私の考えでは、ライセンスが期限切れになると、そのプラグインの有料版(premium)ではない無料版(free)で使用可能であることを意味に見えます。 有料機能は再び閉鎖思える。 yithホームページにあった
        「A subscription license entitles you to 1 year of updates and support。 Each installation of the plugin will require a license key」
        これも1年後にライセンスキーが切れる(expire)は意味ないですか?

      • 恵みの雨ストアの場合...

        使用期間:永久
        ライセンス:1年(ダウンロード、更新、1:1お問い合わせ)

        上記のような条件です。 使用は永久的に可能ですが、ライセンスは1年です。
        YITHも同じである。 1年間の更新とサポートが提供されますが、その後も継続使用は可能です。 ただし、アップデートとサポートが提供されません。

        It means that the system creates a recurring payment during the purchase process to renew the license automatically and allow the user to keep benefiting from support service and updates。

        この部分を読んでリニューアルするとsupport serviceとupdate利益を手にすることができるということを意味します。 更新しないと、自動更新がされず、サポートが提供されていないだけです。 これは、一般的に通用する方式です。

        期間が過ぎても支払わ機能は閉まらないでしょう。 この部分は、YITHに直接お問い合わせください。

        ==> YITHにお問い合わせた結果、私が説明したように、ライセンスの期限が切れた場合、更新のサポートを受けないが、プレミアムバージョンをそのまま使用することができそうです。

        このブログのYITHプラグイン紹介欄を見れば、無料版、プレミアム版に分けて機能を説明しています。

        例: https://www.thewordcracker.com/basic/%ec%9b%8c%eb%93%9c%ed%94%84%eb%a0%88%ec%8a%a4-%ec%9a%b0%ec%bb%a4%eb%a8%b8%ec%8a%a4woocommerce%eb%a5%bc-%ec%a0%84%ec%9e%90-%ec%b9%b4%ed%83%88%eb%a1%9c%ea%b7%b8%eb%a1%9c-%eb%b0%94%ea%be%b8%ea%b8%b0/

        そしてこの記事は、申し上げたように、詳細読んで「商品オプションの設定」の文であり、このようなプラグインがあるという程度に言及したものであり詳細については、プラグインのページを参照してください。 この点は、 https://www.thewordcracker.com/%eb%b3%b8-%ec%82%ac%ec%9d%b4%ed%8a%b8%ec%9d%98-%ec%a0%95%eb%b3%b4-%ec%9d%b4%ec%9a%a9-%ec%8b%9c-%ec%a3%bc%ec%9d%98%ec%82%ac%ed%95%ad/ ページを介して明らかにした。 このページへのリンクをトップメニューに表示されたのは、このサイトを利用する前に、すべての方が読んでほしいたからです。

        「背信」は「神のを破ったことに対する不快感 "という意味ですが、私は生きて残る裏切るような行為は絶対にしたことがないと確信しています。

      • 回答ありがとうございます。 私実例がありました。 私も今朝YITHに問い合わせた結果、「1年後に更新しないことを決定しても、プラグインを使用し続けることができる。しかし、これ以上更新さやサポートを受けられないのだ。」(You can still use the plugin if you decide NOT to renew it after 1 year。However you will no longer receive updates nor support)という回答をいただきました。 私の英語力が良くなくて、プラグインが期間制だと勘違いしたようです。 韓国語のサポートがないプラグインを購入して使用してみると理解するのに困難があったようですね。 今は理解しました。 甘やかさ誠実に回答いただきありがとうございます。

      • 理解していただきありがとうございます。

        もしかしたら WordPressと関連して質問がある場合は何文のコメントにコメントを残してください。

        楽しい夜の時間を過ごす。

  2. もしかしたらプレビューページに
    商品画像は、様々なオプションに応じて部分的に
    その部分だけ変わるのプラグインやテーマがないでしょうか..?
    春込めという招待状ホームページのにリンクは以下の通りです。
    https://www.bomdama.com/shop/fr-1/
    このように注文カスタムページを作成したいのですが
    助けを求めるます...ㅠㅠ

    応答
    • こんにちは?

      WooCommerce 商品デザイナーというプラグインがありますが、ユーザーが直接フレーズを追加したり、色などを変えることができる機能を提供します。 次の記事を参照してください。

      https://www.thewordcracker.com/basic/woocommerce-custom-product-designer/

      応答
  3. お金を払って買った本よりも、このポストがよく説明されておりフィットします。 おかげで役立つ多くなりました。 ありがとうございます。

    応答
    • こんにちは?

      ブログを訪問していただきありがとうございます。

      本というものが地面に限られているので、どうしても重要な部分を優先的に載せるになります。 紙面上の詳細を説明するには限界があるようです。

      また、 WordPressが急速に発展しているため、本を構想した時点と実際の発行日の時点の間にギャップがあって見たら、最新の WordPress 情報を追加は容易ではない側面があるでしょう。

      応答
  4. こんにちは。
    私 WooCommerceでホームページを作っては一つが解決できなくても苦しくて質問します。 ㅜㅜ
    単一商品ページのときは、買い物かごボタンが最初から有効になって正常に表示されます。
    オプション商品のときのみカートに入れる部分のボタンの色と文字色が変わったがオプションを選択しようやく正常に見られるよ。
    オプションを選択する前に、ボタンをしっかりと見せてくれたい。
    初心者と WooCommerceのどこソースをソンデヤか分かりません。
    助けちょっといただければ本当にありがたいです。 ^^
    http://joonfont.com/상품/nemogothic
    ここカートに入れるをすぐに購入のように作成したいと思います。

    応答
    • こんにちは?

      単純商品の時とオプション商品ときのページを比較してみてください。 単純商品に表示されているショッピングカートボタンのスタイルを確認して、オプション商品のときに表示されるカートボタンのスタイルに適用します。

      方法は、CSSを使用してください。 https://www.thewordcracker.com/basic/%EC%9B%8C%EB%93%9C%ED%94%84%EB%A0%88%EC%8A%A4%EC%97%90-css%EB%A5%BC-%EC%A0%81%EC%9A%A9%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95%EA%B8%B0%EC%B4%88/ 文を参照してみてください。

      応答
  5. やっぱり良い情報が満載である^^ありがとうございます!
    ところが知りたいことが...オプションではなく、商品詳細ページからメモをしたい場合は、inpuutボックスを入れて、買い手が内容を追加ハゲクムしたいような時は、どうでしょう?
    単純商品に登録すると、オプションの内容が出てこなくね。 また、オプションの設定(価格は異なりするの)がない場合、単に入力インプットボックスを入れたい時... ^^ ;;

    応答
    • こんにちは?

      ユーザーがオプションを指定したり、その他の事項を入力することができる入力フィールドを入れたい意味で聞こえる。

      これと関連し、プラグインが一つあります。 WooCommerce Extra Product Options( https://1.envato.market/QdoKP )と呼ばれるプラグインです。

      https://www.thewordcracker.com/wp-content/uploads/2016/11/WooCommerce-Option-input.jpg

      追加:振り返ってみると上記のプラグインが少し言及されていますね...

      応答
      • アネプ、回答ありがとうございます。 はい、内容のプラグインは、すでに見ました。
        ただし、私が入れたいのオプションに応じて価格が変わるのではなく商品の属性を指定するようにしたくて問い合わせをしました。
        笑ありがとうございます。

      • こんにちは?

        言われた機能をYITH( https://yithemes.com?refer_id=1046999 )にお問い合わせてみるとそんな機能をするプラグインがないとね。
        コードキャニオンで検索見てもないことだよ。
        もしかしたら、必要な機能のプラグインを見つけましたら教えていただけますか? (他の方もわかるように文章を更新してみましょう。)

      • うん! なるほど〜ああ! お問い合わせまで...すごく感謝しています。 一度は、上記のプラグインのTEXTAREAを通し使用みようと思っています。 ありがとうございハプニダト~~

  6. こんにちは
    WooCommerceを使用している
    Attributesを毎回同じように設定するだろう、あまりにも力がかかるが
    Attributesデフォルト設定しておいて、常に基本適用されるようにするプラグインや関連技術でしょうか?
    いくら探しても関連資料はないですねㅠ

    応答
    • こんにちは?

      Attributeをキーワードに、プラグインを検索してみるべきでしょするようです。

      Woocommerce Bulk Attribute Manager( https://wordpress.org/plugins/woocommerce-attributes-menu-manager/ )プラグインを探している機能を提供することも同じだが更新はよくならず、評価が良くないですね。

      下のプラグインを一度チェックしてみてください。 もしかしたら、必要な機能を提供するプラグインがあることもあり、ない場合もあるようです。

      WooCommerce Attributes Menu Manager( https://wordpress.org/plugins/woocommerce-attributes-menu-manager/ )

      Improved Variable Product Attributes for WooCommerce( https://1.envato.market/aGqKW )

      YITH WOOCOMMERCE COLOR AND LABEL VARIATIONS( https://yithemes.com/themes/plugins/yith-woocommerce-color-and-label-variations/?refer_id=1046999 )

      YITH WOOCOMMERCE PRODUCT ADD-ONS( https://yithemes.com/themes/plugins/yith-woocommerce-product-add-ons/?refer_id=1046999)

      応答
  7. 「Configure terms」は WooCommerce ハングルのファイルを検索してみると、「用語の環境設定」に翻訳されていますね。 参考までに、通常「Configure」は、「構成(ある)」と翻訳されます。

    応答