Embeddable Widget

Add AI prompt shortcuts to your own website in seconds

How to Implement the Embed Code

Adding your custom AI widget to any website is a simple two-part process. You don't need to know how to code—just copy and paste.

Quick Instructions

  1. Go to the homepage and enter your target prompt.
  2. Click the Embed button to open the builder.
  3. Once you're happy with the preview, switch to the Embed Code tab.
  4. Click the Copy Code button to grab the entire snippet.
  5. Paste it into your website's template or CMS (like WordPress, Webflow, or Framer).

No API keys required. No complex backend setup. Just pure, shareable AI shortcuts.

Place the Placeholder

First, decide where you want the widget to appear on your page. Copy the <div> tag from the builder and paste it into your HTML exactly where the widget should load.

Add the Script

Second, you need to add the magic script that makes it work. Paste the <script> tag anywhere on your page, but we recommend placing it right before the closing </body> tag for the best performance.

Choose Your Display Mode

Whether you want a subtle corner trigger or a bold site-wide banner, we have the perfect layout for your website.

  • Fixed Banner
    • Perfect for landing pages where you want a persistent AI prompt. It remains visible as users scroll, driving maximum engagement.
  • Inline / Embedded
    • This mode embeds the widget directly within your HTML content flow. Ideal for "Ask AI about this article" sections at the end of posts.
  • Sticky Right
    • Floats in the bottom-right corner. It stays accessible as a helpful AI assistant without covering your primary content.
  • Sticky Left
    • Floats in the bottom-left corner. Great for sidebars or layouts where the primary focus is on the right side.

Style & Personality

Customize the look and feel to match your brand design language perfectly.

Pills vs Tiles

Choose Pills for a soft, approachable look with full rounding. Choose Tiles for a crisp, modern feel that aligns with grid-heavy dashboard designs.

Logos Only or Logos + Text

Use Logos Only for a clean, minimal row of shortcuts. Enable Labels to show provider names (e.g. "ChatGPT", "Claude") for better accessibility and clarity.

Custom Content & Settings

Take full control of what your users see. Update the Widget Title and Description to match your use case. Whether it's "Ask AI about this feature" or "Get a summary of this article," you can craft the perfect hook. You can even choose from variety of premium fonts like Google Sans, Inter, and Playfair Display to match your brand identity.

Rich Appearance Customization

Make the widget yours with advanced styling. Choose between Solid Colors or Modern Gradients. You can customize the background, text, and button colors individually. Toggle between Pill (rounded) and Tile (modern square) styles, and decide whether to show Logos Only for a minimal look or Logos + Text to drive higher engagement.

Flexible Display Modes

The widget adapts to any layout. Use Inline Mode to drop the widget directly into your blog posts or documentation. Use Fixed Banner to keep prompt shortcuts sticky at the top or bottom of the screen. Or use Sticky Corner modes for subtle, always-accessible AI triggers in the bottom left or right of your website.

Global AI Compatibility

Give your users the freedom to choose. Every widget allows one-click access to ChatGPT, Claude, Gemini, Perplexity, Grok, and more. You select which providers to feature, and we handle all the pre-filling and redirection logic automatically. It's the easiest way to add "AI Capabilities" to your site in seconds.

Start Building Your Widget

Go to the homepage, enter a prompt, and click "Embed" to open the visual widget builder.

Generate PromptURLs

Explore More

Before you dive in — Your prompts stay on your device. We use secure, anonymous analytics to improve the site. View Privacy Policy