{"id":31767888,"url":"https://github.com/webdevtodayjason/marketingchatbot","last_synced_at":"2026-07-10T16:31:15.422Z","repository":{"id":239044302,"uuid":"798325461","full_name":"webdevtodayjason/marketingchatbot","owner":"webdevtodayjason","description":null,"archived":false,"fork":false,"pushed_at":"2024-05-09T15:02:50.000Z","size":405,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-06-05T07:18:47.388Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/webdevtodayjason.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-05-09T14:54:25.000Z","updated_at":"2025-04-28T21:16:05.000Z","dependencies_parsed_at":"2024-05-09T17:29:44.322Z","dependency_job_id":"e11a6c8a-f643-40cf-9ef4-3ce23eb0f89d","html_url":"https://github.com/webdevtodayjason/marketingchatbot","commit_stats":null,"previous_names":["webdevtodayjason/marketingchatbot"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/webdevtodayjason/marketingchatbot","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webdevtodayjason%2Fmarketingchatbot","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webdevtodayjason%2Fmarketingchatbot/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webdevtodayjason%2Fmarketingchatbot/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webdevtodayjason%2Fmarketingchatbot/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/webdevtodayjason","download_url":"https://codeload.github.com/webdevtodayjason/marketingchatbot/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webdevtodayjason%2Fmarketingchatbot/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":35337280,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-07-10T02:00:06.465Z","response_time":60,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-10-10T01:48:35.917Z","updated_at":"2026-07-10T16:31:15.406Z","avatar_url":"https://github.com/webdevtodayjason.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Deployable Chatbot Widget\n# Made with: Model A: im-a-good-gpt2-chatbot\n![Alt text for the image](chatbot-arena.png)\n\nThis project creates a deployable chatbot that can be embedded as a JavaScript widget in multiple external websites. The chatbot utilizes the latest OpenAI GPT-4 model to process and respond to user inputs. It features conversation embeddings for recall and memory and can perform similarity searches over the conversation history. Additionally, it can collect user information (name, email, phone number) and submit this data to a specified CRM endpoint.\n\n## Features\n\n- **GPT-4 Powered Conversations:** Leverage the latest GPT-4 model for rich, context-aware conversations.\n- **Embeddable JavaScript Widget:** Easy to deploy on any webpage with minimal setup.\n- **Conversation Embeddings:** Stores conversation history using embeddings for advanced recall and memory functionalities.\n- **Data Collection:** Gathers user information and submits it to a CRM.\n- **Customizable UI:** A popup chat interface that can be minimized to a chat icon.\n\n## Prerequisites\n\nBefore you begin, ensure you have the following:\n\n- Node.js and npm installed on your machine.\n- An OpenAI API key to use GPT-4.\n- Access to a CRM where you can submit user data via HTTP POST.\n\n## Setup Instructions\n\n### 1. Clone the Repository\n\nStart by cloning this repository to your local machine:\n\n```bash\ngit clone https://github.com/webdevtodayjason/marketingchatbot.git\ncd marketingchatbot\n```\n\n### 2. Install Dependencies\n\nUse npm to install all required dependencies:\n\n```bash\nnpm init -y\nnpm install express axios dotenv openai body-parser cors\n```\n\n### 3. Set Up Environment Variables\n\nCreate a `.env` file in the root of your project and update it with your OpenAI API key and CRM URL:\n\n```plaintext\nOPENAI_API_KEY=your_openai_api_key\nCRM_URL=your_crm_endpoint_url\n```\n\n### 4. Run the Backend Server\n\nLaunch the Node.js server which will handle requests from the chat widget:\n\n```bash\nnode server.js\n```\n\n## Integrating the Chat Widget\n\nTo integrate the chat widget into any external website, follow these steps:\n\n### 1. Include Font Awesome\n\nAdd Font Awesome to your HTML to use icons in the chat widget. Add this line in the `\u003chead\u003e` section of your HTML:\n\n```html\n\u003clink href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css\" rel=\"stylesheet\"\u003e\n```\n\n### 2. Deploy the Chat Widget JavaScript\n\n1. **Host `chat-widget.js`:** Make sure the `chat-widget.js` file is hosted on a public URL.\n2. **Include the Script:** Add the following script tag to the `\u003chead\u003e` of your HTML on every site where you want the chatbot to appear:\n\n```html\n\u003cscript src=\"URL_TO_YOUR_CHAT_WIDGET_JS\"\u003e\u003c/script\u003e\n```\n\n### 3. Ensure CORS Configuration\n\nMake sure your backend is configured to accept requests from the domains where the chatbot will be embedded. In your Node.js server, use the `cors` package:\n\n```javascript\nconst cors = require('cors');\napp.use(cors());\n```\n\n## Using the Chat Widget\n\nAfter completing the integration steps, the chatbot will appear as a popup in the bottom right corner of your webpage. Users can interact with the chatbot by:\n\n- Clicking the chat icon to open or minimize the chat window.\n- Typing messages and sending them to receive responses powered by GPT-4.\n\n## Further Customization\n\nYou can further customize the chatbot UI and functionality by modifying `chat-widget.js` and the associated CSS styles to match your branding and user experience preferences.\n\n## Security and Privacy\n\nEnsure you handle user data securely and comply with privacy regulations. Do not expose sensitive API keys or user information in client-side code.\n\n---\n\nFeel free to enhance the README by adding more sections like \"Troubleshooting,\" \"License,\" and \"Contributing\" as needed for your project's documentation. This template aims to give users enough information to get started and integrate the chatbot into their sites effectively.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebdevtodayjason%2Fmarketingchatbot","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwebdevtodayjason%2Fmarketingchatbot","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebdevtodayjason%2Fmarketingchatbot/lists"}