New travel blog every Thursday!

How to build a no-code, AI copywriter with Bubble and GPT-3

Learn how to build an AI copywriter app like Copy.ai without writing code

Overview

In this tutorial, you'll learn how to build an AI content generator app like Copy.ai. By utilizing Bubble’s no-code platform and OpenAI’s GPT-3 API, we’ll create a single-page product description writer that allows a user to enter details about a product, press a button, and have it automatically generate high quality copy.

By completing this tutorial, you will have working AI content generator that you can use a foundation for your next startup. You’ll also have a foundational understanding of OpenAI’s GPT-3 and how to connect it to Bubble.

Accounts needed

Tutorial overview

Below are the steps we will cover:

  1. Build a simple form in Bubble
  2. Intro to OpenAI, prompt design, and API settings
  3. Set up API setup in Bubble
  4. Display OpenAI description response on page
  5. Split API response into a list of things
  6. Save descriptions to the database
  7. Display saved descriptions on page

Concepts covered

To complete this tutorial you will need a basic understanding of how to use Bubble.io. Below are the core concepts we cover:

  • Bubble API connector
  • Actions and workflows
  • Custom states
  • Repeating groups
  • Saving data to database