{"id":24601,"date":"2026-03-19T14:05:25","date_gmt":"2026-03-19T14:05:25","guid":{"rendered":"https:\/\/newblog.siteground.com\/en\/?p=24601"},"modified":"2026-03-23T08:29:44","modified_gmt":"2026-03-23T08:29:44","slug":"visual-edit-ai-image-generation-coderick-ai","status":"publish","type":"post","link":"https:\/\/www.siteground.com\/blog\/visual-edit-ai-image-generation-coderick-ai\/","title":{"rendered":"Visual Edit and AI image generation are now live in Coderick AI"},"content":{"rendered":"\n<p>If you&#8217;ve been building with <a href=\"https:\/\/www.siteground.com\/coderick-ai\" target=\"_blank\" rel=\"noreferrer noopener\">Coderick AI<\/a>, you know the drill: describe what you want, and Coderick AI builds it for you. It&#8217;s fast, it&#8217;s intuitive, and it works. But once your project starts taking shape, not every change needs a full prompt. Sometimes you just want to fix a typo, swap out an image, or adjust a button color \u2013 and you want to do it now, not through another round of back-and-forth with the AI.<\/p>\n\n\n\n<p>That&#8217;s exactly why we built Visual Edit in Coderick AI.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-click-change-done-that-s-visual-edit\"><span class=\"ez-toc-section\" id=\"click-change-done-%e2%80%93-thats-visual-edit\"><\/span><strong>Click, change, done \u2013 that&#8217;s Visual Edit<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"338\" src=\"https:\/\/newblog.siteground.com\/en\/wp-content\/uploads\/sites\/2\/2026\/03\/1-600x388-1.gif\" alt=\"Visual Edit mode button in Coderick AI for editing directly in the project preview.\" class=\"wp-image-24625\" \/><\/figure>\n\n\n\n<p>Visual Edit is a new way to make changes to your Coderick AI projects \u2013 directly in the preview, with a click. Instead of going to chat and writing a new prompt every time you want to tweak something small, you can now click on any text, button, image, link, or section and change it on the spot.<\/p>\n\n\n\n<p>Update a headline. Fix a typo. Change a button label. Swap a link. Adjust a color. All of it happens right where you see it, with no prompt needed \u2013 and zero credits used.<\/p>\n\n\n\n<p>It&#8217;s the kind of editing that feels obvious once you have it \u2013 and frustrating to live without once you&#8217;ve tried it.&nbsp;&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-generate-images-with-ai-right-where-you-need-them\"><span class=\"ez-toc-section\" id=\"generate-images-with-ai-right-where-you-need-them\"><\/span><strong>Generate images with AI, right where you need them<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"338\" src=\"https:\/\/newblog.siteground.com\/en\/wp-content\/uploads\/sites\/2\/2026\/03\/2-600x388-1.gif\" alt=\"Coderick AI image menu in Visual Edit with options to upload an image or generate an AI image and swap it in place.\" class=\"wp-image-24626\" \/><\/figure>\n\n\n\n<p>Building a project usually means you&#8217;ll need images \u2013 and until now, that meant leaving Coderick AI, finding or creating an image somewhere else, and uploading it back. With AI image generation in Coderick AI, you can now click on any image in your project, generate a new one with AI, and swap it in on the spot. Review it in context and move on \u2013 no extra tools, no context-switching, no manual uploads.<\/p>\n\n\n\n<p>And if you already have the right image for the spot, upload and replace it directly. This action doesn&#8217;t need AI and costs you zero credits.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-transform-sections-or-update-elements-at-scale-with-focused-ai-edits\"><span class=\"ez-toc-section\" id=\"transform-sections-or-update-elements-at-scale-with-focused-ai-edits\"><\/span><strong>Transform sections or update elements at scale with focused AI edits<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"435\" src=\"https:\/\/static-blog.siteground.com\/wp-content\/uploads\/sites\/2\/2026\/03\/image-2-1024x435.jpeg\" alt=\"Edit with AI in Visual Edit: selecting a section and prompting Coderick AI to rework only the chosen element in the preview.\" class=\"wp-image-24604\" \/><\/figure>\n\n\n\n<p>Some changes go beyond a quick text swap but don&#8217;t need a full project prompt either. Maybe your pricing section needs a completely different layout. Or the navigation bar of your site needs a different design direction. These aren&#8217;t small tweaks, but they&#8217;re not &#8220;build me a new page&#8221; territory either.<\/p>\n\n\n\n<p>That&#8217;s what focused AI edits in the Visual Edit are for. From Visual Edit, select a section or an element, and click Edit with AI. The Coderick AI chat locks onto your selected element &#8211; describe what you want changed, and the AI reworks just that part. The rest of your project stays exactly as it is.<\/p>\n\n\n\n<p>The difference from the main Coderick AI chat is simple: the chat is for full-project work like adding new pages or making structural changes. Focused AI edits are for when you already know what needs to change and you just need the AI to do it, precisely, in that one spot or section. Shorter prompts, no unintended side effects, better results.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-save-credits-for-the-work-that-matters\"><span class=\"ez-toc-section\" id=\"save-credits-for-the-work-that-matters\"><\/span><strong>Save credits for the work that matters<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Not every edit needs AI, and now, not every edit costs credits. Quick edits through Visual Edit use zero credits. Your balance stays untouched for the work that actually needs AI \u2013 generating new sections, reworking layouts, or creating images. And when you do use Edit with AI, it targets only the section you select, so you get more precise results with fewer credits per edit.<\/p>\n\n\n\n<p>Here&#8217;s how credits work:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><strong>What you&#8217;re doing<\/strong><\/td><td><strong>How<\/strong><\/td><td><strong>Credits<\/strong><\/td><\/tr><tr><td><br>Edit text, buttons, links, colors<\/td><td>Visual Edit (direct click)<\/td><td>Zero<\/td><\/tr><tr><td>Swap or upload your own images<\/td><td>Visual Edit (direct click)<\/td><td>Zero<\/td><\/tr><tr><td>Generate an image with AI<\/td><td>AI image generation<\/td><td>Uses credits<\/td><\/tr><tr><td>Rework a specific section<\/td><td>Edit with AI<\/td><td>Uses credits (section-level, not full project)<\/td><\/tr><tr><td>Build something new from scratch<\/td><td>Chat prompt<br><\/td><td>Uses credits<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-how-to-use-visual-edit\"><span class=\"ez-toc-section\" id=\"how-to-use-visual-edit\"><\/span><strong>How to use Visual Edit?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Getting started takes seconds:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Open any project<\/strong> in Coderick AI.<\/li>\n\n\n\n<li><strong>Click the Visual Edit button<\/strong> to switch from the chat-based builder to the visual editor (preview editing).<\/li>\n\n\n\n<li><strong>Click on any element<\/strong> in your project preview \u2013 text, buttons, images, links \u2013 and edit it directly.<\/li>\n\n\n\n<li><strong>To generate an image<\/strong>, click on an existing image and use the AI image generation option.<\/li>\n\n\n\n<li><strong>For bigger changes<\/strong>, select a section and choose Edit with AI to rework it with a targeted prompt.<\/li>\n<\/ol>\n\n\n\n<p>When you&#8217;re done, click Save to keep your changes, or Exit to discard them.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-ready-to-try-it\"><span class=\"ez-toc-section\" id=\"ready-to-try-it\"><\/span><strong>Ready to try it?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Coderick AI was built to get your <a href=\"https:\/\/www.siteground.com\/academy\/what-is-vibe-coding\/\" target=\"_blank\" rel=\"noreferrer noopener\">vibe coding<\/a> from idea to live project as fast as possible. But speed isn&#8217;t just about the first build \u2013 it&#8217;s about everything that comes after. The tweaks, the refinements, the &#8220;can you just change that one thing&#8221; moments that add up.<\/p>\n\n\n\n<p>Visual Edit makes those moments faster and cheaper. Quick edits cost zero credits. Bigger changes are more targeted. And AI image generation means one less reason to leave your project or your workflow.<\/p>\n\n\n\n<p>Visual Edit and AI image generation are now available in all Coderick AI projects. Open a project, switch to Visual Edit, and see how it feels to click, change, and keep building.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.siteground.com\/coderick-ai\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>START BUILDING WITH CODERICK AI \u2192<\/strong><\/a><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"If you've been building with Coderick AI, you know the drill: describe what you want, and Coderick AI builds it for you. It's fast, it's intuitive, and it works. But once your project starts taking shape, not every change needs a full prompt. Sometimes you just want to fix a typo, swap out an image,&hellip;","protected":false},"author":154,"featured_media":24611,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2018],"tags":[2095],"class_list":["post-24601","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-product-updates","tag-user-area-display"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.2 (Yoast SEO v24.2) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Visual Edit in Coderick AI: Click-to-Edit + AI Image Generation<\/title>\n<meta name=\"description\" content=\"Edit your Coderick AI project in the preview \u2013 no prompts, zero credits. Generate AI images in place or rework sections with Edit with AI.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/newblog.siteground.com\/en\/visual-edit-ai-image-generation-coderick-ai\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Visual Edit and AI image generation are now live in Coderick AI\" \/>\n<meta property=\"og:description\" content=\"If you&#039;ve been building with Coderick AI, you know the drill: describe what you want, and Coderick AI builds it for you. It&#039;s fast, it&#039;s intuitive, and it\" \/>\n<meta property=\"og:url\" content=\"https:\/\/newblog.siteground.com\/en\/visual-edit-ai-image-generation-coderick-ai\/\" \/>\n<meta property=\"og:site_name\" content=\"SiteGround\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/siteground\" \/>\n<meta property=\"article:published_time\" content=\"2026-03-19T14:05:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-23T08:29:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/newblog.siteground.com\/en\/wp-content\/uploads\/sites\/2\/2026\/03\/header_en.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Dimitar Ganev\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@siteground\" \/>\n<meta name=\"twitter:site\" content=\"@siteground\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Dimitar Ganev\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/newblog.siteground.com\/en\/visual-edit-ai-image-generation-coderick-ai\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/newblog.siteground.com\/en\/visual-edit-ai-image-generation-coderick-ai\/\"},\"author\":{\"name\":\"Dimitar Ganev\",\"@id\":\"https:\/\/newblog.siteground.com\/en\/#\/schema\/person\/10f80cac101f23de75f50158aa0478d9\"},\"headline\":\"Visual Edit and AI image generation are now live in Coderick AI\",\"datePublished\":\"2026-03-19T14:05:25+00:00\",\"dateModified\":\"2026-03-23T08:29:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/newblog.siteground.com\/en\/visual-edit-ai-image-generation-coderick-ai\/\"},\"wordCount\":856,\"commentCount\":5,\"publisher\":{\"@id\":\"https:\/\/newblog.siteground.com\/en\/#organization\"},\"image\":{\"@id\":\"https:\/\/newblog.siteground.com\/en\/visual-edit-ai-image-generation-coderick-ai\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/newblog.siteground.com\/en\/wp-content\/uploads\/sites\/2\/2026\/03\/header_en.jpg\",\"keywords\":[\"user-area-display\"],\"articleSection\":[\"Product Updates\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/newblog.siteground.com\/en\/visual-edit-ai-image-generation-coderick-ai\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/newblog.siteground.com\/en\/visual-edit-ai-image-generation-coderick-ai\/\",\"url\":\"https:\/\/newblog.siteground.com\/en\/visual-edit-ai-image-generation-coderick-ai\/\",\"name\":\"Visual Edit in Coderick AI: Click-to-Edit + AI Image Generation\",\"isPartOf\":{\"@id\":\"https:\/\/newblog.siteground.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/newblog.siteground.com\/en\/visual-edit-ai-image-generation-coderick-ai\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/newblog.siteground.com\/en\/visual-edit-ai-image-generation-coderick-ai\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/newblog.siteground.com\/en\/wp-content\/uploads\/sites\/2\/2026\/03\/header_en.jpg\",\"datePublished\":\"2026-03-19T14:05:25+00:00\",\"dateModified\":\"2026-03-23T08:29:44+00:00\",\"description\":\"Edit your Coderick AI project in the preview \u2013 no prompts, zero credits. Generate AI images in place or rework sections with Edit with AI.\",\"breadcrumb\":{\"@id\":\"https:\/\/newblog.siteground.com\/en\/visual-edit-ai-image-generation-coderick-ai\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/newblog.siteground.com\/en\/visual-edit-ai-image-generation-coderick-ai\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/newblog.siteground.com\/en\/visual-edit-ai-image-generation-coderick-ai\/#primaryimage\",\"url\":\"https:\/\/newblog.siteground.com\/en\/wp-content\/uploads\/sites\/2\/2026\/03\/header_en.jpg\",\"contentUrl\":\"https:\/\/newblog.siteground.com\/en\/wp-content\/uploads\/sites\/2\/2026\/03\/header_en.jpg\",\"width\":1200,\"height\":600,\"caption\":\"Coderick AI Visual Edit preview showing click-to-edit text, link settings, and image options to upload or generate an AI image.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/newblog.siteground.com\/en\/visual-edit-ai-image-generation-coderick-ai\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/newblog.siteground.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Visual Edit and AI image generation are now live in Coderick AI\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/newblog.siteground.com\/en\/#website\",\"url\":\"https:\/\/newblog.siteground.com\/en\/\",\"name\":\"SiteGround Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/newblog.siteground.com\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/newblog.siteground.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/newblog.siteground.com\/en\/#organization\",\"name\":\"SiteGround Blog\",\"url\":\"https:\/\/newblog.siteground.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/newblog.siteground.com\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/newblog.siteground.com\/en\/wp-content\/uploads\/sites\/2\/2025\/01\/Siteground-Logo-on-white.jpg\",\"contentUrl\":\"https:\/\/newblog.siteground.com\/en\/wp-content\/uploads\/sites\/2\/2025\/01\/Siteground-Logo-on-white.jpg\",\"width\":1200,\"height\":400,\"caption\":\"SiteGround Blog\"},\"image\":{\"@id\":\"https:\/\/newblog.siteground.com\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/siteground\",\"https:\/\/x.com\/siteground\",\"https:\/\/www.instagram.com\/siteground\/\",\"https:\/\/www.youtube.com\/@siteground\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/newblog.siteground.com\/en\/#\/schema\/person\/10f80cac101f23de75f50158aa0478d9\",\"name\":\"Dimitar Ganev\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/newblog.siteground.com\/en\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/74d406d49e9c9c17d275100471923b5f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/74d406d49e9c9c17d275100471923b5f?s=96&d=mm&r=g\",\"caption\":\"Dimitar Ganev\"},\"description\":\"Dimitar specializes in SiteGround's AI product lineup, covering AI Studio and Coderick AI. His work focuses on turning complex AI capabilities into practical guidance for small business owners, whether they're creating marketing campaigns or launching web apps from scratch. Before moving into content marketing, he worked as a journalist in the City of London, and he's studied philosophy in Vienna, London, Edinburgh and Bratislava. He's also a published poet with two books, which probably explains why he cares so much about getting the wording right. Outside of work, he's usually reading, visiting art exhibitions, travelling, or pretending he's getting better at guitar.\",\"knowsLanguage\":[\"English\"],\"jobTitle\":\"Content Marketing Manager for AI Products\",\"worksFor\":\"SiteGround\",\"url\":\"https:\/\/newblog.siteground.com\/en\/author\/dimitarganev\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Visual Edit in Coderick AI: Click-to-Edit + AI Image Generation","description":"Edit your Coderick AI project in the preview \u2013 no prompts, zero credits. Generate AI images in place or rework sections with Edit with AI.","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:\/\/newblog.siteground.com\/en\/visual-edit-ai-image-generation-coderick-ai\/","og_locale":"en_US","og_type":"article","og_title":"Visual Edit and AI image generation are now live in Coderick AI","og_description":"If you've been building with Coderick AI, you know the drill: describe what you want, and Coderick AI builds it for you. It's fast, it's intuitive, and it","og_url":"https:\/\/newblog.siteground.com\/en\/visual-edit-ai-image-generation-coderick-ai\/","og_site_name":"SiteGround","article_publisher":"https:\/\/www.facebook.com\/siteground","article_published_time":"2026-03-19T14:05:25+00:00","article_modified_time":"2026-03-23T08:29:44+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/newblog.siteground.com\/en\/wp-content\/uploads\/sites\/2\/2026\/03\/header_en.jpg","type":"image\/jpeg"}],"author":"Dimitar Ganev","twitter_card":"summary_large_image","twitter_creator":"@siteground","twitter_site":"@siteground","twitter_misc":{"Written by":"Dimitar Ganev","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/newblog.siteground.com\/en\/visual-edit-ai-image-generation-coderick-ai\/#article","isPartOf":{"@id":"https:\/\/newblog.siteground.com\/en\/visual-edit-ai-image-generation-coderick-ai\/"},"author":{"name":"Dimitar Ganev","@id":"https:\/\/newblog.siteground.com\/en\/#\/schema\/person\/10f80cac101f23de75f50158aa0478d9"},"headline":"Visual Edit and AI image generation are now live in Coderick AI","datePublished":"2026-03-19T14:05:25+00:00","dateModified":"2026-03-23T08:29:44+00:00","mainEntityOfPage":{"@id":"https:\/\/newblog.siteground.com\/en\/visual-edit-ai-image-generation-coderick-ai\/"},"wordCount":856,"commentCount":5,"publisher":{"@id":"https:\/\/newblog.siteground.com\/en\/#organization"},"image":{"@id":"https:\/\/newblog.siteground.com\/en\/visual-edit-ai-image-generation-coderick-ai\/#primaryimage"},"thumbnailUrl":"https:\/\/newblog.siteground.com\/en\/wp-content\/uploads\/sites\/2\/2026\/03\/header_en.jpg","keywords":["user-area-display"],"articleSection":["Product Updates"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/newblog.siteground.com\/en\/visual-edit-ai-image-generation-coderick-ai\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/newblog.siteground.com\/en\/visual-edit-ai-image-generation-coderick-ai\/","url":"https:\/\/newblog.siteground.com\/en\/visual-edit-ai-image-generation-coderick-ai\/","name":"Visual Edit in Coderick AI: Click-to-Edit + AI Image Generation","isPartOf":{"@id":"https:\/\/newblog.siteground.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/newblog.siteground.com\/en\/visual-edit-ai-image-generation-coderick-ai\/#primaryimage"},"image":{"@id":"https:\/\/newblog.siteground.com\/en\/visual-edit-ai-image-generation-coderick-ai\/#primaryimage"},"thumbnailUrl":"https:\/\/newblog.siteground.com\/en\/wp-content\/uploads\/sites\/2\/2026\/03\/header_en.jpg","datePublished":"2026-03-19T14:05:25+00:00","dateModified":"2026-03-23T08:29:44+00:00","description":"Edit your Coderick AI project in the preview \u2013 no prompts, zero credits. Generate AI images in place or rework sections with Edit with AI.","breadcrumb":{"@id":"https:\/\/newblog.siteground.com\/en\/visual-edit-ai-image-generation-coderick-ai\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/newblog.siteground.com\/en\/visual-edit-ai-image-generation-coderick-ai\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/newblog.siteground.com\/en\/visual-edit-ai-image-generation-coderick-ai\/#primaryimage","url":"https:\/\/newblog.siteground.com\/en\/wp-content\/uploads\/sites\/2\/2026\/03\/header_en.jpg","contentUrl":"https:\/\/newblog.siteground.com\/en\/wp-content\/uploads\/sites\/2\/2026\/03\/header_en.jpg","width":1200,"height":600,"caption":"Coderick AI Visual Edit preview showing click-to-edit text, link settings, and image options to upload or generate an AI image."},{"@type":"BreadcrumbList","@id":"https:\/\/newblog.siteground.com\/en\/visual-edit-ai-image-generation-coderick-ai\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/newblog.siteground.com\/en\/"},{"@type":"ListItem","position":2,"name":"Visual Edit and AI image generation are now live in Coderick AI"}]},{"@type":"WebSite","@id":"https:\/\/newblog.siteground.com\/en\/#website","url":"https:\/\/newblog.siteground.com\/en\/","name":"SiteGround Blog","description":"","publisher":{"@id":"https:\/\/newblog.siteground.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/newblog.siteground.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/newblog.siteground.com\/en\/#organization","name":"SiteGround Blog","url":"https:\/\/newblog.siteground.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/newblog.siteground.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/newblog.siteground.com\/en\/wp-content\/uploads\/sites\/2\/2025\/01\/Siteground-Logo-on-white.jpg","contentUrl":"https:\/\/newblog.siteground.com\/en\/wp-content\/uploads\/sites\/2\/2025\/01\/Siteground-Logo-on-white.jpg","width":1200,"height":400,"caption":"SiteGround Blog"},"image":{"@id":"https:\/\/newblog.siteground.com\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/siteground","https:\/\/x.com\/siteground","https:\/\/www.instagram.com\/siteground\/","https:\/\/www.youtube.com\/@siteground"]},{"@type":"Person","@id":"https:\/\/newblog.siteground.com\/en\/#\/schema\/person\/10f80cac101f23de75f50158aa0478d9","name":"Dimitar Ganev","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/newblog.siteground.com\/en\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/74d406d49e9c9c17d275100471923b5f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/74d406d49e9c9c17d275100471923b5f?s=96&d=mm&r=g","caption":"Dimitar Ganev"},"description":"Dimitar specializes in SiteGround's AI product lineup, covering AI Studio and Coderick AI. His work focuses on turning complex AI capabilities into practical guidance for small business owners, whether they're creating marketing campaigns or launching web apps from scratch. Before moving into content marketing, he worked as a journalist in the City of London, and he's studied philosophy in Vienna, London, Edinburgh and Bratislava. He's also a published poet with two books, which probably explains why he cares so much about getting the wording right. Outside of work, he's usually reading, visiting art exhibitions, travelling, or pretending he's getting better at guitar.","knowsLanguage":["English"],"jobTitle":"Content Marketing Manager for AI Products","worksFor":"SiteGround","url":"https:\/\/newblog.siteground.com\/en\/author\/dimitarganev\/"}]}},"_links":{"self":[{"href":"https:\/\/newblog.siteground.com\/en\/wp-json\/wp\/v2\/posts\/24601","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/newblog.siteground.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/newblog.siteground.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/newblog.siteground.com\/en\/wp-json\/wp\/v2\/users\/154"}],"replies":[{"embeddable":true,"href":"https:\/\/newblog.siteground.com\/en\/wp-json\/wp\/v2\/comments?post=24601"}],"version-history":[{"count":17,"href":"https:\/\/newblog.siteground.com\/en\/wp-json\/wp\/v2\/posts\/24601\/revisions"}],"predecessor-version":[{"id":24639,"href":"https:\/\/newblog.siteground.com\/en\/wp-json\/wp\/v2\/posts\/24601\/revisions\/24639"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/newblog.siteground.com\/en\/wp-json\/wp\/v2\/media\/24611"}],"wp:attachment":[{"href":"https:\/\/newblog.siteground.com\/en\/wp-json\/wp\/v2\/media?parent=24601"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/newblog.siteground.com\/en\/wp-json\/wp\/v2\/categories?post=24601"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/newblog.siteground.com\/en\/wp-json\/wp\/v2\/tags?post=24601"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}