Customixでは、お客様がアップロードした画像をカスタムシェイプにきれいに収めた、パーソナライズ商品を作成できます。この機能を使うと、アップロードされた画像がデザイン内でどのように表示されるかを自由にコントロールできます。

この機能でできること

お客様が写真をアップロードすると、設定したシェイプの形に自動的にトリミングされ、シェイプの表示される部分(透明でない領域)だけが表示されます。これにより、商品テンプレートのデザインがより整った、統一感のある仕上がりになります。

設定したシェイプの形に自動的にトリミングされた画像

設定方法

ステップ1:テンプレートを作成する

  • テンプレートセクションから、商品テンプレートの作成を始めます。
  • テキストやオプションなどの要素を追加して、デザインのレイアウトを完成させます。

ステップ2:サンプル画像レイヤーを追加する

  • 画像ツールをクリックして、キャンバスにサンプル写真のレイヤーを追加します。
  • このレイヤーが、お客様がアップロードする写真のプレースホルダーになります。
画像レイヤーを追加

ステップ3:シェイプマスクを適用する

  • 画像レイヤーを選択した状態で、右側の設定パネルを開きます。
  • マスクセクションで、カスタムをアップロードをクリックします。
  • 使いたいシェイプの画像をアップロードします。
カスタムシェイプのアップロード

重要:

  • 画像の黒い部分(透明でない領域)が表示エリアになります。
  • 黒いシェイプの外側にある領域は、お客様が画像をアップロードしたときに表示されません。
表示エリア

ステップ4:パーソナライズを有効にする

  • 右側のパネルで、パーソナライズタブを開きます。
  • 「画像のアップロードをパーソナライズ」にチェックを入れ、必要に応じてラベル、最小サイズ、必須の設定を行います。
パーソナライズをオンにする

ステップ5:テンプレートを保存する

  • 保存をクリックして、テンプレートの設定を確定します。

最後のステップ:テンプレートを商品にリンクする

デザインが完成したら、次の手順に進みます。

  • キャンペーンセクションに移動します
  • このテンプレートを、ベース商品またはShopify商品にリンクします。

これで、お客様が自分の画像をアップロードすると、カスタムシェイプに自動的にフィットして表示されます。

更新日:2025/07/03