Embed ZSky AI on Your Website
Give your visitors the power of AI image generation. One line of code, zero cost, instant setup. Every generation drives traffic back to your site and ZSky AI.
Get the Embed Code ↓Why Embed ZSky AI?
Engage Your Visitors
Interactive AI tools increase time on page by 3-5x. Give visitors a reason to stay, explore, and return.
Completely Free
No API keys, no subscriptions, no usage limits on the widget itself. Embed it and forget it.
One Line of Code
Copy a single script tag. Works on WordPress, Squarespace, Wix, Shopify, and any HTML page.
How It Works
Copy the Code
Grab the one-line embed snippet below. Free signup or API key needed.
Paste Into Your Site
Add the script tag anywhere in your HTML. The widget appears instantly.
Visitors Create AI Art
Your visitors type prompts and get redirected to ZSky AI to see their generated images.
Live Demo
This is exactly what the widget looks like on your website. Try it out:
Get the Embed Code
Choose your preferred integration method. The script tag is recommended for most sites.
Script Tag (Recommended)
Paste this anywhere in your HTML. The widget renders inline wherever the script tag is placed.
<script src="https://zsky.ai/embed/widget.js"></script>
With Customization
<script src="https://zsky.ai/embed/widget.js"
data-theme="light"
data-width="100%"
data-height="500"
data-max-width="600"></script>
Direct iframe
<iframe
src="https://zsky.ai/embed/widget.html"
width="100%"
height="480"
style="border:none;border-radius:12px;max-width:600px;"
title="ZSky AI Image Generator"
loading="lazy"></iframe>
Customization Options
data-theme
"dark" or "light". Match your site design. Default: dark.
data-width
Widget width. "100%" for responsive or fixed pixels. Default: 100%.
data-height
Height in pixels. Default: "480". Auto-resizes to fit content.
data-max-width
Max width in pixels. Prevents stretching on wide screens. Default: "600".
Platform-Specific Instructions
WordPress
Add a Custom HTML block in the WordPress editor and paste the script tag. Works in both Classic and Gutenberg editors. No plugin required.
Squarespace
Add a Code block to any page section. Paste the script tag into the code editor. The widget will render in the preview and on your live site.
Wix
Use the Embed HTML element (Add > Embed > Custom Embeds > Embed a Widget). Paste the script tag and resize the element to fit.
Shopify
Edit your theme code and add the script tag to any template or section file. Alternatively, use the Custom Liquid section in the theme editor.
React / Next.js
Use the iframe method directly or load the script tag via useEffect. The widget communicates via postMessage for auto-resizing.
Frequently Asked Questions
Need Deeper Integration?
The embed widget is great for quick setup. For custom branding, higher limits, and programmatic control, use the ZSky AI API.
Explore the API →