AI生成セクションを使ってストアを構築する方法(限定アクセス)
テーマエディターのAI生成パーツ機能を使うと、テキストプロンプトを入力するだけで、画像バナーやプロモーションエリアなどのカスタマイズされたウェブセクションを作成できます。コーディングの知識は不要です。これにより、ストアのデザインプロセスが簡素化され、ニーズに合わせたセクションを簡単に作成できるようになります。
この記事では、AI生成セクションの設定手順と使用時の重要なポイントについてご案内します。
| 注:この機能は現在ベータテスト段階にあり、選ばれたマーチャントのみが利用可能です。テーマエディターにこのオプションが表示されない場合は、アクセスを申請するためにSHOPLINE担当者にご連絡ください。 |
AI生成パーツの機能
AI生成セクションは、ストアのレイアウトを柔軟かつ効率的に構築する方法を提供します。AIモデルを活用することで、ブランド全体で一貫したカスタムセクションを作成および管理できます。
- アプリ不要:Section Galleryアプリで作成されたセクションとは異なり、この機能はテーマエディターにネイティブ統合されています。追加のアプリインストールは不要です。
- ストア全体で共有可能:一度AIセクションが生成されると、ストア全体で再利用可能なパーツとなります。既存または将来のOS 3.0テーマに対しても再生成せずに同じセクションを適用できます。
-
リアルタイムプレビュー&生成:AIアシスタントはコードを生成し、セクションをリアルタイムでレンダリングするため、最終決定前にレイアウトをプレビューできます。
注:生成プロセス中は現在のページに留まり、ブラウザの更新やテーマエディターウィンドウの閉鎖を行わないでください。そうしないと処理が中断されます。 - テーマのアップデートに影響なし:AI生成セクションを使用してもテーマが「カスタムテーマ」になることはありません。テーマは公式バージョンのままであり、SHOPLINEからの自動または手動のバージョンアップデートを引き続き受け取れます。
AI生成セクションの設定方法
AIアシスタントは、アイデアを機能的なウェブセクションに変換することで作成プロセスを簡素化します。以下の手順に従い、テーマエディター内で直接AIセクションを生成およびカスタマイズしてください:
| 注:各ストアは24時間以内に最大3つの新しいAIセクションを生成できます。AI生成セクションオプションには残りの生成数と合計生成数(例:「2 / 3」)が表示されます。上限に達するとオプションはグレーアウトされ、生成数がリセットされるまで利用できません。詳細は「AIセクション生成制限の理解」をご覧ください。 |
- SHOPLINE管理画面から、オンラインストア > デザイン > マイテーマ に移動します。対応可能なOS 3.0テーマ(公式、サードパーティ、カスタムテーマを含む)を選択し、デザインをクリックしてテーマエディターに入ります。
- テーマエディターで、セクションを追加したいページ(例:ホームページ)を見つけます。
-
左側のサイドバーで、+パーツを追加をクリックし、AIアシスタントの項目を選択します。これにより、インタラクティブなAI生成ウィンドウが開きます。
- ウィンドウが表示されたら、AIへのプロンプトを入力します:
-
システムからプリセットの例文プロンプトを選択して、すばやく開始できます。
-
または、作成したいセクションの詳細な説明を手動で入力します(例:「3枚の画像とコールトゥアクションボタンを備えたカルーセルバナー」)。
-
- 生成ボタンをクリックして処理を開始します。AIがコードを生成し、リアルタイムでセクションをレンダリングします。これにより、確定前にレイアウトをプレビューできます。
-
セクションが生成されたら、それを選択して設定パネルで詳細をカスタマイズします。コンテンツ、色、レイアウトを他の標準セクションと同様に調整できます。
- 保存をクリックして変更を適用します。
生成されたAIセクションの使い方
AI生成セクションは非常に柔軟です。一度作成すれば、プロンプトを再入力することなく、異なるテーマやページで再利用できます。
-
シナリオ1:異なるテーマ間での利用(テーマAからテーマBへ): テーマA(例:ファッション)でAIセクションを生成した場合、テーマB(例:Sipply、OS 3.0テーマである限り)で使用できます。テーマBで+パーツを追加をクリックし、検索ボックスまたはリストからセクション名を見つけて直接追加してください。
-
シナリオ2:異なるページ間での利用(例:ページAからページBへ): どのページテンプレート(例:ホームページ)で作成したAIセクションも、+パーツを追加メニューを通じて他のページ(例:カテゴリページ)に簡単に適用でき、ストア全体でブランドの一貫性を保てます。
AI生成セクション内のテキストの翻訳
AI生成セクションを作成して保存したら、カスタム多言語翻訳ツールを使ってそのテキストを翻訳できます。
| 注:手動で修正して保存されたテキストのみが、カスタム多言語翻訳ツールおよび言語設定のコーパスエクスポート機能に表示されます。セクションのデフォルトテキストを修正していない場合は、修正(例えば、文言を変更するかスペースを入力するなど)してから再度保存し、その後に翻訳してください。 |
セクション内のテキストを翻訳するには:
- カスタム多言語翻訳ツールアプリにアクセスします。
- 該当するセクションと翻訳したいテキストを見つけて、翻訳します。
- 翻訳が完了したら変更を保存します。
| 注: カスタム多言語翻訳ツールの詳細な使い方については、「カスタム多言語翻訳ツール:ストアコンテンツ翻訳の追加と管理」を参照してください。 |
AI生成セクションの再生成
AI生成セクションに満足できない場合、プロンプトを最初から入力し直したりやり直したりする必要はありません。元のプロンプトを基にしてAIに再生成と修正を依頼できます。システムは以前に入力したプロンプトを記憶しており、新しいプロンプトをそれに追加してAIに送信します。つまり、新しいプロンプトは以前のものを置き換えるのではなく追加されます。例えば:
- ラウンド1:「カルーセルバナーを生成してください。」
- ラウンド2:「バナー画像4枚をサポートしてください」;実際にAIに送信されるプロンプトは「カルーセルバナーを生成してください、バナー画像4枚をサポートしてください。」
- ラウンド3:「動画もサポートしてください」;実際に送信されるプロンプトは「カルーセルバナーを生成してください、バナー画像4枚をサポートしてください、動画もサポートしてください。」
セクションが生成されると、エディターはそのラウンドで使用したプロンプトを記録して表示します。デフォルトでは閉じて表示されており、クリックすると開きます。内容が長い場合は開いたビュー内でスクロールできます。複数回再生成した場合、エディターは最新の成功した生成のプロンプトのみを表示します。
| 注: 同じテーマ内では、一度に生成できるセクションは1つだけです(初回生成でも再生成でも同様です)。別のセクションを再生成しようとすると、他のセクションがまだ生成中の場合、送信ボタンが一時的に無効になり、「すでにセクション生成タスクが進行中です。完了するまでお待ちいただき、再試行してください。」と表示されます。 |
再生成が失敗した場合に起こること
再生成が失敗した場合でも、そのセクションの以前の成功したバージョンには影響しません:
- 左側のセクションリストには、セクションの元の名前が表示され続け、「生成失敗」とは表示されません。
- 右側の設定パネルには、最後に成功した生成時の設定とプロンプト入力ボックスが表示されます。
- プロンプト入力ボックスの上には最後に成功した生成で使用されたプロンプトが表示され、ボックス自体には失敗した試行の入力内容が保持されているため、編集して再試行できます。
AIセクション生成の制限について理解する
各ストアでは、24時間以内に最大3つの新しいAIセクションを生成できます。このセクションでは、どの操作が制限にカウントされるか、生成回数の共有方法、およびリセットのタイミングについて説明します。
生成制限にカウントされるもの
新しいAIセクションを正常に生成した場合のみ、制限にカウントされます。以下のルールが適用されます:
- 制限にカウントされるもの:新しいAIセクションを正常に生成するごとに1回の生成としてカウントされます。
-
制限にカウントされないもの:以下の操作は制限にカウントされません:
- 既存のAIセクションのプロンプトを修正して再生成すること。
- セクションの生成に失敗すること。
- 生成タスクを完了前に手動で停止すること。
- ネットワークの中断によりセクションが正常に生成されなかった場合。
生成回数の計算方法とリセット
- ストア全体で共有:生成制限はストア単位で適用されます。同じストア内のすべてのデバイスおよびテーマエディターのセッションで生成回数が共有されます。
- 24時間後にリセット:24時間の期間は、現在のサイクルで最初に新しいAIセクションが正常に生成された時点から始まります。使用した数に関わらず、24時間後には3回分の生成が再び利用可能になります。例えば、午前10時に最初のセクションを正常に生成した場合、翌日の午前10時にカウントがリセットされます。
AI生成セクションの削除
ストア内で不要になったAI生成セクションは、テーマエディターのセクションリストから直接削除できます。
- セクションリストで削除したいAI生成セクションを見つけます。カーソルを合わせると、右側に•••(その他の操作)アイコンが表示されます。クリックしてセクションを削除を選択してください。
- 確認ダイアログ「AI生成セクションを削除しますか?」で、削除を確認をクリックして削除を完了します。
|
重要な注意事項:
|
AIセクションの互換性と使用制限
最適なパフォーマンスとスムーズなデザイン体験を確保するために、以下の技術要件と地域制限にご注意ください。
- テーマ互換性:この機能はOS 3.0テーマ専用です。旧バージョンのテーマではAI生成セクションはサポートされていません。
- 限定アクセス:この機能は現在ベータテスト段階で、ホワイトリスト登録が必要です。アクセスを希望される場合は、SHOPLINE担当者にお問い合わせください。
- セクション制限:AI生成セクションはストア単位で管理され、すべてのOS 3.0テーマで共有されるため、各ストアで保存できるAI生成セクションは最大50個までです。
|
重要な注意:AI生成セクションは現在、カスタム多言語翻訳ツールを通じて多言語翻訳に対応しています(上記「AI生成セクション内のテキスト翻訳」を参照)。複数言語や国際マーケットを対象とするマーチャントも安心してこの機能をご利用いただけます。 |
この記事はAIを使用して翻訳されており、不正確な箇所が含まれている可能性があります。最も正確な情報については、元の英語版をご参照ください。