How to Make Widgets
FAQ: Creating Widgets
This guide explains how to use WidgetAI to create, customize, and deploy your own AI-powered widgets.
1 The Creation Process
We know building tools can feel daunting, so we made it as easy as clicking a button. You define where the data comes from, what the AI should look for, and how it should be presented.
-
-
Step 2: Provide Source URL
Enter the URL of the website you want to monitor. This could be a news site, a financial portal, or even your own blog. The AI will visit this page to extract information.
-
Step 3: Craft Your Prompt
Tell the AI exactly what to extract. The more specific you are, the better the results. Need a hand? Here’s a quick tip to make your widget even smarter: use clear instructions!
2 Mastering the Prompt
The prompt is the most important part of your widget. It tells the AI how to interpret the data from your source URL.
Effective Prompt Examples
Financial Widget
"Show the 3 best performing shares of the Amsterdam Stock Exchange (AEX) over the last month with their percentage increase."
Sports Widget
"Make a widget showing Ajax upcoming matches for the coming week as a list with date, time, and opponent."
News Widget
"Show the top 3 trending products that were most mentioned on Reddit in the last month with information about their current price."
Interactive Widgets
You can also create widgets that include user input and logic! These "Interactive Widgets" allow your visitors to perform calculations or conversions directly within the widget.
Example Prompt for Interactive Tool
"Make a javascript widget where the user can input inches and it automatically gets converted to centimeters."
Important: If your widget is purely interactive (like a calculator) and doesn't rely on external data that needs updating, set the Refresh Frequency to "Never". This saves your monthly refresh credits!
3 Visual Presentation
Choose how your widget looks. We offer various professional templates tailored for different types of content.
Market Tracker
Perfect for stock prices, crypto values, or any data with a "Live Quote" feel. It highlights numbers and percentage changes.
Stats Spotlight
Great for displaying specific metrics, like sports player stats, individual company performance, or weather data.
Data Dashboard
Designed for multiple data points. Ideal for network hashrates, sentiment scores, or a collection of related metrics.
Chameleon Mode
Enable this to let the widget automatically adjust its colors to match your website's theme for a seamless look.
4 Common Questions
Can I change the prompt after creating the widget?
Yes! You can edit your widget at any time from your dashboard. Changes take effect immediately for all embedded instances.
What happens if I hit my refresh limit?
The widget will display a friendly message to users indicating it has reached its limit for the period. You can upgrade your plan to increase these limits.