How to Customize WooCommerce Email Templates

How to Customize WooCommerce Email Templates for a More Professional Look

Author: Windy Pierre 26 Aprile 2023

[{"selector":"#anim-ba0e207f-998b-40f3-9f11-bf1d6b664da0","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6f226105-8bd3-449e-9d09-c65fc5ba1bd8","keyframes":{"transform":["translate3d(0px, 180.82440%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] how to customize the WooCommerce email templates for an e-commerce website to make them more eye-catching and professional. Author: Windy Pierre 26 Aprile 2023

[{"selector":"#anim-13796caf-0889-4e21-ba9f-6ab8644cfa87","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f3aaf236-4a1c-4372-b65b-ecd79ffbaf23","keyframes":{"transform":["translate3d(0px, 188.42205%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] The customized email templates include the brand logo, order details, and a button that leads to the store page where customers can buy more products. Author: Windy Pierre 26 Aprile 2023

[{"selector":"#anim-4029ee4c-f287-493c-813c-30478d74e469","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5c24adde-5962-4399-9573-959eed9b99c7","keyframes":{"transform":["translate3d(0px, 188.42205%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Related products can also be recommended to customers in the email to encourage them to purchase more products and increase overall profit for a sale. Author: Windy Pierre 26 Aprile 2023

[{"selector":"#anim-86329f5b-8f18-4802-93ae-c327ec230142","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4e5dde7f-508a-476b-8205-8759e3771478","keyframes":{"transform":["translate3d(0px, 183.38006%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] To customize the email, first, install the WooCommerce email template plugin from the WordPress dashboard by searching for the plugin and clicking install and activate. Author: Windy Pierre 26 Aprile 2023

[{"selector":"#anim-d8279e7a-46a9-416a-b9b7-adbbe060f57a","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e191d618-7555-40bf-b285-1da0d635be5e","keyframes":{"transform":["translate3d(0px, 183.38006%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] The plugin will import the email design to the eCommerce site, and users can access different types of email notifications in the WooCommerce settings. Author: Windy Pierre 26 Aprile 2023

[{"selector":"#anim-3696394f-e733-4e3f-af0e-32292a564104","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-edd46e5c-e7aa-41f2-a307-ccf66da67e48","keyframes":{"transform":["translate3d(0px, 248.20036%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Select the email notification that needs editing, and click edit to access the new email design. Author: Windy Pierre 26 Aprile 2023

[{"selector":"#anim-f9b1c35f-6972-42a3-8431-c16f207a3fc5","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-12f07153-7ceb-41d2-a7b6-f01a74af1b89","keyframes":{"transform":["translate3d(0px, 181.69941%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] To edit the content of the email design, add the logo by removing the default text and dragging and dropping the image element to the template. Author: Windy Pierre 26 Aprile 2023

[{"selector":"#anim-cdc9a858-f788-4316-ac02-df849498fafd","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5d0b3e43-be5b-489d-aabd-75bfe21222ba","keyframes":{"transform":["translate3d(0px, 262.28493%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] To add text, add a layout and drag the text element to the template, and then add the desired text. Author: Windy Pierre 26 Aprile 2023

[{"selector":"#anim-6b3684ae-33b1-4987-b666-87eb6f14f88a","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1d09db23-b2f3-49a9-a98f-fc88d5d92df8","keyframes":{"transform":["translate3d(0px, 262.28493%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] To customize the design further, add a background color and change the text and button color. Author: Windy Pierre 26 Aprile 2023

[{"selector":"#anim-87c4c08f-39be-4644-a06b-f8ab9e09f993","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fb27f088-b2b6-487b-b777-74740b16abb2","keyframes":{"transform":["translate3d(0px, 227.60235%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Social media links can also be added to the email template to connect with customers. Author: Windy Pierre 26 Aprile 2023

Swipe up to read More: Stories

[{"selector":"#anim-4102cf8f-3a89-4cea-9e7a-e8760c494664","keyframes":{"transform":["scale(1)","scale(1.5)","scale(0.95)","scale(1)"],"offset":[0,0.33,0.66,1]},"delay":0,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":1}] Learn more