# Customization of Template

**To customize an email template, follow these steps from your WordPress dashboard:** 

1. Navigate to WooCommerce > Spark Editor. 
2. Here, you’ll find various options to tailor your email template to match your brand and preferences.

Click on **Customize**, and then choose one of the sample templates to get started. These templates are designed to provide a foundation for your email design, allowing you to easily modify elements such as text, colors, and layouts to suit your brand's needs.

<figure><img src="https://2617971948-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUM7IMLYNpH3NSpDrZcNu%2Fuploads%2FtI6RdNz9hQzFHLQDFtdv%2Fimage.png?alt=media&#x26;token=f9031887-9825-4a47-bfa5-2b903558465e" alt=""><figcaption></figcaption></figure>

* Once you’ve selected a template, you’ll find options and buttons on the right side to copy content between email templates and preview the email.

You can customize the templates using the drag-and-drop editor. The customization process involves two main steps:

1. **Choosing the Block**
2. **Styling the Block**

<figure><img src="https://2617971948-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUM7IMLYNpH3NSpDrZcNu%2Fuploads%2FoYCyoD304brW68e57ZgM%2Fimage.png?alt=media&#x26;token=271dbcf3-485b-4fd6-a22e-f00876fd22b7" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2617971948-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUM7IMLYNpH3NSpDrZcNu%2Fuploads%2FYWCG2Sfusq5NtzM6yptw%2Fimage.png?alt=media&#x26;token=2f4c9c14-c019-4c53-bc19-836e11ccf0d9" alt=""><figcaption></figcaption></figure>

After choosing the block, you can style that particular element.

<figure><img src="https://2617971948-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUM7IMLYNpH3NSpDrZcNu%2Fuploads%2F2Diddaz8toJzZVXE5UmD%2Fscreenshot--2024.10.22-15_51_49.png?alt=media&#x26;token=84a72a02-7c06-44ba-8e78-c9d790cb8244" alt=""><figcaption></figcaption></figure>

**To add personalised information, you can use the shortcodes.**

Clicking on shortcode icon will show you all the short codes in the popup window. These shortcodes can be used to add additional information of order details, customer info, etc while editing the element.

<figure><img src="https://2617971948-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUM7IMLYNpH3NSpDrZcNu%2Fuploads%2FPsKQvDNayKnvVtGNpUTV%2Fimage.png?alt=media&#x26;token=efd1cc9b-3796-4b51-b1a4-ac2eb667c69a" alt=""><figcaption></figcaption></figure>

The interesting part is you can see the preview of the emails across all devices like PC, tab and mobile devices.

<figure><img src="https://2617971948-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUM7IMLYNpH3NSpDrZcNu%2Fuploads%2FRWqOr56Y7lO33A3V8RwU%2Fscreenshot--2024.10.22-15_55_30.png?alt=media&#x26;token=a1b67153-ab98-4861-acd9-2f9acfb6cf4b" alt=""><figcaption></figcaption></figure>

**Still have more questions ?**\
​Please submit a support request <support@flycart.org>\
We are always happy to assist you :)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.sparkeditor.com/template-customization/customization-of-template.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.