WebTesting Method of Email Template with Email JS
Testing Method of Email Template with Email JS
2 mins Read
![mainImg](/_next/image?url=https%3A%2F%2Fradialcode-cms.s3.ap-south-1.amazonaws.com%2FThumbnail_1_bada3ea564.webp&w=3840&q=75)
Written by
Neha Rai
Front End Developer
![profileImg](/_next/image?url=https%3A%2F%2Fradialcode-cms.s3.ap-south-1.amazonaws.com%2FNeha_rai_1_42a58849bd.png&w=3840&q=75)
Anjali Chanda
Front End Developer
![profileImg](/_next/image?url=https%3A%2F%2Fradialcode-cms.s3.ap-south-1.amazonaws.com%2FAnjali_7a8b8d7c52.png&w=3840&q=75)
Table of contents
Build with Radial Code
Radial Code Enterprise gives you the power to create, deploy and manage sites collaboratively at scale while you focus on your business. See all services.
Testing email templates ensure your communications look great and function properly before reaching your audience. In this article, we’ll guide you through the steps to test email templates using EmailJS.
Here are Some Straightforward Steps to Test the Email Template
Step 1: Set Up Your Email JS Account
- Create an Account: Go to Email Js and sign up for an account.
- Verify Your Account: Follow the verification process to activate your account.
Step 2: Add a New Service and Generate a Service ID
- Navigate to "Add New Service" in the EmailJS dashboard.
- Follow the prompts to create and save your Service ID.
![](https://radialcode-cms.s3.ap-south-1.amazonaws.com/1_e33c1f45f4.webp)
Step 3: Click on Gmail (or another provider) as your email service
![](https://radialcode-cms.s3.ap-south-1.amazonaws.com/2_03e4b12cf8.webp)
Step 4: Connect Your Account
- Click on "Connect Account" and complete the connection process.
- After connecting, click "Create Services" to finalize the setup.
![](https://radialcode-cms.s3.ap-south-1.amazonaws.com/3_a0bc171701.webp)
Step 5: Create a New Email Template
- Go to "Email Templates" in the dashboard.
- Click on "Create New Template".
![](https://radialcode-cms.s3.ap-south-1.amazonaws.com/4_5da2741489.webp)
Step 6: Edit Your Template Content and open the Code Editor
![](https://radialcode-cms.s3.ap-south-1.amazonaws.com/5_5294c683b7.webp)
Step 7: Paste your email template code and save your changes
![](https://radialcode-cms.s3.ap-south-1.amazonaws.com/6_f595a2ce84.webp)
Step 8: Add Your Email Address and Save the email address for the test
![](https://radialcode-cms.s3.ap-south-1.amazonaws.com/7_e80b1d9041.webp)
Step 9: Send a Test Email
- Click on "Create New Template"and check the recipient’s inbox to ensure the email is delivered correctly.
- Verify that the template displays as expected and adjust if necessary.
![](https://radialcode-cms.s3.ap-south-1.amazonaws.com/8_968ce13ad5.webp)