📖 PostDrafter User Guide

Automatically create professional blog posts from on-site photos and simple notes.

🚀 Getting Started

What is PostDrafter?

PostDrafter is an AI-powered service that automatically generates professional blog posts from your on-site photos and simple notes. It creates optimized content for 5 platforms: Naver Blog, Tistory, WordPress, Medium, and Blogger.

Basic Workflow

1
Sign Up & Register API Key
After signing up, register your AI API key on the Settings page. (Choose from OpenAI, Google, Anthropic, or DeepSeek)
2
Start a New Post
Select a platform (Naver/Tistory/WordPress/Medium/Blogger) and a category.
3
Enter Content
Upload photos, enter text, or record voice for each section.
4
AI Generation
Select a tone and design, then press the AI Generate button.
5
Copy & Publish
Use Copy All or Copy HTML to paste into your blog.

✏️ New Post

Platform Selection (5 types)

📗 Naver Blog— Most popular in Korea. Table-based formatting. Use Copy All to paste.
📘 Tistory— High HTML flexibility. Use Copy HTML and paste in HTML mode.
📙 WordPress— Full CSS support. Auto FAQ included. SEO meta tags generated.
📓 Medium— English blogging platform. Tags auto-generated.
📕 Blogger— Google blog. Labels auto-generated.

Categories (6 types)

Section structure and AI prompts vary by category.

🔨 Construction (8 sections)
Work location, problem, surroundings, process, result, etc.
✈️ Travel (11 sections)
Destination, route, transport, accommodation, food, impressions, etc.
📍 Place Review (17 sections)
Location, first impression, menu, atmosphere, facilities, price, etc.
🎯 Service Review (17 sections)
Event name, basic info, program, experience, satisfaction, etc.
📦 Product Review (14 sections)
Purchase reason, product info, unboxing, appearance, usage, pros/cons, etc.
📝 Custom (Free-form)
Freely compose sections without restrictions.

🛠️ Editor Guide

4 Input Methods

🖼️ Gallery / Camera
Select photos or take new ones. Multiple uploads supported. Automatically saved to Cloudinary.
⌨️ Text Input
Just enter simple notes or keywords and AI will generate detailed content. Emojis are preserved.
🎙️ Voice Recording
Press the mic button and speak — automatically converted to text (STT). The original recording is saved for playback.
📚 Library
Quickly insert pre-saved text, emojis, or images.
💾 Manual Save
Press the Save button to save your work immediately. Auto-save runs every 3 seconds on edits, but manual save ensures nothing is lost.

Automatic Company Info

Register your company name, introduction, logo URL, closing text, and default hashtags in Settings. AI will naturally weave the company introduction into the post body, insert the logo at the top, and append closing text and hashtags at the bottom.

Tone Selection (11 types)

Friendly + Informative
Mixed polite/casual style
Professional + Warm
Trustworthy expert tone
Empathetic
Written from customer perspective
Consultative
Q&A format
Clean & Concise
Straight to the point
Case Review
Chronological storytelling
Premium
Sophisticated expressions
Marketing
Includes CTA, action prompts
Custom
Define your own
Structured Info
Numbered lists, arrows, organized layout with design
Cheerful
Bright, lively teenage voice with lots of exclamations

Design Selection (5 types)

🎨 Color Box
Colorful backgrounds, 5-color rotating subtitles
⬜ Minimal Simple
Black/white/gray, clean with white space
📰 Magazine Style
Magazine layout, large titles, quotes
🍂 Warm Natural
Brown/beige, nature-friendly atmosphere
🌙 Dark Chic
Dark background, neon accent colors

📋 Result & Copy

Copy Button Types

Copy All
Copies with formatting (colors, backgrounds, fonts). Paste into Naver Blog to keep the design intact.
Copy HTML (for blog paste)
Copies HTML source code. Paste into Tistory/WordPress HTML mode.
Save HTML File
Downloads as an HTML file. Use for preview on PC.

Image Guide

Image locations are shown as [Image: original_filename] in the generated post. Check the image guide at the bottom of the result page to see the original filename and preview for each section, then insert the matching image in your blog editor.

🔍 SEO Meta Tags (WordPress/Tistory)

When generating for WordPress or Tistory, meta description, og:title, and og:description are automatically created. Use the "Copy Meta Tags" button on the result page to copy HTML tags for your blog header. Naver Blog generates its own meta tags, so this is not provided.

⚙️ Settings

🏢 Company Info

Set company name, logo URL, introduction, closing text (HTML allowed), and default hashtags. AI naturally weaves the company intro into the post, and the logo and closing text are auto-inserted.

🔑 AI API Keys

Register API keys for OpenAI, Google Gemini, Anthropic Claude, or DeepSeek. Detailed signup and key issuance guides are provided for each service. You use your own key, so usage costs are billed by each AI service.

🔒 Change Password

Verify your current password, then set a new one. Password must be at least 6 characters.

🌐 Language

Choose between Korean and English. Changing the language switches the entire interface and your preference is saved for future visits.

🌐 Platform Paste Instructions

📗 Naver Blog

1. Click the "Copy All" button on the result page.

2. Open Naver Blog editor → Ctrl+V (Paste).

3. Insert images at [Image: filename] locations using the Naver editor.

※ Naver does not allow external image URLs, so you must upload images directly.

📘 Tistory

1. Click the "Copy HTML" button on the result page.

2. Tistory editor → Switch to "HTML" mode (top right).

3. Ctrl+V (Paste) → Switch back to editor mode to verify.

※ SEO meta tags are also generated — use "Copy Meta Tags" to apply them.

📙 WordPress

1. Click the "Copy HTML" button on the result page.

2. WordPress editor → Add a "Custom HTML" block or switch to Code Editor mode.

3. Ctrl+V (Paste).

※ FAQ section auto-included. Use SEO meta tags with Yoast or similar plugins.

📓 Medium

1. Click the "Copy All" button on the result page.

2. On Medium new story page, Ctrl+V (Paste).

※ Tags are auto-generated — use them when publishing.

📕 Blogger

1. Click the "Copy HTML" button on the result page.

2. Blogger compose → Switch to "HTML view" mode.

3. Ctrl+V (Paste).

※ Labels are auto-generated — use them when publishing.

❓ FAQ

Q. AI summarized or shortened my content
A. All section content is set to be fully included. If content is missing, try regenerating.
Q. I added emojis but AI removed them
A. User emojis are set to be preserved. If the issue persists, try regenerating.
Q. Formatting broke when pasting into Naver Blog
A. The system is optimized for Naver-compatible CSS. Make sure you used the "Copy All" button. HTML Copy is for Tistory/WordPress.
Q. Design does not show on Tistory
A. Use the "Copy HTML" button and make sure to switch to HTML mode in the Tistory editor before pasting.
Q. Where do I get an API key?
A. Go to Settings > API Keys tab to find detailed signup and key issuance guides for each AI service.
Q. Voice recording is not working
A. You need to allow microphone permission in your browser. Click the lock icon to the left of the URL bar to check mic permissions.
Q. Can I play back my recordings?
A. Yes, an audio player appears in the section after recording. It remains available when you reopen the project.
Q. Company info is not reflected in the generated post
A. Check that you saved your company introduction in Settings > Company Info. AI is set to naturally weave it into the post body.
Q. Where do I find SEO meta tags?
A. SEO meta tags only appear at the bottom of the result page for WordPress or Tistory. Naver Blog generates its own meta tags, so they are not provided.
If you have any questions, please contact the administrator.