Add an email service

Integrating an email service is a crucial step in setting up EmailJS, as it connects the platform with your email provider. This integration enables seamless email delivery directly from your application, without the need for a dedicated backend.

To get started, navigate to the Email Services (opens new window) page and open the Select Service dialog. Here, you will see two distinct sections: Personal Services and Transactional Services. Each serves a different purpose, depending on the scale and nature of the emails you intend to send.

Personal email services allow integration with providers like Gmail, Zoho, and Outlook 365. These services are best suited for low-volume email sending, such as personal notifications or testing purposes. However, they come with limitations—exceeding the provider's daily sending limit can lead to account restrictions, and sending unsolicited bulk emails may result in spam flagging. For this reason, personal email services are recommended primarily for development or small-scale usage.

Transactional email services are designed for high-volume email sending. These providers specialize in handling large numbers of emails efficiently, ensuring better deliverability and reputation management. Unlike personal email accounts, transactional services minimize the risk of emails being marked as spam and provide greater scalability, making them the preferred choice for production environments.

For this tutorial, we will use Gmail as our email service, but you can choose any provider that suits your needs. To set it up, we assign it the name "Contact Service" and the Service ID contact_service. The next step is to connect the selected email account by clicking "Connect account", followed by pressing "Add Service" to finalize the integration. Once completed, the "Contact Service" is set as the "Default" email service, ready to handle outgoing emails.