このガイドでは、Customixで、Spotifyのトラックに基づいて曲名、アーティスト、サムネイルをお客様がカスタマイズできる、Spotify風のパーソナライズ曲デザインを設定する方法を説明します。

ステップ1:テンプレートにSpotify要素を追加する

テンプレートを作成したら、左パネルの「要素」アイコンをクリックし、「Spotify」を選択して、Spotifyプレーヤー要素をキャンバスに追加します。

Spotifyの曲レイヤーを追加

次に、Spotifyレイヤーで「Spotifyトラックでパーソナライズ」を有効にして、お客様が好きな曲を選べるようにします。

「Spotifyトラックでパーソナライズ」を有効にする

ステップ2:曲のサムネイル用の画像レイヤーを追加する

次に、後で曲のサムネイルを割り当てるための画像レイヤーを追加します。「画像のアップロードをパーソナライズ」を有効にするのを忘れないでください。

画像レイヤーを追加

ステップ3:曲名とアーティスト用のテキストレイヤーを追加する

次に、曲名とアーティストの値に対応する2つのテキストレイヤーを追加します。

曲名とアーティスト用のテキストレイヤーを追加

ステップ4:Spotifyレイヤーから値を共有する

「Spotifyレイヤー」に戻り、「値を共有」ボックスを有効にして、各値を対応するレイヤーに割り当てます。

  • タイトル → 曲名
  • アーティスト → 曲のアーティスト
  • 画像 → 曲のサムネイル
各値を対応するレイヤーに割り当てる

再生時間やURLなど、お客様に編集させたくない値は、空白のままにしておきます。

ステップ5:デザインのプレビューを作成する

デザインが完成したら、プレビュータブに切り替え、商品画像と印刷ファイルをタブに追加します。次に、デザインが商品のモックアップに自然に収まるように、デザインの位置と拡大率を調整します。最終的な商品の見た目を反映するために、デザインを現実的で妥当な位置に配置してください。

プレビューを作成

このプレビューは、ストアフロントのフロントエンドでデザインがどのように表示されるかを示しており、オプションセットから事前にプレビューすることもできます。

ストアフロントでの機能の見た目

更新日:2026/09/23