Create your own
chat gpt with Divi
and a few lines of
JS code!!!

gdoai contains gdoai.json layout file, image files & free JS code.

1.

Install Divi theme v4+ by ElegantThemes  and activate it.

2.

A. Add a New Page

B. Import gdoai.json file.

C. Set ‘Blank Page’ the Template.

3.

A. Set as a Static Front Page your page.

4.

A. Visit openai.com website and create an account

B. Get your API key

C. Add it to JS code (see below image)

5.

A. Copy below css for the form design and past it to “additional css” of the divi(see below image)

#fgdoai { width:100%; margin:25px auto; border-radius:5px; padding:25px; background:#01012c; color:#fff; font-size:14px; box-shadow:0 0 8px #999; } input { padding:20px!important; border-radius:3px; border:1px solid #ccc; box-shadow:0 0 8px #ddd; margin-top:5px; width:100%; } input[type=”submit”] { background:#db0eb7; color:#fff;padding:20px;margin-bottom:10px; margin-top:30px; width:100%; font-weight:bold; font-size:14px; } input[type=”submit”]:hover { background:#666; cursor:pointer; }

#fgdoaimg { width:100%; margin:25px auto; border-radius:5px; padding:25px; background:#01012c; color:#fff; font-size:14px; box-shadow:0 0 8px #999; } input { padding:20px!important; border-radius:3px; border:1px solid #ccc; box-shadow:0 0 8px #ddd; margin-top:5px; width:100%; } input[type=”submit”] { background:#db0eb7; color:#fff;padding:20px;margin-bottom:10px; margin-top:30px; width:100%; font-weight:bold; font-size:14px; } input[type=”submit”]:hover { background:#666; cursor:pointer; }