商品と画像の選択
デザインスタジオで商品を選択し、メイン画像とギャラリー画像を選んでページ幅を設定します。ページを構築すると、編集可能なドラフトが作成されます。
商品詳細ページジェネレーター近日公開
商品を選び、メイン画像とギャラリー画像を指定するだけで、TrendRemixが特長・説明・仕様のセクションを含む縦長ページをレイアウト。書き出し前に編集も可能です。
ワークスペースを開くこのツールは現在プライベートテスト中のため、すべてのアカウントで利用できるわけではありません。このページでは機能の仕組みを説明しています。現在利用可能なツールはワークスペースで確認できます。
仕組み
TrendRemixの詳細ページビルダーは、保存された商品データを編集可能な1枚の縦長ページに変換します。メイン画像、商品名、カテゴリー、最大6つのセールスポイント、商品説明、最大12行の仕様表、最大8枚のギャラリー画像、ロゴ入りフッターを配置します。すべてのテキストは商品データから引用され、不足している情報はハイライト表示されます。すべての項目を埋めるまで書き出しは制限されます。テキスト、色、画像の編集やブランドキットの適用が可能で、ページ全体、セクションごとの画像、またはタオバオ(淘宝)、天猫(Tmall)、京東(JD)の幅に合わせた分割画像として書き出せます。
デザインスタジオで商品を選択し、メイン画像とギャラリー画像を選んでページ幅を設定します。ページを構築すると、編集可能なドラフトが作成されます。
データが不足している箇所はハイライト表示されるので、実際のコピーを入力してください。サイズ、色、配置の変更や画像の差し替えが可能です。枠に収まらないテキストには警告が表示されます。
保存後、ページ全体とセクションごとのPNG画像をアセットライブラリに書き出します。サーバーレンダリングにより、各ECモールの詳細ページ幅に合わせた分割も可能です。
セクション見出しは固定ラベルで、その他の行はすべて商品データに紐付いています。システムが勝手に宣伝文句や価格、CTAを追加することはありません。
ヒーロー、特長、説明、仕様、ギャラリー、フッターは個別のセクションとして定義され、ページ全体とは別にそれぞれの画像として保存されます。
サーバーレンダリングにより、タオバオ(750 px)、天猫・京東(790 px)の幅にリサイズし、セクションの境界を優先しながら高さ1,500 px以内で分割できます。
ブランドキットを適用すると、フォント、背景色、ロゴが一括変更されます。新しい背景色に対してWCAG AAのコントラスト比を下回るテキストは、自動的に再配色されます。
| セクション | ヒーロー、特長(最大6)、説明、仕様(最大12行)、ギャラリー(最大8)、フッター |
|---|---|
| ページ幅 | 750, 800, 1,080, 1,200 px(高さはコンテンツに応じて変動) |
| 書き出し | ページ全体およびセクションごとのPNG画像(アセットライブラリに保存) |
| モール向け分割 | タオバオ 750 px、天猫・京東 790 px、各画像高さ 1,500 px 以内 |
| 見出し言語 | インターフェース言語に従い、英語または中国語 |
| コスト | サーバーレンダリングにはクレジットを消費します |
いいえ。保存された商品名、カテゴリー、説明、セールスポイント、仕様を使用します。不足している項目はプレースホルダーとして表示され、勝手な文章が作成されることはありません。
すべてのテキストレイヤーのサイズ、色、配置、背景色、および各画像の編集が可能です。セクションの順序と位置はビルダーによって固定されています。
縦長ページ全体と、セクションごとの個別PNG画像がアセットライブラリに保存されます。これらは作成時のドキュメント履歴に関連付けられます。
サーバーレンダリングにより、選択した幅にリサイズされた後、高さ1,500 px以内の断片にカットされます。見出しと内容が離れないよう、可能な限りセクションの境界で分割されます。
書き出した画像は、連携済みのShopify、WooCommerce、Amazonの商品ページに追加可能です。変更前にスナップショットが保存されるため、元に戻すこともできます。
作成した素材はすべてアセットライブラリに保存され、次のツールですぐに使えます。