> For the complete documentation index, see [llms.txt](https://doc-nextjs.adoctor.org/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doc-nextjs.adoctor.org/accounts/create-account-on-emailjs.com.md).

# Create Account on Emailjs.com

How to create account on EmailJS

[Emailjs](https://www.emailjs.com/) will help you send emails directly from JavaScript with no server code needed. We are going to go step by step to set up our contact form to send an email with using JavaScript.

### Step 1- Make an account on Emailjs website <a href="#id-566d" id="id-566d"></a>

![](https://3519142690-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGP7SC290jpJkbrDUYdJ7%2Fuploads%2F531Yre4DrAB7gz9fGzso%2F1_Js1OSQgklcMYNmWMO-evYQ.jpeg?alt=media\&token=4d924b68-a27c-47de-bb45-de326daedd30)

Create a new account at the emailjs website by clicking [here](https://dashboard.emailjs.com/sign-up). You will need to provide your name, email, and create a new password. Be sure to verify your email.

### Step 2- Add a New Service <a href="#a33d" id="a33d"></a>

According to [documentation](https://www.emailjs.com/docs/tutorial/adding-email-service/), *An email service provides integration between EmailJS and your email server. First open the* [*Email Services (opens new window)*](https://dashboard.emailjs.com/admin) *tab where you will see two sections: Transactional email services and Personal email services.*

*Personal email services allow connecting personal email providers that offer basic email functionality — an email address and an inbox. These include providers like Gmail, Fastmail, Outlook 365, etc’. Personal email services are useful in EmailJS when you need to send a small number of emails to yourself, or need to send emails to other people from your personal email account.*

After linking your email, you should be prompted to a window like underneath:

![](https://3519142690-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGP7SC290jpJkbrDUYdJ7%2Fuploads%2FrNzKv01hqZtalOAzBDQM%2F1_Rlx_ZBjZrLGK3Jefg9J4rQ.jpeg?alt=media\&token=d41f0bdf-8caf-46ac-9aec-ebf9790aa15c)

{% hint style="info" %}
**\*\* IMPORTANT:** You will use the Service ID in a following step. For more documentation, click [here](https://www.emailjs.com/docs/tutorial/adding-email-service/).
{% endhint %}

### Step 3- Integration of JavaScript scripts on heads <a href="#id-963c" id="id-963c"></a>

Copy the Service ID from step 2, as it shows on the picture above, [Here is a direct Link](https://dashboard.emailjs.com/admin)

Copy The Template ID from  [here](https://dashboard.emailjs.com/admin/templates) see Picture Below

![](https://3519142690-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGP7SC290jpJkbrDUYdJ7%2Fuploads%2FQfUpBHeFbADufVUGxryP%2FAdoctor%20template%20-%20EmailJS.png?alt=media\&token=b1a297a3-bf04-4b23-adfb-d18119f5c1e3)

Copy Public Key from [here](https://dashboard.emailjs.com/admin/account) See Picture Below

![](https://3519142690-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGP7SC290jpJkbrDUYdJ7%2Fuploads%2F9D4bbXavWlyEoEETtfWc%2FAccount%20-%20EmailJS.png?alt=media\&token=9df66e23-83bb-4cca-a2e4-2e5165951e08)

Open **.ENV** file located at the root of **WEB** folder

![](https://3519142690-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGP7SC290jpJkbrDUYdJ7%2Fuploads%2F9bPn8gDCRI3HBZ174Hml%2FScreenshot%202022-07-12%20122959.png?alt=media\&token=20cdbd67-3e8d-4784-b41f-a8e8f4a463ce)

Add emailjs Service ID , Template ID and Public Key you copied from steps above

![](https://3519142690-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGP7SC290jpJkbrDUYdJ7%2Fuploads%2F8s6XKF2gO0pXeRHPXMnL%2FScreenshot%202022-07-13%20120211.png?alt=media\&token=3c50a0d3-b156-4ef6-9275-8da0f97ac6ae)

Congratulations! You've successfully created your Emailjs account.
