The SocialBuzzAI MVP is built on WordPress using Elementor with a lightweight HTML and JavaScript frontend that communicates directly with Make.com, an API automation platform.
When you click Transform, your input is captured from a basic HTML <input_text_area> and sent via a POST request to a custom Make.com webhook. The webhook receives your text as JSON and instantly triggers a scenario that pipes it into OpenAI’s GPT model using a custom prompt structure designed to generate social media content.
The response is then passed back through Make, via a webhook response module. On the frontend, JavaScript listens for that webhook response and automatically injects the result into the <output_text_area>.
The Copy button uses the browser’s native clipboard API to copy the text output and UX handling to momentarily disable the button.
1. What technologies power SocialBuzzAI?
SocialBuzzAI is built on a lightweight tech stack using HTML, JavaScript, WordPress, and Elementor Pro. It uses Make.com as an API automation layer to communicate with OpenAI’s GPT model. No heavy frameworks or libraries are involved — just clean client-side logic and fast webhook-based communication.
2. How does the AI transformation actually happen?
When a user clicks Transform, a JavaScript function captures the input from the <textarea> element and sends it as a JSON payload via a POST request to a Make.com webhook. Make.com then triggers a scenario that passes this content into OpenAI’s GPT model using a pre-structured prompt. The AI generates a result, which is returned via a webhook response to the frontend, where it’s dynamically inserted into the output box.
3. How does the Make.com automation scenario work?
The Make.com scenario has three modules:
Webhook (Custom) – Receives the input text from the frontend.
OpenAI (ChatGPT module) – Sends the input to OpenAI using a defined prompt (e.g. “Convert this into a LinkedIn post…”).
Webhook Response – Sends the AI-generated output back to the site in real-time.
This no-code/low-code architecture makes SocialBuzzAI flexible and scalable.
4. How does the Copy button work technically?
The Copy button uses the browser-native navigator.clipboard.writeText() API to copy the contents of the output box. For better UX, a JavaScript snippet temporarily disables the button for one second after a click and dims its opacity to visually indicate success, then resets it to normal.
5. Is SocialBuzzAI serverless or hosted?
The front end is hosted on a WordPress site using Elementor Pro, but the AI functionality itself is essentially serverless. Since all AI processing is offloaded to Make.com and OpenAI via webhooks and APIs, the server just serves the static front end — keeping the load light and the response times fast.