{"id":70028,"date":"2023-02-02T10:00:00","date_gmt":"2023-02-02T15:00:00","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/blog\/?p=70028"},"modified":"2023-04-03T10:32:55","modified_gmt":"2023-04-03T14:32:55","slug":"tips-for-building-a-website-with-chatgpt","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/blog\/tips-for-building-a-website-with-chatgpt\/","title":{"rendered":"Tips For Building a Website With ChatGPT"},"content":{"rendered":"\n<p>\nThe whole world has been talking about ChatGPT.  You can\u2019t visit YouTube or social media without seeing someone talking about what they asked the AI chatbot today.  So here at InMotion Hosting, we\u2019ve been putting this handy little bot through its paces, and the results have been interesting.\n<\/p>\n\n\n\n<p> We asked, &#8220;Can you use ChatGPT to help build a website?&#8221;  And we got some answers. <\/p>\n\n\n\n<p>\nBelow you\u2019ll find a few tips to keep in mind if you want to use ChatGPT to build your new website.  Remember, this project is brand new, and improvements and updates are being rolled out consistently.  Also, while the tool is free to try today, it may switch to a paid model some time in the future.\n<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#limited-knowledge-of-present-time\">Limited Knowledge of Present Time<\/a><\/li>\n\n\n\n<li><a href=\"#don-t-expect-perfection\">Just Ask, But Don\u2019t Expect Perfection<\/a><\/li>\n\n\n\n<li><a href=\"#try-to-keep-your-code-modular\">Try To Keep Your Code Modular<\/a><\/li>\n\n\n\n<li><a href=\"#think-of-your-output-as-advice\">Think Of Your Output As Advice<\/a><\/li>\n\n\n\n<li><a href=\"#expect-delays\">Expect Delays<\/a><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2023\/01\/snap_039-1024x683.png\" alt=\"\" class=\"wp-image-70102\" srcset=\"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2023\/01\/snap_039-1024x683.png 1024w, https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2023\/01\/snap_039-300x200.png 300w, https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2023\/01\/snap_039-768x512.png 768w, https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2023\/01\/snap_039.png 1125w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p> If you don\u2019t have an account to try out the AI, you can go the <a href=\"https:\/\/chat.openai.com\/\">OpenAI website<\/a> to get started.  From there, you will be prompted to start chatting with the bot. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"limited-knowledge-of-present-time\">Limited Knowledge of Present Time<\/h2>\n\n\n\n<p>\nAs the main chat page says, the AI has a \u201cLimited knowledge of the world and events after 2021.\u201d  So it will not be able to tell you the weather forecast, or make a prediction about any present or future event.\n<\/p>\n\n\n\n<p>\nFor example, the question, \u201cWhat\u2019s in the new version of WordPress?\u201d will not provide any usable results.\n<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"don-t-expect-perfection\">Just Ask, But Don\u2019t Expect Perfection<\/h2>\n\n\n\n<p> Some of the output you will get from ChatGPT is surprisingly good, but much of it will require some tweaking.  Remember, it\u2019s a piece of software, not magic.  The AI is still new, and will improve over the years.  For now, take each output with a grain of salt and don\u2019t expect miracles. <\/p>\n\n\n\n<p>If you use the chatbot to generate code for your site, you have no guarantee that the code will function as intended. Rigorous testing is still a requirement.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"try-to-keep-your-code-modular\">Try To Keep Your Code Modular<\/h2>\n\n\n\n<p>\nThe ChatGPT output will stop itself if it grows too large.  So don\u2019t ask the AI for an entire app.\n<\/p>\n\n\n\n<p>\nFor example, if you\u2019re building a WordPress theme, you could ask for a code sample for a widget area, and it will provide this quite easily.  You could also ask for the code to generate a comment section.\n<\/p>\n\n\n\n<p> Also, the code output will be generic. Function definition will be given arbitrary names based on your input. It&#8217;s best to be as specific as possible and customize your code samples to meet your needs.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"a-real-world-example\">A Real-World Example<\/h3>\n\n\n\n<p>\nI asked the AI to help me write a WordPress plugin that could identify aging posts that might be in need of an update.  This would help a blogger check if an older post should be updated or modified to reflect new information.\n<\/p>\n\n\n\n<p>\nThe plugin would go through posts in the database, sort them by the last modified date, and also count how many days it\u2019s been.  Then it would aggregate all this information into a table displayed in a metabox in the admin area.\n<\/p>\n\n\n\n<p>\nThe output worked, but not as expected.  When I wanted to add some custom CSS, the AI couldn\u2019t figure out exactly where I wanted it.  This could be a limitation of the program, or my failure to describe exactly what I wanted.\n<\/p>\n\n\n\n<p>\nNevertheless, I tweaked the code output myself to get the desired effect.\n<\/p>\n\n\n\n<p> Voila, I now have a metabox in the Dashboard displaying  table of old posts I should go back and update: <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"497\" height=\"266\" src=\"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot_2023-01-11_11-48-43.png\" alt=\"Custom WordPress plugin made with AI assistance.\" class=\"wp-image-70104\" srcset=\"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot_2023-01-11_11-48-43.png 497w, https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot_2023-01-11_11-48-43-300x161.png 300w\" sizes=\"auto, (max-width: 497px) 100vw, 497px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"think-of-your-output-as-advice\">Think Of Your Output As Advice<\/h2>\n\n\n\n<p>\nAt the moment, ChatGPT is a free research tool.  It\u2019s no replacement for a live developer, unless you are prepared to do a lot of work yourself.\n<\/p>\n\n\n\n<p>\nFor now, it\u2019s best to think of the output you get as advice to see <i>how<\/i> something can be done.\n<\/p>\n\n\n\n<p>\nFor instance, you can ask for a basic code snippet and get an \u201cexample\u201d of how your desired result can be achieved. \n<\/p>\n\n\n\n<p>\nBut if you want something more specific, customized, and unique, you may need to continue to iterate on your new code independently or hire a developer to take the project to the finish line.\n<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"expect-delays\">Expect Delays<\/h2>\n\n\n\n<p> ChatGPT is a highly popular tool, available to the public for free at the moment.  So it tends to go down quite frequently throughout the day due to high volume.  So while you may get accustomed to this handy code dispensary, you might still need to do the bulk of your work independently.<\/p>\n\n\n\n<p>If you have a WordPress site, we recommend continuing to our guide on <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/generate-posts-with-ai\/\">How to Automatically Generate WordPress Posts With ChatGPT<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The whole world has been talking about ChatGPT. You can\u2019t visit YouTube or social media without seeing someone talking about what they asked the AI chatbot today. So here at InMotion Hosting, we\u2019ve been putting this handy little bot through its paces, and the results have been interesting. We asked, &#8220;Can you use ChatGPT to<a class=\"moretag\" href=\"https:\/\/www.inmotionhosting.com\/blog\/tips-for-building-a-website-with-chatgpt\/\"> Read More ><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[5],"tags":[],"class_list":["post-70028","post","type-post","status-publish","format-standard","hentry","category-cool-tools"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Tips For Building a Website With ChatGPT | InMotion Hosting<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.inmotionhosting.com\/blog\/tips-for-building-a-website-with-chatgpt\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tips For Building a Website With ChatGPT | InMotion Hosting\" \/>\n<meta property=\"og:description\" content=\"The whole world has been talking about ChatGPT. You can\u2019t visit YouTube or social media without seeing someone talking about what they asked the AI chatbot today. So here at InMotion Hosting, we\u2019ve been putting this handy little bot through its paces, and the results have been interesting. We asked, &#8220;Can you use ChatGPT to Read More &gt;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/blog\/tips-for-building-a-website-with-chatgpt\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\" \/>\n<meta property=\"article:published_time\" content=\"2023-02-02T15:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-03T14:32:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2023\/01\/snap_039-1024x683.png\" \/>\n<meta name=\"author\" content=\"InMotion Hosting\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@inmotionhosting\" \/>\n<meta name=\"twitter:site\" content=\"@inmotionhosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"InMotion Hosting\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tips For Building a Website With ChatGPT | InMotion Hosting","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.inmotionhosting.com\/blog\/tips-for-building-a-website-with-chatgpt\/","og_locale":"en_US","og_type":"article","og_title":"Tips For Building a Website With ChatGPT | InMotion Hosting","og_description":"The whole world has been talking about ChatGPT. You can\u2019t visit YouTube or social media without seeing someone talking about what they asked the AI chatbot today. So here at InMotion Hosting, we\u2019ve been putting this handy little bot through its paces, and the results have been interesting. We asked, &#8220;Can you use ChatGPT to Read More >","og_url":"https:\/\/www.inmotionhosting.com\/blog\/tips-for-building-a-website-with-chatgpt\/","og_site_name":"InMotion Hosting Blog","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting","article_published_time":"2023-02-02T15:00:00+00:00","article_modified_time":"2023-04-03T14:32:55+00:00","og_image":[{"url":"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2023\/01\/snap_039-1024x683.png","type":"","width":"","height":""}],"author":"InMotion Hosting","twitter_card":"summary_large_image","twitter_creator":"@inmotionhosting","twitter_site":"@inmotionhosting","twitter_misc":{"Written by":"InMotion Hosting","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"TechArticle","@id":"https:\/\/www.inmotionhosting.com\/blog\/tips-for-building-a-website-with-chatgpt\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/tips-for-building-a-website-with-chatgpt\/"},"author":{"name":"InMotion Hosting","@id":"https:\/\/www.inmotionhosting.com\/blog\/#\/schema\/person\/f21a89c83c7697a760c96cfe58e646bc"},"headline":"Tips For Building a Website With ChatGPT","datePublished":"2023-02-02T15:00:00+00:00","dateModified":"2023-04-03T14:32:55+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/tips-for-building-a-website-with-chatgpt\/"},"wordCount":796,"commentCount":0,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/tips-for-building-a-website-with-chatgpt\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2023\/01\/snap_039-1024x683.png","articleSection":["Cool Tools"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/blog\/tips-for-building-a-website-with-chatgpt\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/blog\/tips-for-building-a-website-with-chatgpt\/","url":"https:\/\/www.inmotionhosting.com\/blog\/tips-for-building-a-website-with-chatgpt\/","name":"Tips For Building a Website With ChatGPT | InMotion Hosting","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/tips-for-building-a-website-with-chatgpt\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/tips-for-building-a-website-with-chatgpt\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2023\/01\/snap_039-1024x683.png","datePublished":"2023-02-02T15:00:00+00:00","dateModified":"2023-04-03T14:32:55+00:00","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/tips-for-building-a-website-with-chatgpt\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/blog\/tips-for-building-a-website-with-chatgpt\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/blog\/tips-for-building-a-website-with-chatgpt\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2023\/01\/snap_039.png","contentUrl":"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2023\/01\/snap_039.png","width":1125,"height":750},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/blog\/tips-for-building-a-website-with-chatgpt\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Cool Tools","item":"https:\/\/www.inmotionhosting.com\/blog\/cool-tools\/"},{"@type":"ListItem","position":3,"name":"Tips For Building a Website With ChatGPT"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/blog\/#website","url":"https:\/\/www.inmotionhosting.com\/blog\/","name":"InMotion Hosting Blog","description":"Web Hosting Strategy, Trends and Security","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/blog\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2019\/11\/imh-logo-all-colors-big.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2019\/11\/imh-logo-all-colors-big.jpg","width":1630,"height":430,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting","https:\/\/x.com\/inmotionhosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/blog\/#\/schema\/person\/f21a89c83c7697a760c96cfe58e646bc","name":"InMotion Hosting","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/eb965eada0c0513dd2e1976b21fe270fa4f19ac273960fc080f9d46b81b353a4?s=96&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/eb965eada0c0513dd2e1976b21fe270fa4f19ac273960fc080f9d46b81b353a4?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/eb965eada0c0513dd2e1976b21fe270fa4f19ac273960fc080f9d46b81b353a4?s=96&r=g","caption":"InMotion Hosting"},"url":"https:\/\/www.inmotionhosting.com\/blog\/author\/imhmainadmin\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":{"id":5,"name":"Cool Tools","slug":"cool-tools","link":"https:\/\/www.inmotionhosting.com\/blog\/cool-tools\/"},"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/posts\/70028","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/comments?post=70028"}],"version-history":[{"count":2,"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/posts\/70028\/revisions"}],"predecessor-version":[{"id":70526,"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/posts\/70028\/revisions\/70526"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/media?parent=70028"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/categories?post=70028"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/tags?post=70028"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}