Skip to content
Recaply.
Sign inSubmit a tool

LearnTutorials

Google AI StudioTutorialsOpen Google AI Studio

Build an email campaign app with Google AI Studio

Build an email campaign generator in Google AI Studio with no code. It writes subject lines and copy and makes banners with Nano Banana, in 20 minutes.

By Recaply EditorsIntermediate19 min5 stepsUpdated

A hand presses a round button on a small box as two blank sheets of paper slide out of its sides

What you need

  1. Step 1: Draft a short product brief

    3 min

    A short brief tells the builder exactly what to make, so the first version lands closer to what you want.

    1. Go to aistudio.google.com and sign in with your Google account.
    2. Open the Playground and pick a Flash model, such as Gemini 3.8 Flash.
    3. Paste the prompt below and send it. Copy the brief Gemini writes.
    Your prompt
    Write a product brief for a simple email campaign generator web app. The user types a product or offer. The app returns 3 subject lines, a short HTML email body and 3 banner images. It also has a chat panel for edits. List the key features and the user flow as bullets, under 120 words.

    You should see a bulleted brief of about 100 words, with the features and the user flow.

    The brief adds features you don't need?

    Ask Gemini to keep only the 4 features in the prompt. A smaller brief builds faster and breaks less.

  2. Step 2: Describe the app in Build mode

    4 min

    Build mode turns your brief into a working web app, and AI Chips add Gemini features such as images to it.

    1. Go to aistudio.google.com/apps. This is Build mode.
    2. Paste the prompt below, with your brief in place of [YOUR BRIEF].
    3. Select AI Chips and add the image generation chip, so the app can make banners.
    4. Send the prompt and wait while Gemini writes the code.
    Your prompt
    Build an email campaign generator from this brief: [YOUR BRIEF]. Generate the 3 banners with Nano Banana. Add a chat panel where I can ask for copy edits and new images. Keep the layout clean, with one input field and clear results.

    You should see files appearing as Gemini writes them, then a live preview of your app on the right.

    Gemini built only part of the brief?

    Ask for each missing part in the chat panel, one at a time, such as "Add the chat panel for copy edits".

  3. Step 3: Add a paid key and test the app

    4 min

    The first real run shows whether every part works, and the banners only appear with a paid key.

    1. Click the settings cog. Under Usage, click You're currently using free tier requests and select your paid API key.
    2. In the preview, type an offer such as "Holiday gadget sale, 20% off headphones" and run it.
    3. Check the results: 3 subject lines, an email body and 3 banners.

    You should see 3 subject lines, a formatted email body and 3 banner images in the preview.

    The banners don't appear, or you see an error?

    Check that a paid key is picked under Usage, since image models have no free tier. Then paste the error into the chat and ask Gemini to fix it.

    AI Studio keeps the key as a server-side secret, GEMINI_API_KEY, in the Secrets panel. It never goes into the app's code, so keep it out of anything you share.

  4. Step 4: Refine the copy and the layout

    4 min

    Small, specific requests change one thing at a time, so nothing you liked gets lost.

    1. In your app's own chat panel, ask for copy changes, such as "Make the subject lines more urgent".
    2. To change the app itself, use AI Studio's chat, such as "Add a Copy button under the email body".
    3. To remove clutter, click the Edit tool, select Annotate and circle what you don't want.
    4. Type "Remove all circled elements" in the prompt box and submit it.

    You should see the same app with sharper subject lines and a cleaner layout in the preview.

    A change broke something that worked before?

    Describe what broke and what it did before, in one message, and ask Gemini to fix only that. The Code tab shows the files it changed.

  5. Step 5: Share or publish the app

    4 min

    Sharing gives teammates a private link to test, and publishing puts the app on a live web address.

    1. To share privately, click Share at the top right and add your teammates' email addresses.
    2. To publish, click Publish at the top right. If asked, click Get started, confirm your project and click Continue.
    3. Expand Free .ai.studio URL and type a name, or keep the one AI Studio suggests. Click Continue with free URL if shown, then Publish your app.
    4. Open the link AI Studio gives you and run one campaign to check it.

    You should see your campaign generator running at its own web address, outside AI Studio.

    Publish asks for a billing account?

    The free Starter Tier isn't open to Google Workspace accounts, or to accounts that have had paid Cloud billing. Link a Cloud project with billing on, or share the app instead.

    Runs by people you share with count toward your usage, and their banners are billed to your key. The Starter Tier holds up to 2 published apps.

You get

A working email campaign app that writes subject lines and copy and makes banners, with a link your team can use

Try next

Use Gemma 4 for free with Google AI Studio5 steps · 16 minClone your voice with Gemini 3.8 Flash TTS5 steps · 10 minSummarize new RSS articles with Gemini in Zapier6 steps · 23 min

Did this guide work for you?

Sources

0 of 5Next: Draft a short product brief