Configure a Component for the Email Builder

Make a custom Lightning Web Component available in the Pardot Email Content Builder, where users can add it to their email content.

In the component’s configuration file, add the lightningStatic__Email target for the Email Content Builder. Set <isExposed> to true.

The lightningStatic__Email target adds properties to your component. The properties added to the component are Boolean, Color, Integer, String, HorizontalAlignment, and VerticalAlignment. Access the properties in the component’s template.

Declare the properties in the component’s js-meta.xml file like the example for vertical alignment.

Use the following command in the project directory to prepare the metadata package for the custom component. The folder name created is custompackage.

Deploy the package to a test org. First, create an alias by logging in to an arbitrary org where you want to deploy the package. Use the following command to log in and name the alias.

Use the following command to deploy the package to the alias you authorized.

You can verify the deployment is complete by logging in to the target org where you deployed. From Setup, in the Quick Find box, enter Deployment Status, and then select Deployment Status.

The custom components have been deployed. From Setup, in the Quick Find box, enter Lightning Components, and then select Lightning Components.

Test the components in a target org to verify that the custom component can be used in Email Content Builder.

See Also