{"id":426081,"date":"2024-03-05T13:42:10","date_gmt":"2024-03-05T13:42:10","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=426081"},"modified":"2024-04-05T07:17:41","modified_gmt":"2024-04-05T07:17:41","slug":"how-to-apply-a-transformation-to-an-email-template-from-an-external-module","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/how-to-apply-a-transformation-to-an-email-template-from-an-external-module\/","title":{"rendered":"How to apply a transformation to an email template from an external module"},"content":{"rendered":"\n

In this blog, we are going to learn, How to apply a transformation to an email template from an external module. We can apply our own transformation to the content from our module.<\/p>\n\n\n\n

We can add multiple content transformation. To implement this feature we require you to know\u00a0How to add email layouts in a theme<\/a>. After adding a customized layout to a theme. Here is an example of an email layout using the TransformationInterface.<\/p>\n\n\n\n

The\u00a0Transformation Interface<\/code>\u00a0is a powerful and handy way to modify our email template\u2019s design easily. Let us check out the interface details:<\/p>\n\n\n\n

<?php\nnamespace PrestaShop\\PrestaShop\\Core\\MailTemplate\\Transformation;\n\ninterface TransformationInterface\n{\n    \/**\n     * @param string $templateContent\n     * @param array $templateVariables\n     *\n     * @return string\n     *\/\n    public function apply($templateContent, array $templateVariables);\n\n    \/**\n     * Returns the type of templates this transformation is associated with,\n     * either html or txt, so that the renderer knows if it has to be applied\n     * or not\n     *\n     * @return string\n     *\/\n    public function getType();\n\n    \/**\n     * @param LanguageInterface $language\n     *\n     * @return $this\n     *\/\n    public function setLanguage(LanguageInterface $language);\n}<\/pre>\n\n\n\n
The apply<\/code> method is the most important, it receives the rendered layout content as a string, then we can perform the string replacement or even DOM (Document Object Model) manipulation as long as we return the whole<\/strong> template as a string (if we do not want modify it, we can simply return the string un modified).<\/p>\n\n\n\n
The getType<\/code> method is used to filter transformations (a transformation is only applicable) to one<\/strong> type, as for the setLanguage<\/code> method it will allow you to know the language used in this generation which is handy if you need to add localized texts or images.<\/p>\n\n\n\n
Let’s start,<\/p>\n\n\n\n
Layout<\/strong><\/h2>\n\n\n\n
For this example, we will use the same layout we use in How to add email layouts in a theme<\/a>. <\/p>\n\n\n\n
{# modules\/WkTestModule\/mails\/layout\/custom_classic_webkul_layout.html.twig #}\n\n{# You can use the theme layout (if present) to extend it easily #}\n{% extends '@MailThemes\/classic\/components\/layout.html.twig' %}\n\n{% block content %}\n<tr>\n  <td class="space_footer">&nbsp;<\/td>\n<\/tr>\n<tr>\n  <td class="space_footer">\n    <table width="100%">\n      <tr>\n        <td align="center" class="titleblock">\n          <font size="2" face="{{ languageDefaultFont }}Open-sans, sans-serif" color="#555454">\n            <strong class="title">{{ 'This is an example mail template from my test module for classic theme'|trans({}, 'EmailsBody', locale)|raw }}<\/strong>\n          <\/font>\n        <\/td>\n      <\/tr>\n      <tr>\n        <td align="center" class="titleblock">\n          <font size="2" face="{{ languageDefaultFont }}Open-sans, sans-serif" color="#555454">\n            <span class="wk_subtitle">{{ customizedMessage }}<\/span>\n          <\/font>\n        <\/td>\n      <\/tr>\n      <tr>\n        <td class="space_footer">&nbsp;<\/td>\n      <\/tr>\n    <\/table>\n  <\/td>\n<\/tr>\n{% endblock %}\n{% block footer %}\n<tr>\n  <td class="space_footer">&nbsp;<\/td>\n<\/tr>\n<tr>\n  <td class="footer" style="border-top: 4px solid #333333">\n    <span>{{ '<a href="{shop_url}">{shop_name}<\/a> created by <a\n        href="https:\/\/webkul.com\/">Webkul<\/a>'|trans({'{prestashop_url}':\n      'https:\/\/www.prestashop.com\/?utm_source=marchandprestashop&utm_medium=e-mail&utm_campaign=footer_1-7'},\n      'Emails.Body', locale)|raw }}<\/span>\n  <\/td>\n<\/tr>\n{% endblock footer %}<\/pre>\n\n\n\n
Note: The <span class=\"wk_subtitle\"><\/code> that contains the custom message, we will use a CSS selector for our content transformation.<\/p>\n\n\n\n
The Transformation class<\/h2>\n\n\n\n
In this example, we are going to create a class implementing the TransformationInterface<\/code> and define its needed methods. Its purpose is to change the color of all the <span><\/code> tags with the wk_subtitle<\/code> class.<\/p>\n\n\n\n
<?php\nnamespace PrestaShop\\Module\\WkTestModule\\MailTemplate\\Transformation;\n\nuse PrestaShop\\PrestaShop\\Core\\Exception\\InvalidArgumentException;\nuse PrestaShop\\PrestaShop\\Core\\MailTemplate\\MailTemplateInterface;\nuse PrestaShop\\PrestaShop\\Core\\MailTemplate\\Transformation\\AbstractTransformation;\nuse Symfony\\Component\\DomCrawler\\Crawler;\nuse DOMElement;\n\n\/**\n * Class CustomMessageColorTransformation adds the custom color to all spans\n * with class subtitle.\n *\/\nclass CustomMessageColorTransformation extends AbstractTransformation\n{\n    \/** @var string *\/\n    private $customColor;\n\n    \/**\n     * @param string $customColor\n     * @throws InvalidArgumentException\n     *\/\n    public function __construct($customColor)\n    {\n        parent::__construct(MailTemplateInterface::HTML_TYPE);\n        $this->customColor = $customColor;\n    }\n\n    \/**\n     * @inheritDoc\n     *\/\n    public function apply($templateContent, array $templateVariables)\n    {\n        $crawler = new Crawler($templateContent);\n        $customSpans = $crawler->filter('span[class="wk_subtitle"]');\n        \/** @var DOMElement $customSpan *\/\n        foreach ($customSpans as $customSpan) {\n            $customSpan->setAttribute('style', sprintf('color: %s;', $this->customColor));\n        }\n\n        return $crawler->html();\n    }\n}<\/pre>\n\n\n\n
Using the hook<\/h2>\n\n\n\n
Now we need to add our transformation for this mentioned layout, in order to do this we will use the MailTemplateRendererInterface::GET_MAIL_LAYOUT_TRANSFORMATIONS  hook.
It derive the following hook name “actionGetMailLayoutTransformations”<\/p>\n\n\n\n
Now, we are going to define this hook in our modules main file.<\/p>\n\n\n\n
<?php\nuse PrestaShop\\PrestaShop\\Core\\MailTemplate\\MailTemplateInterface;\nuse PrestaShop\\PrestaShop\\Core\\MailTemplate\\MailTemplateRendererInterface;\nuse PrestaShop\\PrestaShop\\Core\\MailTemplate\\Layout\\LayoutInterface;\nuse PrestaShop\\PrestaShop\\Core\\MailTemplate\\Transformation\\TransformationCollectionInterface;\nuse PrestaShop\\Module\\WkTestModule\\MailTemplate\\Transformation\\CustomMessageColorTransformation;\n\nclass WkTestModule extends Module \n{\n   public function install() \n   {\n        return parent::install()\n            \/\/ This class constant contains 'actionGetMailLayoutTransformations'\n            && $this->registerHook(MailTemplateRendererInterface::GET_MAIL_LAYOUT_TRANSFORMATIONS)\n        ;\n    }\n    \n    public function uninstall() \n    {\n        return parent::uninstall()\n            && $this->unregisterHook(MailTemplateRendererInterface::GET_MAIL_LAYOUT_TRANSFORMATIONS)\n        ;        \n    }\n    \n    public function enable() \n    {\n        return parent::enable()\n            && $this->registerHook(MailTemplateRendererInterface::GET_MAIL_LAYOUT_TRANSFORMATIONS)\n        ;\n    }\n    \n    public function disable() \n    {\n        return parent::disable()\n            && $this->unregisterHook(MailTemplateRendererInterface::GET_MAIL_LAYOUT_TRANSFORMATIONS)\n        ;        \n    }\n    \n    \/**\n     * @param array $hookParams\n     *\/\n    public function hookActionGetMailLayoutTransformations(array $hookParams)\n    {\n        if (!isset($hookParams['templateType']) ||\n            MailTemplateInterface::HTML_TYPE !== $hookParams['templateType'] ||\n            !isset($hookParams['mailLayout']) ||\n            !isset($hookParams['layoutTransformations'])) {\n            return;\n        }\n\n        \/** @var LayoutInterface $mailLayout *\/\n        $mailLayout = $hookParams['mailLayout'];\n        if ($mailLayout->getModuleName() != $this->name) {\n            return;\n        }\n\n        \/** @var TransformationCollectionInterface $transformations *\/\n        $transformations = $hookParams['layoutTransformations'];\n        $transformations->add(new CustomMessageColorTransformation('#0000FF'));\n    }\n}<\/pre>\n\n\n\n
We can check the result. To check the we need to go to the \u201cDesign > Email Theme\u201d page and preview our layout. We will see that our message has now changed its color.<\/p>\n\n\n\n
\"Transformation\"<\/figure>\n\n\n\n
That\u2019s all about this blog.<\/p>\n\n\n\n
If any issues or doubts in the above step, please feel free to let us know in the comment section.<\/p>\n\n\n\n
We would be happy to help.<\/p>\n\n\n\n
You can also explore our PrestaShop Development Services<\/a> and a large range of quality PrestaShop Modules<\/a>.<\/p>\n\n\n\n
For any doubt contact us at support@webkul.com<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"
In this blog, we are going to learn, How to apply a transformation to an email template from an external module. We can apply our own transformation to the content from our module. We can add multiple content transformation. To implement this feature we require you to know\u00a0How to add email layouts in a theme. […]<\/a><\/p>\n","protected":false},"author":434,"featured_media":426085,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[209],"tags":[15342,256,2065,775,15343],"class_list":["post-426081","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-prestashop","tag-emails","tag-layout","tag-prestashop","tag-template","tag-transformation"],"yoast_head":"\nHow to apply a transformation to an email template from an external module - Webkul Blog<\/title>\n<meta name=\"description\" content=\"We can add multiple content transformation. To implement this feature we require you to know\u00a0How to add email layouts in a theme. After adding a customized layout to a theme. Here is an example of an email layout using the TransformationInterface.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/how-to-apply-a-transformation-to-an-email-template-from-an-external-module\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to apply a transformation to an email template from an external module - Webkul Blog\" \/>\n<meta property=\"og:description\" content=\"We can add multiple content transformation. To implement this feature we require you to know\u00a0How to add email layouts in a theme. After adding a customized layout to a theme. Here is an example of an email layout using the TransformationInterface.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/how-to-apply-a-transformation-to-an-email-template-from-an-external-module\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-05T13:42:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-05T07:17:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/03\/Screenshot11.png\" \/>\n\t<meta property=\"og:image:width\" content=\"749\" \/>\n\t<meta property=\"og:image:height\" content=\"363\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Ravindra Gautam\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ravindra Gautam\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-apply-a-transformation-to-an-email-template-from-an-external-module\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-apply-a-transformation-to-an-email-template-from-an-external-module\/\"},\"author\":{\"name\":\"Ravindra Gautam\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/1a45b107e54bb2991c05f20fbb1dae12\"},\"headline\":\"How to apply a transformation to an email template from an external module\",\"datePublished\":\"2024-03-05T13:42:10+00:00\",\"dateModified\":\"2024-04-05T07:17:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-apply-a-transformation-to-an-email-template-from-an-external-module\/\"},\"wordCount\":444,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-apply-a-transformation-to-an-email-template-from-an-external-module\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/03\/Screenshot11.png\",\"keywords\":[\"Emails\",\"layout\",\"prestashop\",\"template\",\"Transformation\"],\"articleSection\":[\"prestashop\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/how-to-apply-a-transformation-to-an-email-template-from-an-external-module\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-apply-a-transformation-to-an-email-template-from-an-external-module\/\",\"url\":\"https:\/\/webkul.com\/blog\/how-to-apply-a-transformation-to-an-email-template-from-an-external-module\/\",\"name\":\"How to apply a transformation to an email template from an external module - Webkul Blog\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-apply-a-transformation-to-an-email-template-from-an-external-module\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-apply-a-transformation-to-an-email-template-from-an-external-module\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/03\/Screenshot11.png\",\"datePublished\":\"2024-03-05T13:42:10+00:00\",\"dateModified\":\"2024-04-05T07:17:41+00:00\",\"description\":\"We can add multiple content transformation. To implement this feature we require you to know\u00a0How to add email layouts in a theme. After adding a customized layout to a theme. Here is an example of an email layout using the TransformationInterface.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-apply-a-transformation-to-an-email-template-from-an-external-module\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/how-to-apply-a-transformation-to-an-email-template-from-an-external-module\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-apply-a-transformation-to-an-email-template-from-an-external-module\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/03\/Screenshot11.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/03\/Screenshot11.png\",\"width\":749,\"height\":363,\"caption\":\"Screenshot11\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-apply-a-transformation-to-an-email-template-from-an-external-module\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to apply a transformation to an email template from an external module\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/1a45b107e54bb2991c05f20fbb1dae12\",\"name\":\"Ravindra Gautam\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1b8439e2774cf21a264df535ff994154071e538a17da7dc76beb9f7ffa28fa19?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1b8439e2774cf21a264df535ff994154071e538a17da7dc76beb9f7ffa28fa19?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Ravindra Gautam\"},\"description\":\"Ravindra is a Software Engineer in PrestaShop platform with expertise in Marketplace Development services. He excels in creating and managing online stores using PrestaShop, leveraging his skills in JavaScript, jQuery, and Web Services to deliver dynamic, user-friendly e-commerce solutions that drive business success.\",\"url\":\"https:\/\/webkul.com\/blog\/author\/ravindra-gautam192\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to apply a transformation to an email template from an external module - Webkul Blog","description":"We can add multiple content transformation. To implement this feature we require you to know\u00a0How to add email layouts in a theme. After adding a customized layout to a theme. Here is an example of an email layout using the TransformationInterface.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/how-to-apply-a-transformation-to-an-email-template-from-an-external-module\/","og_locale":"en_US","og_type":"article","og_title":"How to apply a transformation to an email template from an external module - Webkul Blog","og_description":"We can add multiple content transformation. To implement this feature we require you to know\u00a0How to add email layouts in a theme. After adding a customized layout to a theme. Here is an example of an email layout using the TransformationInterface.","og_url":"https:\/\/webkul.com\/blog\/how-to-apply-a-transformation-to-an-email-template-from-an-external-module\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2024-03-05T13:42:10+00:00","article_modified_time":"2024-04-05T07:17:41+00:00","og_image":[{"width":749,"height":363,"url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/03\/Screenshot11.png","type":"image\/png"}],"author":"Ravindra Gautam","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Ravindra Gautam","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/how-to-apply-a-transformation-to-an-email-template-from-an-external-module\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/how-to-apply-a-transformation-to-an-email-template-from-an-external-module\/"},"author":{"name":"Ravindra Gautam","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/1a45b107e54bb2991c05f20fbb1dae12"},"headline":"How to apply a transformation to an email template from an external module","datePublished":"2024-03-05T13:42:10+00:00","dateModified":"2024-04-05T07:17:41+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/how-to-apply-a-transformation-to-an-email-template-from-an-external-module\/"},"wordCount":444,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/how-to-apply-a-transformation-to-an-email-template-from-an-external-module\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/03\/Screenshot11.png","keywords":["Emails","layout","prestashop","template","Transformation"],"articleSection":["prestashop"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/how-to-apply-a-transformation-to-an-email-template-from-an-external-module\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/how-to-apply-a-transformation-to-an-email-template-from-an-external-module\/","url":"https:\/\/webkul.com\/blog\/how-to-apply-a-transformation-to-an-email-template-from-an-external-module\/","name":"How to apply a transformation to an email template from an external module - Webkul Blog","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/how-to-apply-a-transformation-to-an-email-template-from-an-external-module\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/how-to-apply-a-transformation-to-an-email-template-from-an-external-module\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/03\/Screenshot11.png","datePublished":"2024-03-05T13:42:10+00:00","dateModified":"2024-04-05T07:17:41+00:00","description":"We can add multiple content transformation. To implement this feature we require you to know\u00a0How to add email layouts in a theme. After adding a customized layout to a theme. Here is an example of an email layout using the TransformationInterface.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/how-to-apply-a-transformation-to-an-email-template-from-an-external-module\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/how-to-apply-a-transformation-to-an-email-template-from-an-external-module\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/how-to-apply-a-transformation-to-an-email-template-from-an-external-module\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/03\/Screenshot11.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/03\/Screenshot11.png","width":749,"height":363,"caption":"Screenshot11"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/how-to-apply-a-transformation-to-an-email-template-from-an-external-module\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to apply a transformation to an email template from an external module"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/1a45b107e54bb2991c05f20fbb1dae12","name":"Ravindra Gautam","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1b8439e2774cf21a264df535ff994154071e538a17da7dc76beb9f7ffa28fa19?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1b8439e2774cf21a264df535ff994154071e538a17da7dc76beb9f7ffa28fa19?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Ravindra Gautam"},"description":"Ravindra is a Software Engineer in PrestaShop platform with expertise in Marketplace Development services. He excels in creating and managing online stores using PrestaShop, leveraging his skills in JavaScript, jQuery, and Web Services to deliver dynamic, user-friendly e-commerce solutions that drive business success.","url":"https:\/\/webkul.com\/blog\/author\/ravindra-gautam192\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/426081","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/434"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=426081"}],"version-history":[{"count":3,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/426081\/revisions"}],"predecessor-version":[{"id":431936,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/426081\/revisions\/431936"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media\/426085"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=426081"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=426081"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=426081"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}