--- title: "Create and publish an illustrated CHAT Help Center guide — Devad" url: "https://devad.io/help/guides/setup-basics/publish-illustrated-chat-help-center-guide--265" --- [Skip to content](https://devad.io/help/guides/setup-basics/publish-illustrated-chat-help-center-guide--265#main-content) [![Devad.io](https://devad.io/brand/logo-devad-white-mode-v3.png)](https://devad.io) [Home](https://devad.io) [POST](https://devad.io/post) [CHAT](https://devad.io/chat) [SITE](https://devad.io/site) [AI](https://devad.io/ai-agent) [Pricing](https://devad.io/pricing) [](https://devad.io/help#hc-search) [Agent view](https://devad.io/help/guides/setup-basics/publish-illustrated-chat-help-center-guide--265.md) ☰ [Home](https://devad.io) [POST](https://devad.io/post) [CHAT](https://devad.io/chat) [SITE](https://devad.io/site) [AI](https://devad.io/ai-agent) [Pricing](https://devad.io/pricing) [Agent view](https://devad.io/help/guides/setup-basics/publish-illustrated-chat-help-center-guide--265.md) [All content](https://devad.io/help) [Docs](https://devad.io/help/docs/) [Guides](https://devad.io/help/guides/) [Changelog](https://devad.io/help/changelog/) [Tickets](https://devad.io/help/tickets) Browse these Guides [11POST platform connections](https://devad.io/help/guides/platform-connections/) - [Connect Discord Webhook to Devad POST](https://devad.io/help/guides/platform-connections/discord-webhook--243) - [Connect Slack Webhook to Devad POST](https://devad.io/help/guides/platform-connections/slack-webhook--244) - [Connect Bluesky Profile to Devad POST](https://devad.io/help/guides/platform-connections/bluesky-profile--245) - [Connect WordPress CMS to Devad POST](https://devad.io/help/guides/platform-connections/wordpress-cms--246) - [Connect Ghost CMS to Devad POST](https://devad.io/help/guides/platform-connections/ghost-cms--247) - [Connect OpenCart v3 Articles to Devad POST](https://devad.io/help/guides/platform-connections/opencart-v3-articles--248) - [Connect Dev.to Article to Devad POST](https://devad.io/help/guides/platform-connections/devto-article--249) - [Connect Mastodon Custom Instance to Devad POST](https://devad.io/help/guides/platform-connections/mastodon-custom--250) - [Connect Listmonk Campaign to Devad POST](https://devad.io/help/guides/platform-connections/listmonk-campaign--251) - [Connect Hashnode Post to Devad POST](https://devad.io/help/guides/platform-connections/hashnode-post--252) - [Connect Medium Post to Devad POST](https://devad.io/help/guides/platform-connections/medium-post--253) [View all POST platform connections](https://devad.io/help/guides/platform-connections/) [2Setup Basics](https://devad.io/help/guides/setup-basics/) - [Create and publish an illustrated CHAT Help Center guide](https://devad.io/help/guides/setup-basics/publish-illustrated-chat-help-center-guide--265) - [Installing CHAT Widget](https://devad.io/help/guides/setup-basics/installing-chat-widget--192) [1WEB App](https://devad.io/help/guides/web-devad-io-docs/) - [How to add analytics / pixel tools and customizing the design](https://devad.io/help/guides/web-devad-io-docs/how-to-add-analytics-pixel-tools-and-customizing-the-design--24) [4Whatsapp](https://devad.io/help/guides/whatsapp/) - [Connect WhatsApp Business With CHAT.devad.io](https://devad.io/help/guides/whatsapp/connect-whatsapp-business-with-chat-devad-io--152) - [Setting Up Your 360dialog Account](https://devad.io/help/guides/whatsapp/setting-up-your-360dialog-account--156) - [How to Connect WhatsApp Twilio to Chat.devad.io](https://devad.io/help/guides/whatsapp/how-to-connect-whatsapp-twilio-to-chat-devad-io--158) - [WhatsApp voice & video calls](https://devad.io/help/guides/whatsapp/whatsapp-voice-video-calls--231) [View all Whatsapp](https://devad.io/help/guides/whatsapp/) [2More Integrations](https://devad.io/help/guides/more-integrations/) - [More Integration: Slack, Opencart, Martfury, Zalo, Zendesk, Viber, Line, WeChat](https://devad.io/help/guides/more-integrations/more-integration-slack-opencart-martfury-zalo-zendesk-viber-line-wechat--179) - [How To Export and Import Users in CHAT.devad.io Safely](https://devad.io/help/guides/more-integrations/how-to-export-and-import-users-in-chat-devad-io-safely--242) [1Facebook Instagram Messenger](https://devad.io/help/guides/facebook-instagram-messenger/) - [Messenger (Facebook & Instagram) Setup](https://devad.io/help/guides/facebook-instagram-messenger/how-to-enable-messenger-facebook-instagram--162) [1Telegram](https://devad.io/help/guides/telegram/) - [Telegram AI Agent & Chatbot Setup](https://devad.io/help/guides/telegram/telegram-ai-agent-chatbot-setup--177) [1Twitter X](https://devad.io/help/guides/twitter-x/) - [X (Twitter) AI Agent & Chatbot Setup](https://devad.io/help/guides/twitter-x/x-twitter-ai-agent-chatbot-setup--175) [3Ecommerce Features](https://devad.io/help/guides/ecommerce-features/) - [Shopify Integration](https://devad.io/help/guides/ecommerce-features/shopify-integration--181) - [WordPress Integration](https://devad.io/help/guides/ecommerce-features/full-wordpress-integration--183) - [OpenCart](https://devad.io/help/guides/ecommerce-features/opencart--236) [1Lead Gen Features](https://devad.io/help/guides/lead-gen-features/) - [AI Agent & Chatbot for Automated Appointment & Booking System](https://devad.io/help/guides/lead-gen-features/ai-agent-chatbot-for-automated-appointment-booking-system--187) [2Setup & Basics](https://devad.io/help/guides/setup-basics2/) - [How to connect to you domain with Landing page or Store](https://devad.io/help/guides/setup-basics2/how-to-connect-to-you-domain-with-landing-page-or-whatsapp-store--16) - [Portfolio Showcase Theme – Complete Setup Guide](https://devad.io/help/guides/setup-basics2/portfolio-showcase-theme-complete-setup-guide--41) [1Business Themes](https://devad.io/help/guides/business-themes/) - [How to create Landing Page in less than one hour](https://devad.io/help/guides/business-themes/how-to-create-landing-page-in-less-than-one-hour--8) [1Store Themes](https://devad.io/help/guides/store-themes/) - [How to create Online Store in less than one hour](https://devad.io/help/guides/store-themes/how-to-create-online-store-in-less-than-one-hour--30) ## Browse these Guides [Help Center](https://devad.io/help) › [Guides](https://devad.io/help/guides/) › [Setup Basics](https://devad.io/help/guides/setup-basics/) › Create and publish an illustrated CHAT Help Center guide Guides # Create and publish an illustrated CHAT Help Center guide Create a guide, insert an owned image, review language, save a draft and verify the published reader page. Publish a clear, illustrated guide in your CHAT Help Center. This walkthrough covers a new entry, from preparing its answer to checking the page your readers see. ## What do I need before I begin? - Access to the intended Help Center and permission to edit its content. - An approved answer for one reader task, with any relevant account or product requirements. - A screenshot with customer details, credentials and private account information removed. Decide the expected result before writing. For example, a guide about publishing an article ends with a readable page and a checked public link. ![Blank Devad Help Center editor with Title, Address, Save draft and Publish controls](https://media.devad.io/15d7e24abb1344e89d4162b733ca3eb9:chat-devad/platform/help-center/jE8WZ6sZyFv6MNAkiYGWzlVOqMgUrgggWD53TIpx.jpg)Start with a clear title and address. Save draft and Publish have different effects. ## 1. Open a new entry in the correct Help Center Open CHAT, then Help Center and Content. Confirm the workspace or platform context before selecting New content. Ask the owner to review your access when editing controls are unavailable. Use one guide for one complete task. Put background definitions in a linked reference page instead of interrupting every step. ## 2. Set the title, address and content type - Enter a title that names the reader's action and result. - Review Address. Use lowercase words separated by hyphens, and keep a published address stable when other pages link to it. - Select Guide in Content type. - Select the relevant category or subcategory. Check the app association when similar names appear. - Write a short description that explains what the reader will complete. ## 3. Write the steps and insert an image Start with prerequisites, then write the actions in the order readers perform them. Name the actual controls, explain the expected result and include recovery for a failed or uncertain step. - Select Upload an image and choose a PNG, JPEG, GIF or WebP file up to 5 MB. - Place the cursor where the image belongs and choose Insert image. - Select the uploaded media item, write meaningful alternative text and add a caption. - Review the image in the editor. Check that labels are legible and no private information is visible. Use a table for a compact comparison, not for an entire procedure. Check its headings and cells after saving. ## 4. Review language and save the draft Expand Article details and SEO and review Language. Use an enabled language matching the text; choosing a language does not translate it. Select Save draft for this new entry. Confirm the saved message, return to Content, search by the title and reopen the result. Check Guide, the category, language, body and image. Do not use Save draft as a private staging action on an existing published page without coordinating its withdrawal. That action removes the page from the public Help Center until it is published again. ## 5. Publish and check the reader's page Review every current field before selecting Publish. Publishing includes unsaved editor changes, rather than only the last saved draft. - Select Publish after the content is approved for public readers. - Open the entry through the public Help Center and copy its actual link. - Read the page and check its category, headings, lists, image, caption and links. - Check chatbot readiness separately when the guide is intended to supply chatbot answers. ## What do I do when the result is uncertain? Return to Content and search for the saved title before retrying. Reopen the existing entry and inspect its current state. Do not create a second page just because a response was delayed. Preserve unsaved work before leaving or reloading an editor. Reconcile a changed saved version instead of overwriting another editor's work. See [content types, categories and publishing states](https://devad.io/help/docs/chat-devad-io-docs/chat-help-center-content-types-and-publishing--264) for the reference behind these choices. Use this page [Ask ChatGPT](https://chatgpt.com/?q=Read%20https%3A%2F%2Fdevad.io%2Fhelp%2Fguides%2Fsetup-basics%2Fpublish-illustrated-chat-help-center-guide--265%20and%20answer%20questions%20about%20the%20content.) [Ask Claude](https://claude.ai/new?q=Read%20https%3A%2F%2Fdevad.io%2Fhelp%2Fguides%2Fsetup-basics%2Fpublish-illustrated-chat-help-center-guide--265%20and%20answer%20questions%20about%20the%20content.) On this page [What do I need before I begin?](https://devad.io/help/guides/setup-basics/publish-illustrated-chat-help-center-guide--265#what-do-i-need-before-i-begin) [1. Open a new entry in the correct Help Center](https://devad.io/help/guides/setup-basics/publish-illustrated-chat-help-center-guide--265#1-open-a-new-entry-in-the-correct-help-center) [2. Set the title, address and content type](https://devad.io/help/guides/setup-basics/publish-illustrated-chat-help-center-guide--265#2-set-the-title-address-and-content-type) [3. Write the steps and insert an image](https://devad.io/help/guides/setup-basics/publish-illustrated-chat-help-center-guide--265#3-write-the-steps-and-insert-an-image) [4. Review language and save the draft](https://devad.io/help/guides/setup-basics/publish-illustrated-chat-help-center-guide--265#4-review-language-and-save-the-draft) [5. Publish and check the reader's page](https://devad.io/help/guides/setup-basics/publish-illustrated-chat-help-center-guide--265#5-publish-and-check-the-readers-page) [What do I do when the result is uncertain?](https://devad.io/help/guides/setup-basics/publish-illustrated-chat-help-center-guide--265#what-do-i-do-when-the-result-is-uncertain) ## Keep exploring [### Chat & Conversations Manage conversations Conversations have a total of four different statuses: mark as read, archive, delete and restore. You can manage the status of a conve...](https://devad.io/help/docs/setup-basics/chat-conversations--51) [### Having problems? Setup, Configuration, and TroubleshootingGetting the most out of CHAT.devad.io starts with a solid foundation. This guide covers the essential steps to get you up and running—from verifying your account and installing ke...](https://devad.io/help/docs/setup-basics/having-problems--81) [### Installing CHAT Widget Installation Options for Live CHAT widget Getting CHAT.devad.io up and running on your site is designed to be flexible, regardless of your technical setup. Whether…](https://devad.io/help/guides/setup-basics/installing-chat-widget--192) [### Plans & Pricing Simple Pricing, Powerful Features Select the plan that fits your needs below. From our lifetime Free tier to our high-volume Scale packages, every plan resets…](https://devad.io/help/docs/setup-basics/plans-pricing--193) Help Center search ## Find an answer yourself Searching Guides only. Type at least 2 characters to search. [![Devad.io](https://devad.io/brand/logo-devad-white-mode-v3.png) ![Devad.io](https://devad.io/brand/logo-devad-dark-mode-v3.png)](https://devad.io) Apps Suite Every Business Needs to Start and Grow [](https://x.com/devad_io) [](https://www.instagram.com/devad.io) [](https://www.facebook.com/www.devad.io) [](https://www.linkedin.com/company/devadio/) [](https://wa.me/905516455142?text=Hi%2C%20I%20have%20a%20question%20about%20Devad.io%20Apps) ## Apps - [SITE](https://devad.io/site) - [POST](https://devad.io/post) - [AI](https://devad.io/ai-agent) - [CHAT](https://devad.io/chat) ## Company - [Plans & pricing](https://devad.io/pricing) - [Blog](https://devad.io/blog) - [About](https://devad.io/contact-us) - [Contact](https://devad.io/contact-us) ## Resources - [Docs](https://devad.io/help/doc) - [Changelog](https://devad.io/help/changelog) - [Help Center](https://devad.io/help) - [Guides](https://devad.io/help/guides) © 2026 All Rights Reserved Devad.io [Privacy](https://devad.io/privacy-policy) [Terms](https://devad.io/terms-of-service) [Cookies](https://devad.io/cookie-policy) [My data](https://devad.io/data-deletion) [Free tools](https://devad.io/free-tools/)