This project was initially built using Angular and was transitioned to HTML, CSS, and JavaScript. It integrates Email.js and connects to Google Sheets using AppScript to store IP addresses for lead generation.
- Clone the repository:
git clone https://github.com/username/GWT-WebSite.git
- Navigate to the project directory:
cd GWT-WebSite
- Open the
index.html
file in your preferred web browser. - To test the Email.js integration, fill out the form on the website and submit it.
- Responsive Design: The website is fully responsive, ensuring optimal viewing on all devices.
- Tailwind CSS: Styled using Tailwind CSS for efficient and customizable design.
- Dynamic Popup Form: Includes a popup form that captures user input.
- IP Address Storage: Stores user IP addresses in a Google Sheet for lead generation.
- Scroll-to-View Function: Smoothly scrolls to sections when navigation menu items are clicked.
To configure Email.js:
- Sign up at Email.js and obtain your service ID, template ID, and user ID.
- Update the JavaScript file with your Email.js credentials:
(function(){ emailjs.init("YOUR_USER_ID"); })();
To connect to Google Sheets using AppScript:
- Open the Google Sheets where you want to store the data.
- Go to Extensions > AppScript.
- Add the provided AppScript code to handle form submissions and IP address storage.
- Deploy the script as a web app and update the URL in your JavaScript file.