Creazy Tutorial Welcome! 😊 We're truly glad to have you here at Creazy. In this guide, we'll walk you through everything from creating a product detail page, editing in the studio, to using the newly added toolbar and drag-and-drop features. Follow along step by step, and anyone can easily create a product detail page! After Logging In Create New Design Here, a design refers to one product detail page. To create a product detail page, please click the Create New Design button. !SCR-20260226-kmoq.png After logging in, you'll see the dashboard screen shown above. Do you see the "Create New Design" button in the center? Click this button to start creating your product detail page right away. If you've created designs before, you can also view and edit them from this screen. !SCR-20260226-klww.png After clicking the button, you'll see the selection screen shown above. If you're starting for the first time, click the "Start from Scratch" button. You can create a completely new product detail page from the ground up. Entering Basic Project Information Product Name !SCR-20260226-kmfi.png The first step is to enter your product name. Please type the name of the product you're selling. For example, "Premium Wireless Earbuds" or "Handmade Strawberry Jam." This name will be used as the base information when the AI writes the detail page content, so it's best to enter the actual product name you'll be using for sales. Select Content Type !SCR-20260226-kmsy.png Next is the screen where you select your content type. For now, please select Product Detail Page. After selecting, click the Next button. In the future, more content types such as banners and thumbnails will be added, so stay tuned! Select Category !SCR-20260226-kmuq.png Now, please select the category that matches your product. It's important to choose the right category because: For each category, ✔ Design templates optimized for that product type ✔ Layout structures proven to work well on best-selling detail pages are pre-configured. For example, the Food category automatically applies appetite-stimulating layouts, while the Fashion category emphasizes outfit photos. Select the category closest to your product, and the AI will be able to create much better results for you. Writing the Plan This step is the core stage where you input the actual content for your detail page. You'll enter information like your product's features, benefits, usage instructions, and more—everything you want to communicate to your customers. !SCR-20260226-kmxv.png As shown above, fill in the content for each field. You can type it in yourself, or use the AI auto-write feature explained below for much greater convenience. Upload Photos !SCR-20260226-kncf.png Please upload your product photos. It's no exaggeration to say that the quality of a detail page is determined by the photos! The more photos you upload, the more diverse compositions and layouts the AI can use to design your detail page. We recommend uploading as many product photos as possible. Photos from various angles—front, side, detail shots, usage scenes—are especially helpful. Auto-fill Content with AI !SCR-20260226-knjc.png Finding it difficult to write the plan yourself? Don't worry! AI will automatically write the detail page content for you. Based on the product name, category, and uploaded photos you've provided, the AI analyzes your product's features and selling points and auto-fills the plan. After reviewing the AI-generated content, just edit the parts you're not happy with—saving you a lot of time. Save as Draft !SCR-20260226-knmd.png If you need to step away suddenly or want to continue working later, click the Save as Draft button. Your work in progress will be saved as-is, so you can pick up right where you left off when you return. Submit !SCR-20260226-knpc.png Once you've reviewed all the content in the plan, click the Submit button. When you submit, the AI will start designing based on your plan. It usually takes about 1–2 minutes, and you'll be able to see the results as soon as it's done. Detail Page Creation Complete !SCR-20260226-kpcy.png Congratulations! 🎉 Your detail page has been created! The AI has automatically completed a multi-section detail page for you. You can use it as-is, or if you'd like to fine-tune it, you can edit it in the Studio. Using the Studio Page The Studio is the editing workspace where you can freely modify your detail page. On the left, you'll find AI chat and tools; in the center, a preview of your detail page; and on the right, the detailed settings panel. !SCR-20260226-kpec.png From this screen, you can perform all editing tasks such as modifying text, replacing images, and adding/removing sections. We support both direct click-to-edit and AI chat-based editing, so use whichever method is more convenient for you. Editing via AI Chat Using the AI chat window on the left side of the Studio, you can request edits in natural language, just like talking to a designer. For example, you can do things like: Add a section: "Add a reviews section" Edit a section: "Change the background color of the first section to blue" Delete a section: "Delete the last section" Generate an image: "Create a luxurious-looking background image" AI editing is completely free from template constraints, so you can make detailed adjustments however you like. Using References When it's hard to describe what you want in words, try using reference images. !SCR-20260226-kpxr.png You can attach reference images in the chat window. Simply upload another detail page or design image that you like. !SCR-20260226-kqas.png Select your reference like this, and if you also mention which aspects to reference, you'll get even more accurate results. !SCR-20260226-kqij.png The AI analyzes the style and atmosphere of the reference and modifies the design to match that feel. This is a really useful feature when you want to reference a competitor's or a famous brand's detail page! ⭐ Adding Elements with Drag and Drop Without any coding or complex operations, you can add text or images simply by grabbing an element from the left toolbar and dropping it wherever you want. !SCR-20260210-pwrl.png Grab the Text button or Image button from the left toolbar with your mouse and drag it to the desired location. !2026-02-106.10.59-ezgif.com-video-to-gif-converter.gif As you can see in the GIF above, it's really intuitive! Just drop the element right where you want it, and it's added instantly. It's as easy as inserting shapes in PowerPoint! ⭐ Moving Elements with Drag and Drop When you want to change the position of text or images that are already placed, you can easily move them with drag and drop as well. !2026-02-106.25.18-ezgif.com-video-to-gif-converter.gif Click the element you want to move, then drag it to freely reposition it wherever you like. This is a very convenient feature for fine-tuning your layout. Duplicate / Delete Elements When you select an element, the following action menu appears. !SCR-20260226-kqoj.png From here, you can perform the following actions: Move: Reposition the element to another location Duplicate: Create an identical copy of the element (useful when you need multiple text or image elements with the same style) Delete: Remove an unwanted element Resize: Make the element larger or smaller Keyboard shortcuts are also supported for faster editing: Ctrl+C: Copy the selected element Ctrl+V: Paste the copied element !SCR-20260210-qbpg.png By dragging the corners or edges of an element, you can freely resize it like this. You can expand text areas, enlarge images, and more. !SCR-20260210-qacr.png Duplicated elements are created right next to the original and can be edited independently. When you need to repeat similar layouts, simply duplicate and change the content instead of creating everything from scratch. Editing Text To edit text, double-click on the text you want to modify. !SCR-20260226-kquo.png Double-clicking switches to text editing mode, allowing you to freely modify the content as you wish. Whether it's fixing typos, changing phrases, or adding descriptions—any edit can be made instantly. ⭐ Section Toolbar Features Each section has a section toolbar above it. Through this toolbar, you can perform various editing tasks at the section level. !SCR-20260210-qeub.png The toolbar includes features such as editing section titles, AI chat editing, reordering, duplicating, and deleting. Let's go through each one. Edit Section Title !SCR-20260210-qfkv.png !SCR-20260210-qflt.png Double-click on the section title to switch to editing mode. While section titles aren't directly displayed on the product detail page, they help you quickly identify each section when managing multiple sections. Renaming them to descriptive names like "Product Introduction," "Customer Reviews," or "Shipping Info" makes editing much more convenient. Edit via Chat !SCR-20260210-qkmz.png When you want to focus on editing a specific section, select that section and then send an edit request through AI chat. Simply type in natural requests like "Change this section's background to white," "Make the text bigger," or "Move the image to the left," and the AI will precisely edit only that section. !ezgif.com-video-to-gif-converter (3).gif As shown in the GIF above, you can see the AI modifying the design in real time based on your chat requests. Even complex changes that would be tedious to do manually can be handled with a single chat message—super convenient! Reorder Sections !SCR-20260210-qwan.png When you want to change the order of sections, use the reorder buttons (arrows) in the toolbar. Click the up/down arrows to move a section one position up or down. For example, if you want to move the Reviews section right below the Product Introduction, just click the up arrow a few times. Duplicate Section !SCR-20260210-qwvk.png If there's a section you like, click the Duplicate button to create an identical copy. The duplicated section is added right below the original. Just change the content to quickly create sections with similar layouts. For example, you can duplicate a "Color Options" section and easily create individual sections for each color. Delete Section !SCR-20260210-qvww.png Remove unnecessary sections cleanly with the Delete button. If any AI-generated sections don't fit your product, feel free to delete them and keep only the sections you need. However, please be careful as deleted sections may be difficult to recover! Hide Toolbar If you wish the editing area were a bit wider, you can hide the toolbar. !SCR-20260210-qhdz.png Click the hide toolbar button on the left side of the screen to collapse the toolbar and expand the preview area. !2026-02-106.40.15-ezgif.com-video-to-gif-converter.gif As shown in the GIF above, you can toggle the toolbar open and closed depending on the situation. Hide the toolbar when you want to see the overall finished look, and expand it again when you need to make edits. Right Panel The panel on the right side of the Studio provides section management, photo editing, AI image generation, text style editing, and other detailed editing features. Section List !SCR-20260226-kraj.png The Section List in the right panel lets you see all sections in your current detail page at a glance. Click on a specific section here to jump directly to it, making it easy to quickly navigate when you have many sections. Photo Editing If you'd like to touch up the photos on your detail page, try the Photo Editing feature. !SCR-20260226-krmp.png Select an image, and photo editing options will appear in the right panel. Here you can replace the image. !SCR-20260226-krsd.png You can adjust the display area of the image. Frame it so the key parts of your product are clearly visible. !SCR-20260226-krtx.png Using the crop tool, you can cut out only the area you want from a photo. This is useful for removing unnecessary backgrounds or showing your product larger. !SCR-20260226-krwg.png When editing is complete, click the Apply button to save your changes. You can do simple photo edits right within Creazy without needing a separate image editing program. AI Image !SCR-20260226-krxz.png When you need background images or mood images beyond your product photos, try the AI Image generation feature. Describe the image you want in text, and the AI will create a custom image for you. For example, you can request "a warm wooden table background" or "a clean white marble background." Text Style !SCR-20260226-krlf.png Select any text to fine-tune its style in the right panel. You can freely change the font, size, color, weight, alignment, and more. Style your text to match your brand's tone and manner. Export Once all your edits are complete, you can apply your detail page to your actual online store through Export. !SCR-20260226-lhrf.png Click the Export button at the top of the screen. !SCR-20260226-ksal.png Choose Export Method !SCR-20260226-ksdn.png You can choose your export method. Creazy supports two options: Image and Web Deployment (Figma). Image Export: Downloads your detail page as image files. You can directly upload and use the images on most online stores like Naver SmartStore, Coupang, etc. Web Export: Provides a deployed link. You can embed it directly in your own website or platforms like Cafe24, I'mweb, etc. !SCR-20260226-ksis.png For image export, individual images are generated for each section and downloaded. Simply upload each section image in order to your online store's detail page editor, and you're done! Web Export !SCR-20260226-kskz.png When you choose Web Export, you'll receive a deployed link. Paste this code into the HTML editor of your own website or platforms like Cafe24 or I'mweb, and the detail page will be applied as-is. !SCR-20260226-ksmr.png Unlike image export, the text is also indexed by search engines, making it advantageous for SEO. Video Tutorial If you prefer watching a video over reading, check out our video tutorial below! Creazy makes creating your product detail pages the easiest and fastest way possible. Feel free to use it anytime! 🚀

