色やサイズなどのさまざまな属性を製品に追加する方法を考えたことはありませんか? ShopEngine のバリエーション スウォッチ モジュールを使用すると、これらのバリエーションを数分で簡単に製品に追加できます。このモジュールの概要とその使用方法を理解しましょう。
バリエーションスウォッチモジュールとは何ですか? #
バリエーション スウォッチ モジュールは、WooCommerce 製品に属性を追加できるモジュールです。たとえば、製品にはさまざまな色やサイズがあります。ShopEngine バリエーション スウォッチ モジュールを使用して、このバリエーションを追加できます。
このモジュールにより、顧客のユーザー エクスペリエンスが向上します。顧客は、必要な製品や好きな製品のサイズや色を選択できます。これにより、売上も増加します。
ShopEngine のバリエーション スウォッチ モジュールを使用するにはどうすればいいですか? #
ShopEngine は、バリエーション スウォッチ モジュールのユーザーフレンドリーなセットアップを提供します。このモジュールを実装するには、次の手順に従う必要があります。
ステップ 1: バリエーション スウォッチ モジュールを有効にします。 #
まず、管理ダッシュボードに移動し、「ShopEngine >> モジュール」にアクセスします。次に、スウォッチ モジュールをクリックします。
![バリエーションスウォッチモジュールを有効にする](https://wpmet.com/wp-content/uploads/2021/09/enable_variation_swatch_module.png)
その後、モジュールを有効にして変更を保存します。
![バリエーションスウォッチモジュールを有効にする](https://wpmet.com/wp-content/uploads/2021/09/enable_variation_swatches_module.png)
ステップ 2: 属性を追加します。 #
2 番目のステップでは、製品の下の属性を押す必要があります。次の情報を入力します。
- 名前: 保存する必要がある色、サイズ、その他の属性。
- タイプ: ShopEngine の色またはサイズを選択します。
最後に保存ボタンを押します。
![ショップエンジンを使用した製品属性](https://wpmet.com/wp-content/uploads/2021/10/variation-swatches-select-attribute.png)
色を追加するには、「用語の設定」ボタンを押します。
![バリエーションの見本を追加するには、属性に色を追加します](https://wpmet.com/wp-content/uploads/2021/09/attribute_adding_variation_swatches.png)
ここで色を挿入するには、フィールドに応じて入力する必要があります。名前を入力するだけで済み、最後に 新しい色の追加ボタン.
![属性に色を追加する](https://wpmet.com/wp-content/uploads/2023/06/variation-swatch1.png)
ステップ 3: 製品の属性を追加します。 #
商品に属性を追加するには、すべての商品に移動する必要があります。その後、属性を追加する商品を編集します。
![製品にバリエーションを追加する](https://wpmet.com/wp-content/uploads/2021/09/add_variation_for_product.png)
製品データとして変数製品を選択します。
![バリエーションサンプルの製品データを選択する](https://wpmet.com/wp-content/uploads/2021/09/variable_product.png)
次に、属性をクリックしてカスタム製品属性を選択します。次に、追加ボタンを押します。
![バリエーションスウォッチのカスタム属性を追加する](https://wpmet.com/wp-content/uploads/2021/09/attribute_for_product.png)
ここで、色の名前を選択し、バリエーションに使用するをクリックします。最後に、属性を保存します。
![属性の値を選択](https://wpmet.com/wp-content/uploads/2021/09/save_attribute_for_variation.png)
ステップ 4: バリエーションを設定します。 #
このステップでは、バリエーションを押して、すべての属性からバリエーションを作成するを選択します。次に、実行を押します。
![製品のバリエーション作成](https://wpmet.com/wp-content/uploads/2021/09/adding_attribute_for_variation.png)
次に、製品の色またはサイズをクリックして、次の情報を追加します。
- 画像: 画像を挿入します。
- 在庫管理: このオプションを使用すると、在庫製品を管理できます。
- 通常価格: 商品の通常価格を設定します。
- セールスプライス: セール価格を入力します。
![バリエーションサンプルの製品を編集する](https://wpmet.com/wp-content/uploads/2021/09/variation_setting_for_product.png)
次に、変更を保存します。
![バリエーションの見本を保存](https://wpmet.com/wp-content/uploads/2021/09/save_variation_products.png)
ステップ 5: 製品のバリエーションを更新します。 #
最後に、「更新」をクリックしてすべての変更を有効にします。
![商品のバリエーションサンプルを更新](https://wpmet.com/wp-content/uploads/2021/09/update_product_variation.png)
バリエーションスウォッチモジュールを使用した後の最終的な外観 #
このモジュールを使用した後の最終的な外観は次のとおりです。
![バリエーションスウォッチモジュールの最終外観](https://wpmet.com/wp-content/uploads/2021/09/shopengine_variation_swatch_module.gif)