カスタム Lightning Web コンポーネントを Pardot Email Content Builder で使用できるようにし、ユーザがコンポーネントをメールコンテンツに追加できるようにします。
コンポーネントの設定ファイルで、Email Content Builder に対して lightningStatic__Email 対象を追加します。<isExposed> を true に設定します。
1<?xml version="1.0" encoding="UTF-8"?>
2<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata">
3 <apiVersion>53.0</apiVersion>
4 <isExposed>true</isExposed>
5 <targets>
6 <target>lightning__AppPage</target>
7 <target>lightningStatic__Email</target>
8 <target>lightning__HomePage</target>
9 </targets>
10</LightningComponentBundle>対象の lightningStatic__Email はコンポーネントにプロパティを追加します。コンポーネントに追加されるプロパティは、Boolean、Color、Integer、String、HorizontalAlignment、VerticalAlignment です。コンポーネントのテンプレートのプロパティにアクセスします。
1<template>
2 <table …>
3 <tr valign={valign}>
4 <td>{content}</td>
5 </tr>
6 </table>
7</template>縦方向の配置の例のように、コンポーネントの js-meta.xml ファイルでプロパティを宣言します。
1// sampleCustomComponent.js-meta.xml
2<targetConfigs>
3 <targetConfig targets="lightningStatic__Email">
4 <property name="buttonAlignment" type="VerticalAlignment" default="middle" />
5 <designLayout>
6 <designSection name="...">
7 <designLayoutItems>
8 <designLayoutProperty name="buttonAlignment" />
9 </designLayoutItems>
10 </designSection>
11 </designLayout>
12 </targetConfig>
13</targetConfigs>プロジェクトディレクトリで次のコマンドを使用して、カスタムコンポーネントのメタデータパッケージを準備します。作成されるフォルダ名は custompackage です。
1sf project convert source -d custompackageパッケージをテスト組織にリリースします。まず、パッケージをリリースする任意の組織にログインして、エイリアスを作成します。次のコマンドを使用してログインし、エイリアスに名前を付けます。
1sf org login web -r http://login.salesforce.com -a isvorg次のコマンドを使用して、承認済みエイリアスにパッケージをリリースします。
1sf project deploy --metadata-dir -d custompackage -u isvorgリリースした対象組織にログインすることで、リリースが完了したことを確認できます。[設定] で、[クイック検索] ボックスに「リリース状況」と入力して、[リリース状況] を選択します。
カスタムコンポーネントがリリースされます。[設定] から、[クイック検索] ボックスに「Lightning Components」と入力し、[Lightning コンポーネント] を選択します。
対象組織のコンポーネントをテストして、カスタムコンポーネントが Email Content Builder で使用できることを確認します。
関連トピック
The Japanese Summer '24 guide is now live
j