Feb 09, 2026 Creazy Major Update A major update was released for the Creazy service on Monday, February 09. 🎉 We have updated the D&D (Drag & Drop) feature and the Toolbar feature, which many of you have requested. D&D (Drag & Drop) Update First, two buttons have been added to the left side as shown. !SCR-20260210-pwrl.png You can grab and drag these buttons to place them wherever you want, allowing for more intuitive insertion and editing of text and image elements. !2026-02-106.10.59-ezgif.com-video-to-gif-converter.gif (Isn't it so convenient? haha) Element D&D (Drag & Drop) Now you can also grab each element and move it to adjust its position! !2026-02-106.25.18-ezgif.com-video-to-gif-converter.gif While using the service, haven't you felt inconvenienced when seeing sections like this? !SCR-20260210-qbpg.png If you thought, "I wish I could add just one more checkpoint here," you previously had to ask the AI to create it. But now, you can easily duplicate and edit it right within the editor! !SCR-20260210-qacr.png Just select each element and click the desired menu! We also support shortcuts like (Ctrl+C, Ctrl+V). Toolbar Feature !SCR-20260210-qeub.png Buttons for Section Title, Edit in Chat, Up/Down Arrows, Duplicate, and Delete have been added above each section. Section Title !SCR-20260210-qfkv.png !SCR-20260210-qflt.png Shows the title of each section. Double-click to edit the section title. ⭐️Edit in Chat⭐️ This might be the trickiest feature to understand in this update. However, once you get it, it's incredibly useful, so please bear with us! When you click the button, the section will be outlined in blue, and a section name badge will be added to the chat window. !SCR-20260210-qkmz.png This tells the AI, "Apply my next request specifically to the section I've selected." Then, you can simply state your desired edits. Let's look at an example: Suppose you aren't satisfied with the copywriting of the first and second sections. To change the copywriting using this new feature: Click the 'Edit in Chat' button in the toolbar of the first and second sections. Type "Change the copywriting for these sections" in the chat and send. !ezgif.com-video-to-gif-converter (3).gif (It's easier than you think, right?) Up/Down Arrow Buttons !SCR-20260210-qwan.png Buttons to change the order of sections. Duplicate Section Button !SCR-20260210-qwvk.png A button to duplicate a single section. Delete Button !SCR-20260210-qvww.png A button to delete a section. "It's convenient, but since the sections are separated, I can't get a feel for the overall landing page... 😢" If you're thinking this, we have a solution for you. !SCR-20260210-qhdz.png There is a toolbar button at the top that allows you to toggle the toolbars on and off. If you turn off the toolbar, you can see how the landing page will actually look. !2026-02-106.40.15-ezgif.com-video-to-gif-converter.gif What do you think of this update? The Creazy team always wants to be a reliable partner for business owners. Whether it's something inconvenient or a feature you want, please let us know, and we will reflect your feedback as quickly as possible! Go to Creazy

Still spending days on product pages? Finish in 3 minutes with AI. Are you still stressed about planning layouts and designing graphics? Creazy solves that instantly. We create high-quality product detail pages in just 3 minutes. Why Creazy? It's not just a design tool. It's an All-in-One solution. Input Product Info: Just type in the basic information about your product. No complex planning needed. Instant Creation: Our AI analyzes your product and generates a fully designed page (planning + design) in one go. Easy Edits & Export: Need a change? Just ask the AI via chat. Export to HTML, Image, or Figma seamlessly. See it in action (2-minute Tutorial) Check out the video below to see how fast and easy it is. Start for FREE today! Experience the speed yourself. Sign up now and get 2 free designs (200 credits)! Create Your First Design Now 🚀