{"id":73133,"date":"2024-02-08T11:21:03","date_gmt":"2024-02-08T11:21:03","guid":{"rendered":"https:\/\/wpmet.com\/?post_type=docs&#038;p=73133"},"modified":"2024-10-03T09:10:16","modified_gmt":"2024-10-03T09:10:16","password":"","slug":"emailkit-elements","status":"publish","type":"docs","link":"https:\/\/wpmet.com\/doc\/emailkit-elements\/","title":{"rendered":"EmailKit Elements"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">EmailKit has a diverse collection of useful elements to design comprehensive <a href=\"https:\/\/wpmet.com\/plugin\/emailkit\/\">email templates<\/a>. You will find them in three different categories:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>General Elements<\/strong><\/li>\n\n\n\n<li><strong>WooCommerce Elements<\/strong><\/li>\n\n\n\n<li><strong>WordPress Elements<\/strong><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>General Elements<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">General Elements include various content elements that you can use to build just about any type of email template. Let\u2019s explore them one by one:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Heading<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Using this element, you can add an impressive heading or title to the email template.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"366\" height=\"429\" src=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Heading-Element-Customization.png\" alt=\"\" class=\"wp-image-73134\" srcset=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Heading-Element-Customization.png 366w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Heading-Element-Customization-10x12.png 10w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Heading-Element-Customization-360x422.png 360w\" sizes=\"(max-width: 366px) 100vw, 366px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Content:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Heading<\/strong>: Enter your email heading in this box.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Typography:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Font Family<\/strong>: Select the preferred font family from the dropdown.<\/li>\n\n\n\n<li><strong>Font Size<\/strong>: Choose a font size for the heading.<\/li>\n\n\n\n<li><strong>Font Weight<\/strong>: Set the weight or boldness of the font (Regular, Medium, and Bold).<\/li>\n\n\n\n<li><strong>Text Align<\/strong>: Adjust the position of your text to left, center, or right.<\/li>\n\n\n\n<li><strong>Transform<\/strong>: Adjust the capitalization of the text content.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"378\" height=\"511\" src=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Heading-Element-Customization-2.png\" alt=\"\" class=\"wp-image-73135\" srcset=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Heading-Element-Customization-2.png 378w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Heading-Element-Customization-2-9x12.png 9w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Heading-Element-Customization-2-360x487.png 360w\" sizes=\"(max-width: 378px) 100vw, 378px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Spacing:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Margin<\/strong>: Specify the spaces around the heading element.<\/li>\n\n\n\n<li><strong>Padding<\/strong>: Add spaces around the text of the heading within the box.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Appearance:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Background Color<\/strong>: Choose a color for the background of the heading element.<\/li>\n\n\n\n<li><strong>Title Color<\/strong>: Use the color picker to set the title color.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"364\" height=\"377\" src=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Heading-Element-Customization-3.png\" alt=\"\" class=\"wp-image-73136\" srcset=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Heading-Element-Customization-3.png 364w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Heading-Element-Customization-3-12x12.png 12w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Heading-Element-Customization-3-360x373.png 360w\" sizes=\"(max-width: 364px) 100vw, 364px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Border Style:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Border Type<\/strong>: Set the heading border type from 8 different options.&nbsp;<\/li>\n\n\n\n<li><strong>Border Color<\/strong>: Add a color to the border.<\/li>\n\n\n\n<li><strong>Border Width<\/strong>: Set the thickness of the border.<\/li>\n\n\n\n<li><strong>Border Radius<\/strong>: Adjust the roundness of the border.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Subtitle<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Add this element to display more information about the email alongside the title.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"345\" height=\"515\" src=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Sub-title-Element-Customization.png\" alt=\"\" class=\"wp-image-73137\" srcset=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Sub-title-Element-Customization.png 345w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Sub-title-Element-Customization-8x12.png 8w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Sub-title-Element-Customization-343x512.png 343w\" sizes=\"(max-width: 345px) 100vw, 345px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Content:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Title<\/strong>: Write your title text in this box.<\/li>\n\n\n\n<li><strong>SubTitle<\/strong>: Enter the text you want to show as the subtitle.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Typography:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Font Family<\/strong>: Select a font family from the dropdown.<\/li>\n\n\n\n<li><strong>Text Align<\/strong>: Place the subtitle element to the left, center, or right.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Title &amp; Subtitle Customization&nbsp;<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Under the title and subtitle customization settings, there will be similar features.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Font Size<\/strong>: Select an option from the dropdown to determine the size of the font.<\/li>\n\n\n\n<li><strong>Font Weight<\/strong>: Define the thickness or density of the text.<\/li>\n\n\n\n<li><strong>Transform<\/strong>: Specify the capitalization of the text element.<\/li>\n\n\n\n<li><strong>Line Height (px)<\/strong>: Adjust the top and bottom spacing of the title or subtitle.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"333\" height=\"523\" src=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Sub-title-Element-Customization-2.png\" alt=\"\" class=\"wp-image-73139\" srcset=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Sub-title-Element-Customization-2.png 333w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Sub-title-Element-Customization-2-8x12.png 8w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Sub-title-Element-Customization-2-326x512.png 326w\" sizes=\"(max-width: 333px) 100vw, 333px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Appearance:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Background Color<\/strong>: Give a background color on the subtitle area using the color picker.<\/li>\n\n\n\n<li><strong>Title Color<\/strong>: Choose a color for the title text.<\/li>\n\n\n\n<li><strong>Subtitle Color<\/strong>: Give a color to the subtitle text.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Spacing:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Margin<\/strong>: Define the gap of the subtitle element with other elements of the email.<\/li>\n\n\n\n<li><strong>Padding<\/strong>: Add inner space to the subtitle area.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Border Style:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Border Type<\/strong>: Select a border type for the subtitle from 8 different options.&nbsp;<\/li>\n\n\n\n<li><strong>Border Color<\/strong>: Add a color to the border.<\/li>\n\n\n\n<li><strong>Border Width<\/strong>: Adjust the thickness of the border.<\/li>\n\n\n\n<li><strong>Border Radius<\/strong>: Set the roundness of the border.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Dimensions:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Width &amp; Height<\/strong>: Set the horizontal and vertical size of the entire subtitle element.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Text<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Add text anywhere on your email template and customize its look with the text element.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Content,<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Text<\/strong>: Write your text in this box.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Typography:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Font Family<\/strong>: Choose a font family from the dropdown.<\/li>\n\n\n\n<li><strong>Font Size<\/strong>: Define the font size of your text.<\/li>\n\n\n\n<li><strong>Font Weight<\/strong>: Define the thickness or density of the text.<\/li>\n\n\n\n<li><strong>Text Align<\/strong>: Place the subtitle element to the left, center, or right.<\/li>\n\n\n\n<li><strong>Transform<\/strong>: Specify the capitalization of the text element.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Appearance:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Background Color<\/strong>: Pick a background color for the text area.<\/li>\n\n\n\n<li><strong>Title Color<\/strong>: Choose a color for the text. <\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Spacing:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Margin<\/strong>: Define the gap around the text area.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Padding<\/strong>: Add inner space to the text area.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"340\" height=\"469\" src=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Sub-title-Element-Customization-3-1.png\" alt=\"\" class=\"wp-image-73140\" srcset=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Sub-title-Element-Customization-3-1.png 340w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Sub-title-Element-Customization-3-1-9x12.png 9w\" sizes=\"(max-width: 340px) 100vw, 340px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Border Style:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Border Type<\/strong>: Select a border type for text from 8 different options.&nbsp;<\/li>\n\n\n\n<li><strong>Border Color<\/strong>: Add a color to the border.<\/li>\n\n\n\n<li><strong>Border Width<\/strong>: Adjust the thickness of the border.<\/li>\n\n\n\n<li><strong>Border Radius<\/strong>: Set the roundness of the border.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Dimensions:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Width &amp; Height<\/strong>: Set the horizontal and vertical size of the entire text element.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Button<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Lets your email reader take action by showcasing an interactive button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"343\" height=\"354\" src=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Button-Element-Customization.png\" alt=\"\" class=\"wp-image-73141\" srcset=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Button-Element-Customization.png 343w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Button-Element-Customization-12x12.png 12w\" sizes=\"(max-width: 343px) 100vw, 343px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Content<\/strong>: Add the button text in this box.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Button URL<\/strong>: Enter the URL&nbsp;<br><strong>Button Style<\/strong>: Choose a button style between Full and Outline.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Typography:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Font Family<\/strong>: Choose a font family from the dropdown.<\/li>\n\n\n\n<li><strong>Font Size<\/strong>: Define the font size of your text.<\/li>\n\n\n\n<li><strong>Font Weight<\/strong>: Define the thickness or density of the text.<\/li>\n\n\n\n<li><strong>Text Align<\/strong>: Place the subtitle element to the left, center, or right.<\/li>\n\n\n\n<li><strong>Transform<\/strong>: Specify the capitalization of the text element.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Appearance:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Background: <\/strong>Give a background color on the subtitle area using the color picker.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Text<\/strong>: Choose a color for the title text.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"369\" height=\"407\" src=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Button-Element-Customization-2.png\" alt=\"\" class=\"wp-image-73142\" srcset=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Button-Element-Customization-2.png 369w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Button-Element-Customization-2-11x12.png 11w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Button-Element-Customization-2-360x397.png 360w\" sizes=\"(max-width: 369px) 100vw, 369px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Spacing:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Margin<\/strong>: Define the gap of the subtitle element with other elements of the email.<\/li>\n\n\n\n<li><strong>Padding<\/strong>: Add inner space to the subtitle area.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Border Style:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Border Radius<\/strong>: Set the roundness of the border.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Column Section<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The column section element loads with two columns by default. After adding this element, two sections will appear on the email editor screen. Clicking on any of them will open their individual settings in the left sidebar.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"343\" height=\"538\" src=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Column-Sections-Element-Customization.png\" alt=\"\" class=\"wp-image-73143\" srcset=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Column-Sections-Element-Customization.png 343w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Column-Sections-Element-Customization-8x12.png 8w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Column-Sections-Element-Customization-326x512.png 326w\" sizes=\"(max-width: 343px) 100vw, 343px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Appearance:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Background: <\/strong>Give a background color on the subtitle area using the color picker.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Spacing:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Margin<\/strong>: Define the gap between the subtitle element and other email elements.<\/li>\n\n\n\n<li><strong>Padding<\/strong>: Add inner space to the subtitle area.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"359\" height=\"370\" src=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Column-Sections-Element-Customization-2.png\" alt=\"\" class=\"wp-image-73144\" srcset=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Column-Sections-Element-Customization-2.png 359w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Column-Sections-Element-Customization-2-12x12.png 12w\" sizes=\"(max-width: 359px) 100vw, 359px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Border Style:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Border Type<\/strong>: Select a border type for text from 8 different options.&nbsp;<\/li>\n\n\n\n<li><strong>Border Color<\/strong>: Add a color to the border.<\/li>\n\n\n\n<li><strong>Border Width<\/strong>: Adjust the thickness of the border.<\/li>\n\n\n\n<li><strong>Border Radius<\/strong>: Set the roundness of the border.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Video<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Upload from your device or add a link from other sources to show a video to your email template.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"335\" height=\"351\" src=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Video-Element.png\" alt=\"\" class=\"wp-image-73145\" srcset=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Video-Element.png 335w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Video-Element-11x12.png 11w\" sizes=\"(max-width: 335px) 100vw, 335px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Dimensions:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Width &amp; Height<\/strong>: Define the horizontal and vertical size of the entire video element.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Thumbnail<\/strong>: Upload the thumbnail image of the video from your device.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Video url: Enter the link of your video.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"339\" height=\"290\" src=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Video-Element-2.png\" alt=\"\" class=\"wp-image-73146\" srcset=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Video-Element-2.png 339w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Video-Element-2-14x12.png 14w\" sizes=\"(max-width: 339px) 100vw, 339px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Spacing:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Margin<\/strong>: Add spaces around the video element.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Border Style:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Border Radius<\/strong>: Define the roundness of the border of the video border.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Container<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The container element is like an area block that can hold other elements of EmailKit.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"380\" height=\"356\" src=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Container-Element-Customization.png\" alt=\"\" class=\"wp-image-73147\" srcset=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Container-Element-Customization.png 380w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Container-Element-Customization-13x12.png 13w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Container-Element-Customization-360x337.png 360w\" sizes=\"(max-width: 380px) 100vw, 380px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Typography:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Font Family<\/strong>: Select your desired font family from the dropdown.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Appearance:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Background<\/strong>: Using the color picker, give a background color to the container.<\/li>\n\n\n\n<li><strong>Image<\/strong>: Upload an image to use as the background of the container.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"377\" height=\"422\" src=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Container-Element-Customization-2.png\" alt=\"\" class=\"wp-image-73149\" srcset=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Container-Element-Customization-2.png 377w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Container-Element-Customization-2-11x12.png 11w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Container-Element-Customization-2-360x403.png 360w\" sizes=\"(max-width: 377px) 100vw, 377px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Spacing:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Margin<\/strong>: Enter values in the boxes to change the space between the container and other elements&nbsp;<\/li>\n\n\n\n<li><strong>Padding<\/strong>: Increase the inner space of the container area.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Border Radius<\/strong>: Use this setting to adjust the roundness of the container border.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Border Styles:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Social Icons<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Add and customize social icons on the email template.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"347\" height=\"476\" src=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Column-Social-Icons-Element-Customization.png\" alt=\"\" class=\"wp-image-73150\" srcset=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Column-Social-Icons-Element-Customization.png 347w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Column-Social-Icons-Element-Customization-9x12.png 9w\" sizes=\"(max-width: 347px) 100vw, 347px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Icons<\/strong>: Click on any icon and insert a link to enable the social media channel on the email. You can also hit the delete button to remove a social icon.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dimensions:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Icon Size<\/strong>: Use this slider to set the social media icon size.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"379\" height=\"299\" src=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Social-icons-Element-Customization-2.png\" alt=\"\" class=\"wp-image-73151\" srcset=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Social-icons-Element-Customization-2.png 379w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Social-icons-Element-Customization-2-15x12.png 15w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Social-icons-Element-Customization-2-360x284.png 360w\" sizes=\"(max-width: 379px) 100vw, 379px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Spacing<\/strong>: Add spaces around the icon and adjust the gap between social icons.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Alignment:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Row \/ Column<\/strong>: Choose your preferred layout type between row and column.&nbsp;<\/li>\n\n\n\n<li><strong>Justify<\/strong>: Set the horizontal placements of social icons.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Upload Image<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Use this element to upload and display an image to your email template.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"342\" height=\"512\" src=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Image-Upload-Element-Customization.png\" alt=\"\" class=\"wp-image-73153\" srcset=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Image-Upload-Element-Customization.png 342w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Image-Upload-Element-Customization-8x12.png 8w\" sizes=\"(max-width: 342px) 100vw, 342px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Dimensions:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Width &amp; Height<\/strong>: Define the horizontal and vertical size of the entire video element.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Thumbnail<\/strong>: Upload the thumbnail image of the video from your device.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Spacing:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Margin<\/strong>: Add spaces around the video element.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Border Style:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Border Radius<\/strong>: Define the roundness of the border of the video border.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Divider<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Use the following settings to add a divider between elements.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"372\" height=\"310\" src=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Spacer-Element-Customization.png\" alt=\"\" class=\"wp-image-73157\" srcset=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Spacer-Element-Customization.png 372w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Spacer-Element-Customization-14x12.png 14w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Spacer-Element-Customization-360x300.png 360w\" sizes=\"(max-width: 372px) 100vw, 372px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Dimensions:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Width<\/strong>: Use this slider to widen the horizontal size of the divider.<\/li>\n\n\n\n<li><strong>Height<\/strong>: Define the thickness of the divider.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Appearance,<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Background: <\/strong>Select a color for the divider.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Spacing:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Margin<\/strong>: Enter a positive or negative value to create less or more space around the divider.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Alignment:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Justify<\/strong>: Use this option to adjust the position of the divider element.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Space<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Use this element to set a gap between elements of your email template.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"372\" height=\"310\" src=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Spacer-Element-Customization-1.png\" alt=\"\" class=\"wp-image-73158\" srcset=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Spacer-Element-Customization-1.png 372w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Spacer-Element-Customization-1-14x12.png 14w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Spacer-Element-Customization-1-360x300.png 360w\" sizes=\"(max-width: 372px) 100vw, 372px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Dimensions:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Height<\/strong>: Define the horizontal and vertical size of the entire video element.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Appearance:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Background: <\/strong>Give a background color on the subtitle area using the color picker.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Image Box<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1505\" height=\"487\" src=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/emailKit-image-box.png\" alt=\"EmailKit Image Box Element\" class=\"wp-image-83181\" srcset=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/emailKit-image-box.png 1505w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/emailKit-image-box-768x249.png 768w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/emailKit-image-box-18x6.png 18w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/emailKit-image-box-360x116.png 360w\" sizes=\"(max-width: 1505px) 100vw, 1505px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Showcase an image with a heading and description to your email layout for engaging visual content. You can also upload images with a URL.\u00a0<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">HTML\u00a0Code<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1499\" height=\"384\" src=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/snappy-raccoon-222077-instawp-xyz-wp-admin-post-php-post-14-action-emailkit-builder-10-03-2024_01_29_PM.png\" alt=\"EmailKit HTML Code Element\" class=\"wp-image-83182\" srcset=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/snappy-raccoon-222077-instawp-xyz-wp-admin-post-php-post-14-action-emailkit-builder-10-03-2024_01_29_PM.png 1499w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/snappy-raccoon-222077-instawp-xyz-wp-admin-post-php-post-14-action-emailkit-builder-10-03-2024_01_29_PM-768x197.png 768w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/snappy-raccoon-222077-instawp-xyz-wp-admin-post-php-post-14-action-emailkit-builder-10-03-2024_01_29_PM-18x5.png 18w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/snappy-raccoon-222077-instawp-xyz-wp-admin-post-php-post-14-action-emailkit-builder-10-03-2024_01_29_PM-360x92.png 360w\" sizes=\"(max-width: 1499px) 100vw, 1499px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Insert custom HTML code directly into an email template. This feature provides flexibility to add advanced content, such as Custom styling (CSS), Embedded media (videos, iframes), and Interactive elements (buttons, forms).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Footer<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1515\" height=\"692\" src=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Footer-Element-1.png\" alt=\"\" class=\"wp-image-83192\" srcset=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Footer-Element-1.png 1515w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Footer-Element-1-768x351.png 768w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Footer-Element-1-18x8.png 18w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Footer-Element-1-360x164.png 360w\" sizes=\"(max-width: 1515px) 100vw, 1515px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Allows users to customize the bottom section of an email. It typically includes space for: Contact information (address, phone number, email), Social media links, Copyright notices, Unsubscribe links, or disclaimers. The footer is often essential for branding, legal compliance, and providing recipients with necessary information.<br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>WordPress Elements<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The following elements are part of WordPress functions. The \u201c<strong>New User Register<\/strong>\u201d element is used for onboarding new users and setting their passwords. And, the \u201c<strong>WP Reset Password<\/strong>\u201d helps to create an email template for resetting the password.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">New User Register &amp; WP Reset Password<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Both elements come with the same settings as below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"377\" height=\"421\" src=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-New-User-Registration-Elements-Customiation.png\" alt=\"\" class=\"wp-image-73160\" srcset=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-New-User-Registration-Elements-Customiation.png 377w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-New-User-Registration-Elements-Customiation-11x12.png 11w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-New-User-Registration-Elements-Customiation-360x402.png 360w\" sizes=\"(max-width: 377px) 100vw, 377px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Dimensions:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Width &amp; Height<\/strong>: Define the horizontal and vertical size of the entire content area.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Typography:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The setting options below let you control the typography settings of the entire New User Register form.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Font Family<\/strong>: Select a font family type from the dropdown.<\/li>\n\n\n\n<li><strong>Font Size<\/strong>: Determine the font size of your text.<\/li>\n\n\n\n<li><strong>Font Weight<\/strong>: Define the thickness or density of the text.<\/li>\n\n\n\n<li><strong>Text Align<\/strong>: Locate the text content to the left, center, or right.<\/li>\n\n\n\n<li><strong>Transform<\/strong>: Define the capitalization of the text element.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"343\" height=\"553\" src=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-New-User-Registration-Elements-Customiation-2.png\" alt=\"\" class=\"wp-image-73161\" srcset=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-New-User-Registration-Elements-Customiation-2.png 343w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-New-User-Registration-Elements-Customiation-2-7x12.png 7w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-New-User-Registration-Elements-Customiation-2-318x512.png 318w\" sizes=\"(max-width: 343px) 100vw, 343px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Additional Field:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Greetings<\/strong>: Type the greetings or beginning statement of the email in this box.<\/li>\n\n\n\n<li><strong>Body<\/strong>: Use this box to write up the body part of your email.<\/li>\n\n\n\n<li>What is user email and link.<\/li>\n\n\n\n<li><strong>Footer<\/strong>: This box allows you to write the bottom section of the email.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Appearance:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Background Color<\/strong>: Use this color picker to choose a solid color for the background.<\/li>\n\n\n\n<li><strong>Text Color<\/strong>: Choose a color for the text.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"335\" height=\"550\" src=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-New-User-Registration-Elements-Customiation-3.png\" alt=\"\" class=\"wp-image-73162\" srcset=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-New-User-Registration-Elements-Customiation-3.png 335w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-New-User-Registration-Elements-Customiation-3-7x12.png 7w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-New-User-Registration-Elements-Customiation-3-312x512.png 312w\" sizes=\"(max-width: 335px) 100vw, 335px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Spacing:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Margin<\/strong>: Enter values in the boxes to change the space between the new user registration and other elements&nbsp;<\/li>\n\n\n\n<li><strong>Padding<\/strong>: Increase the inner space within the new user registration element and its border.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Additional Style:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Border Type<\/strong>: Choose border style from the dropdown.<\/li>\n\n\n\n<li><strong>Border Color<\/strong>: Add a color for the border.<\/li>\n\n\n\n<li><strong>Border Width<\/strong>: Define the thickness of the border.<\/li>\n\n\n\n<li><strong>Border Radius<\/strong>: Adjust the roundness of the border.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>WooCommerce Elements<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">With EmailKit WooCommerce elements you can customize and replace the WooCommerce default templates.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Shipping Address, Billing Address, and Billing &amp; Shipping Address<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Add shipping or billing address or both to the email template. All of these three elements appear with the same feature settings:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"305\" height=\"517\" src=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Address-Element-Customization.png\" alt=\"\" class=\"wp-image-73163\" srcset=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Address-Element-Customization.png 305w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Address-Element-Customization-7x12.png 7w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Address-Element-Customization-302x512.png 302w\" sizes=\"(max-width: 305px) 100vw, 305px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Content:<\/strong> Enter your custom title in this box.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Billing Title<\/strong>: Add a title for the billing address.<\/li>\n\n\n\n<li><strong>Shipping Title<\/strong>: Add a title for the shipping address.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Typography:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The setting options below let you control the typography settings of the entire Shipping and Billing address element.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Font Family<\/strong>: Select a font family type from the dropdown.<\/li>\n\n\n\n<li><strong>Font Size<\/strong>: Determine the font size of your text.<\/li>\n\n\n\n<li><strong>Font Weight<\/strong>: Define the thickness or density of the text.<\/li>\n\n\n\n<li><strong>Text Align<\/strong>: Locate the text content to the left, center, or right.<\/li>\n\n\n\n<li><strong>Transform<\/strong>: Define the capitalization of the text element. <\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"311\" height=\"549\" src=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Shipping-Adress-5-1.png\" alt=\"\" class=\"wp-image-73191\" srcset=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Shipping-Adress-5-1.png 311w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Shipping-Adress-5-1-7x12.png 7w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Shipping-Adress-5-1-290x512.png 290w\" sizes=\"(max-width: 311px) 100vw, 311px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Appearance<\/strong>: Under this setting area, you set the color for the element&#8217;s background color and its title, text, and border colors.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Spacing:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Margin<\/strong>: Use this setting to create space around the elements.<\/li>\n\n\n\n<li><strong>Padding<\/strong>: Increase space within the element area.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"342\" height=\"316\" src=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Shipping-Adress-6.png\" alt=\"\" class=\"wp-image-73192\" srcset=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Shipping-Adress-6.png 342w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Shipping-Adress-6-13x12.png 13w\" sizes=\"(max-width: 342px) 100vw, 342px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Border Styles:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Border Type<\/strong>: Choose a border type from the dropdown.&nbsp;<\/li>\n\n\n\n<li><strong>Border Radius<\/strong>: Define the roundness of the element border.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Dimensions<\/strong>: From here, you will change the entire horizontal (Width) and vertical (Height) space of the entire element.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Order Item<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Show all the ordered product details like quantity or price in a table.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"377\" height=\"421\" src=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-New-User-Registration-Elements-Customiation.png\" alt=\"\" class=\"wp-image-73160\" srcset=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-New-User-Registration-Elements-Customiation.png 377w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-New-User-Registration-Elements-Customiation-11x12.png 11w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-New-User-Registration-Elements-Customiation-360x402.png 360w\" sizes=\"(max-width: 377px) 100vw, 377px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Dimensions<\/strong>: From here, you will change the entire horizontal (Width) and vertical (Height) space of the entire element.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Typography:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Using all these settings here, you will set how the order item element\u2019s text looks to the reader.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Font Family<\/strong>: Select a font family type from the dropdown.<\/li>\n\n\n\n<li><strong>Font Size<\/strong>: Determine the font size of your text.<\/li>\n\n\n\n<li><strong>Font Weight<\/strong>: Define the thickness or density of the text.<\/li>\n\n\n\n<li><strong>Text Align<\/strong>: Locate the text content to the left, center, or right.<\/li>\n\n\n\n<li><strong>Transform<\/strong>: Define the capitalization of the text element.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"372\" height=\"431\" src=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Order-Item-Element-Customization.png\" alt=\"\" class=\"wp-image-73166\" srcset=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Order-Item-Element-Customization.png 372w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Order-Item-Element-Customization-10x12.png 10w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Order-Item-Element-Customization-360x417.png 360w\" sizes=\"(max-width: 372px) 100vw, 372px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Appearance<\/strong>: Under this setting area, you set the color for the element&#8217;s background color and its title, text, and border colors.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"378\" height=\"463\" src=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Order-Item-Element-Customization-2.png\" alt=\"\" class=\"wp-image-73167\" srcset=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Order-Item-Element-Customization-2.png 378w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Order-Item-Element-Customization-2-10x12.png 10w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Order-Item-Element-Customization-2-360x441.png 360w\" sizes=\"(max-width: 378px) 100vw, 378px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Spacing:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Margin<\/strong>: Use this setting to create space around the elements.<\/li>\n\n\n\n<li><strong>Padding<\/strong>: Increase space within the element area.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Border Styles:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Border Type<\/strong>: Choose a border type from the dropdown.&nbsp;<\/li>\n\n\n\n<li><strong>Border Radius<\/strong>: Define the roundness of the element border.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Customer Note, Customer Register, and Password Reset<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Customer Note<\/strong>: Use this element to let your shoppers add order-specific messages on the checkout page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Customer Register<\/strong>: Customize the new user registration email.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Password Reset<\/strong>: Use this element on your email template to reset the customer password.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">These WooCommerce elements have the same feature settings.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"305\" height=\"517\" src=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Address-Element-Customization.png\" alt=\"\" class=\"wp-image-73163\" srcset=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Address-Element-Customization.png 305w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Address-Element-Customization-7x12.png 7w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/EmailKit-Address-Element-Customization-302x512.png 302w\" sizes=\"(max-width: 305px) 100vw, 305px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Content:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Greetings<\/strong>: Begin your email by entering the greeting text in this box.<\/li>\n\n\n\n<li><strong>Body<\/strong>: Write the body part of the email message in this box.<\/li>\n\n\n\n<li><strong>Footer<\/strong>: Type the ending message of your email.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Typography:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The setting options below let you control how the text will appear on the screen.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Font Family<\/strong>: Select a font family type from the dropdown.<\/li>\n\n\n\n<li><strong>Font Size<\/strong>: Determine the font size of your text.<\/li>\n\n\n\n<li><strong>Font Weight<\/strong>: Define the thickness or density of the text.<\/li>\n\n\n\n<li><strong>Text Align<\/strong>: Locate the text content to the left, center, or right.<\/li>\n\n\n\n<li><strong>Transform<\/strong>: Define the capitalization of the text element.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"363\" height=\"496\" src=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/Customer-note-emailkit.png\" alt=\"\" class=\"wp-image-73193\" srcset=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/Customer-note-emailkit.png 363w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/Customer-note-emailkit-9x12.png 9w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/Customer-note-emailkit-360x492.png 360w\" sizes=\"(max-width: 363px) 100vw, 363px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Appearance<\/strong>: Under this setting area, you set the color for the element&#8217;s background color and its title, text, and border colors.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Spacing:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Margin<\/strong>: Use this setting to create space around the elements.<\/li>\n\n\n\n<li><strong>Padding<\/strong>: Increase space within the element area.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"369\" height=\"341\" src=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/Customer-note-emailkit-2.png\" alt=\"\" class=\"wp-image-73194\" srcset=\"https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/Customer-note-emailkit-2.png 369w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/Customer-note-emailkit-2-13x12.png 13w, https:\/\/wpmet.com\/wp-content\/uploads\/2024\/02\/Customer-note-emailkit-2-360x333.png 360w\" sizes=\"(max-width: 369px) 100vw, 369px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Border Styles:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Border Type<\/strong>: Choose a border type from the dropdown.&nbsp;<\/li>\n\n\n\n<li><strong>Border Radius<\/strong>: Define the roundness of the element border.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Dimensions<\/strong>: From here, you will change the entire horizontal (Width) and vertical (Height) space of the entire element.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">=<\/p>\n","protected":false},"excerpt":{"rendered":"<p>EmailKit has a diverse collection of useful elements to design comprehensive email templates. You will find them in three different categories: General Elements General Elements include various content elements that you can use to build just about any type of email template. Let\u2019s explore them one by one: Heading Using this element, you can add [&hellip;]<\/p>\n","protected":false},"author":49,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_crdt_document":"","postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"enableOnePageScrollInPage":false,"onePageScrollCss":"","onePageScrollSpeed":1000,"onePageScrollAnimation":"easeInOutQuad","onePageScrollShowDotNavigation":true,"onePageScrollNavigation":"scaleUp","onePageScrollNavigationPosition":"right","onePageScrollNavigationHorizontal":[],"onePageScrollNavigationVertical":[],"onePageScrollNavigationSpacing":[],"onePageScrollNavigationColor":"#00ff0d","onePageScrollNavigationColorHover":"#00ff0d","onePageScrollNavigationColorActive":"#00ff0d","onePageScrollNavigationIcon":[],"onePageScrollNavigationWidth":[],"onePageScrollNavigationWidthHover":[],"onePageScrollNavigationWidthActive":[],"onePageScrollNavigationHeight":[],"onePageScrollNavigationHeightHover":[],"onePageScrollNavigationHeightActive":[],"onePageScrollNavigationBorder":[],"onePageScrollNavigationBorderHover":[],"onePageScrollNavigationBorderActive":[],"onePageScrollNavigationBorderRadius":[],"onePageScrollNavigationBorderRadiusHover":[],"onePageScrollNavigationBorderRadiusActive":[],"onePageScrollNavigationTooltipTypography":[],"onePageScrollNavigationTooltipColor":"#ffffff","onePageScrollNavigationTooltipColorHover":"","onePageScrollNavigationTooltipBgColor":"#00ff0d","onePageScrollNavigationTooltipBgColorHover":"","onePageScrollNavigationTooltipPadding":[],"onePageScrollNavigationTooltipPaddingHover":[],"onePageScrollNavigationTooltipBorderRadius":[],"onePageScrollNavigationTooltipBorderRadiusHover":[],"pageSettingsCustomCss":"","footnotes":""},"doc_category":[717],"doc_tag":[720],"knowledge_base":[712],"class_list":["post-73133","docs","type-docs","status-publish","hentry","doc_category-getting-started-with-emailkit","doc_tag-emailkit","knowledge_base-emailkit"],"year_month":"2026-04","word_count":2284,"total_views":"5703","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Moin","author_nicename":"moin","author_url":"https:\/\/wpmet.com\/author\/moin\/"},"doc_category_info":[{"term_name":"Getting Started with EmailKit","term_url":"https:\/\/wpmet.com\/doc\/emailkit\/getting-started-with-emailkit\/"}],"doc_tag_info":[{"term_name":"EmailKit","term_url":"https:\/\/wpmet.com\/docs-tag\/emailkit\/"}],"knowledge_base_info":[{"term_name":"EmailKit","term_url":"https:\/\/wpmet.com\/doc\/emailkit\/","term_slug":"emailkit"}],"knowledge_base_slug":["emailkit"],"_links":{"self":[{"href":"https:\/\/wpmet.com\/wp-json\/wp\/v2\/docs\/73133","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpmet.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/wpmet.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/wpmet.com\/wp-json\/wp\/v2\/users\/49"}],"replies":[{"embeddable":true,"href":"https:\/\/wpmet.com\/wp-json\/wp\/v2\/comments?post=73133"}],"version-history":[{"count":0,"href":"https:\/\/wpmet.com\/wp-json\/wp\/v2\/docs\/73133\/revisions"}],"wp:attachment":[{"href":"https:\/\/wpmet.com\/wp-json\/wp\/v2\/media?parent=73133"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wpmet.com\/wp-json\/wp\/v2\/doc_category?post=73133"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wpmet.com\/wp-json\/wp\/v2\/doc_tag?post=73133"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/wpmet.com\/wp-json\/wp\/v2\/knowledge_base?post=73133"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}