Documentation

EmailGPT | Effortless Email Generation, Powered By OpenAI

Thank you so much for purchasing our item.

  • Created: 25 Feb, 2023
  • Updated: 17 Feb, 2024

If you have any questions that are beyond the scope of this help file, Please feel free to email via Support Page.

Overview

Follow the steps below to setup the plugin:

  1. Unzip the downloaded package and open the /SourceCode/EmailGPT folder to find all the files.
  2. Below is the folder structure and and details about folders/files:
    3.   📦SourceCode_v1.3.0
  ┣ 📂Documentation
  ┗ 📂EmailGPT
  ┃ ┣ 📂components
  ┃ ┣ 📂pages
  ┃ ┃ ┣ 📂api
  ┃ ┃ ┃ ┗ 📜generate.js
  ┃ ┃ ┣ 📜index.js
  ┃ ┣ 📂public
  ┃ ┣ 📂store
  ┃ ┃ ┣ 📂api
  ┃ ┃ ┃ ┗ 📜fetchResult.js
  ┃ ┃ ┣ 📂context
  ┃ ┃ ┃ ┗ 📜AppContext.js
  ┃ ┃ ┗ 📂data
  ┃ ┃ ┃ ┗ 📜SuggestionList.js
  ┃ ┣ 📂styles
  ┃ ┣ 📜.env
  ┃ ┗ 📜package.json
  • 📂components- Contains various components of the project like Searchbar, Header, Footer, etc
  • 📂pages- Contains the homepage i.e index page
  • 📜generate.js- Contains OpenAI backend API logic
  • 📂store- Contains dropdown suggestions data and contexts of React App
  • 📜fetchResult.js- frontend Search API logic which calls backend API
  • 📂data -> 📜SuggestionList.js- Contains arrray of search dropdown suggestions
  • 📜package.json- NPM Package details

Setup & Installation

Setup process involves two major steps:

  1. OpenAI API Key Generation
  2. Node Packages Install

OpenAI API Key

Disclaimer: The GPT API offers $18 in free credit for the first 3 months, but usage beyond this limit will incur charges based on the selected pricing plan and usage limits.

Follow the steps below to generate your OpenAI API key:

  1. Open your internet browser, type openai.com in the browser's address bar, and press "Enter
  2. Click the API button at the top right.
  3. Click the SIGN-UP button at the top right.
  4. Enter the email address for your OpenAI API. We can also sign up with our Google or Microsoft account.
  5. Next, a pop "tell us about you" will appear. You have to enter your name and organization here.
  6. Next, enter your phone number and verify your phone number.
  7. Next, click Personal button at the top right and then click view API keys.
  8. Here, we'll find the API key we need. Just click the copy button and use where needed(You will need to paste in.env file).

Installation

Change the current directory to /EmailGPT folder which contains package.json file and type npm install. Make sure you have NodeJS installed on your local machine

In case of error, download and install NodejJS https://nodejs.org/en/download/

Build & Run

After successful installation of node packages, use the following command to build/run project and open http://localhost:3000/ to see the changes:

  • npm run dev: That command will start a development server so that you can open the Next.js application from your browser. Runs next dev to start Next.js in development mode
  • npm run build: Creates a build directory with a production build of your app. Runs next build to build the application for production usage
  • npm run start: Runs next start to start a Next.js production server
Read more here: NextJS

Hosting

You can host your final application on any of the cloud like Amazon AWS, Google Cloud or free hosting services like Netlify or Vercel

Do not push .env file to github or any other repository with your API key. Add your API key to the environment variables of your hosting service provider during deployement.

FAQ

List of commonly asked questions and answers related to the plugin setup, configuration, troubleshooting and other important questions.

EmailGPT web app is an AI-powered tool that leverages GPT to generate high-quality emails based on user-provided subject or topic. The web app is built using ReactJS and NextJS frameworks and can be used by anyone who needs help with drafting emails.
To use EmailGPT web app, simply navigate to the website and input your desired email subject or topic. The AI algorithm will generate a high-quality email response based on your input, which you can then edit and send as you see fit.
EmailGPT web app uses the latest machine learning algorithms to ensure that the emails it generates are of the highest quality. The tool is constantly being updated and refined based on user feedback, and the AI algorithm is continually learning and adapting to improve its performance.
Yes, EmailGPT web app is safe to use. The tool is designed to be used for legitimate purposes only and does not collect any personally identifiable information from users. Additionally, the app is hosted on secure servers and utilizes the latest encryption technologies to protect user data.
GPT-3 API is an application programming interface that provides developers with access to OpenAI's GPT-3 language model. With the API, developers can integrate GPT-3's advanced natural language processing capabilities into their own applications.
To get started with GPT-3 API, you will need to create an account with OpenAI and obtain an API key. Once you have your key, you can use it to make API calls and access GPT-3's language processing capabilities.
The cost of using GPT-3 API varies depending on your usage. OpenAI offers a range of pricing plans based on the number of API requests you make, as well as the level of access you require. You can find more information on OpenAI's website.

To explore and experiment with the API, all new users get free $18 worth of free tokens. These tokens expire after 3 months.

After the quota has passed you can choose to enter billing information to upgrade to a paid plan and continue your use of the API on pay-as-you-go basis. If no billing information is entered you will still have login access, but will be unable to make any further API requests.

Please see the pricing page for the latest information on pay-as-you-go pricing.

Support

If this documentation doesn't answer your questions, please send us email via Support Page

We are located in GMT +5:30 time zone and we answer all questions within 12-24 hours in weekdays. In some rare cases the waiting time can be to 48 hours. (except holiday seasons which might take longer).

Note: While we aim to provide the best support possible, please keep in mind that it only extends to verified buyers and only to issues related to our plugin like bugs and errors. Custom modifications or third party module implementations are not included.

Don’t forget to Rate this plugin

Please Add your Review (Opinion) for plugin. It would be a great support for us.
Go to your Codecanyon Profile > Downloads Tab > & then You can Rate & Review for our plugin.
Thank You.

More Products

Checkout Our Other Products Below: View Portfolio

Cookie Notice Pro | Advanced jQuery Plugin
Cookie Notice Pro | Advanced jQuery Plugin
iCaptcha | Frontend & Backend reCaptcha Verification
iCaptcha | Frontend & Backend reCaptcha Verification
Floating Help Center | Advanced jQuery Plugin
Floating Help Center | Advanced jQuery Plugin
Ad Block Detector Pro | Light-weight Pure JavaScript Plugin
Ad Block Detector Pro | Light-weight Pure JavaScript Plugin

Changelog

See what's new added, changed, fixed, improved or updated in the latest versions.

For Future Updates Follow Us @Codecanyon / @facebook / @twitter / @Instagram

Version 1.3.0 Model Changed (gpt-3.5-turbo-instruct) (17 Feb, 2024)

  • Updated pages/api/generate.js

Version 1.2.0 Language Support Added (27 Feb, 2023)

  • Added store/data/LanguageList.js
  • Updated store/api/fetchResult.js
  • Updated store/context/AppContext.js
  • Updated components/Header.js
  • Updated components/ResultContainer.js
  • Updated components/Searchbar.js
  • Updated pages/api/generate.js

Version 1.1.0 Google Adsense Ready (26 Feb, 2023)

  • Added components/DetailsSection
  • Added components/Sidebar
  • Added styles/ads.css
  • Added adsense banner images
  • Updated components/Searchbar.module.css
  • Updated pages/_app.js
  • Updated pages/index.js
  • Updated pages/index.module.css
  • Updated styles/dark-mode.css

Version 1.0.0 (25 Feb, 2023)

Initial Release