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.
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; }