Merlin AI アプリ内テンプレートジェネレーター

Merlin AI テンプレートジェネレーターを使用すると、テキストプロンプトを使ってアプリ内メッセージテンプレートを作成できます。アクセシブルでレスポンシブ、かつ標準的なトラッキング機能を備えたHTMLデザインを作成可能です。

info

機能仕様

  • トラッキング: 閉じるボタン、フォーム送信、主要CTAクリックのイベントトラッキングを自動的に含みます。
  • レスポンシブ対応: テンプレートはデフォルトで縦向き・横向き両方に対応します。
  • アクセシビリティ: ユーザーが使いやすいようアクセシビリティ基準に準拠したデザインです。

テンプレートの生成

Merlin AIでアプリ内テンプレートを生成するには、以下の手順に従ってください:

  1. In-Appキャンペーン作成フローのコンテンツステップに進みます。
  2. Merlin AI テンプレートジェネレーター セクションで、+ 新規作成をクリックします。 
    Screenshot 2026-03-02 at 1.58.46 PM.png
  3. 次のいずれかの方法で要件を指定します:

    • 提案を選択: スピンホイールポップアップアンケートフォームなどの事前定義されたユースケースを選びます。
    • カスタムプロンプト: 入力フィールドに技術的またはデザインの要件を入力します。

    Screenshot 2026-03-02 at 2.00.18 PM.png

  4. テンプレートを生成するには、送信アイコンをクリックします。
  5. プレビューツールを使って生成されたデザインを確認します:
    • デバイスプレビュー: 電話アイコンをクリックしてモバイル画面でのレイアウトを表示します。
    • プレビュー: アイコンをクリックして生成テンプレートをプレビューします。
    • コードインスペクター: コードアイコンをクリックして基礎となるHTMLコードを表示します。
      Screenshot 2026-03-06 at 11.07.22 AM.png
  6. デザインを調整するには、プロンプトフィールドに追加の指示を入力します(例:「'送信'ボタンの色を緑に変更」や「下部に'スキップ'オプションを追加」など)。
    2026-03-06_11-29-02 (1).gif
  7. 生成されたHTMLをキャンペーンに適用するには、これを使用をクリックします。

プロンプトガイドライン

正確な出力を得るために、レイアウトやコンポーネントの詳細を具体的に提供してください。以下の構成を参照してください:

テンプレートタイプ: フルスクリーン、ナッジ、またはボトムシート。

ユースケース: リードジェネレーション、プロモーション、またはフィードバック調査。

コアコンポーネント: 入力フィールド、カウントダウンタイマー、またはインタラクティブホイール。

機能要素: 特定のCTAテキスト、16進カラーコード、閉じるボタンの配置。

例:構造化されたプロンプト

以下は、「スピンホイール」キャンペーンの包括的なプロンプト例です:

タイプ: フルスクリーン

ユースケース: リードジェン

コアコンポーネント: 6つのスライスを持つスピンホイール、賞品内容は以下の通り:

  • スライス1:10%オフ(クーポンコード:SUMMER10)
  • スライス2:20%オフ(クーポンコード:SUMMER20)
  • スライス3:送料無料(クーポンコード:FREESHIP)
  • スライス4:15%オフ(クーポンコード:SUMMER15)
  • スライス5:1個購入で2個目50%オフ(クーポンコード:SUMMERBOGO)
  • スライス6:次回に期待(クーポンコードなし)

その他のコンポーネント:

  • 右上隅に閉じるボタン(X)。
  • スピン前にリード獲得用のメール入力フィールド。
  • 当選時オーバーレイスクリーン:賞品名、クーポンコード、「今すぐ購入」ボタン。
  • 落選時オーバーレイスクリーン:「次回に期待」テキストと「とにかく閲覧」ボタン。

テーマ: クリーンなサマーセールテーマ。

CTA: スピンして当てよう。

アクションロジック: 「スピンして当てよう」クリック時にホイールが回転しランダムなスライスに停止。ユーザーが当選した場合は当選オーバーレイを表示し店舗へリダイレクト。落選時は落選オーバーレイを表示し「とにかく閲覧」へリダイレクト。

テンプレート管理

将来の利用のために保存

生成されたテンプレートは他のキャンペーンで使用するために保存できます:

  1. 生成したデザインをHTMLエディターに転送するには、これを使用をクリックします。
    Screenshot 2026-03-06 at 11.32.41 AM.png
  2. コンテンツページで、三点リーダー(…)メニューをクリックします。
  3. テンプレートを保存をクリックします。 将来の利用のためにテンプレートとして保存ダイアログボックスが表示されます。
    Screenshot 2026-03-06 at 11.36.06 AM.png
  4. 名前を付けて保存ボックスにテンプレートの希望名を入力します。
    Screenshot 2026-03-06 at 11.39.24 AM.png
  5. 保存をクリックします。
warning

注意

Merlin AIのチャットデータは揮発性であり、現在のセッションのみ保存されます。ブラウザの更新、アプリケーションタブの閉鎖、またはチャットの再起動を選択すると、会話履歴および未保存のデザインは完全に削除されます。

ナビゲーション操作

  • 再開: 同じセッション内でダッシュボードの他の部分に移動していた場合、アクティブな生成セッションに戻ります。
    Screenshot 2026-03-06 at 11.41.29 AM.png
  • チャットの再起動: 現在のセッションデータをすべてクリアして新しいプロンプトシーケンスを開始します。
    Screenshot 2026-03-06 at 11.42.34 AM.png

この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています

How can we improve this article?