{"componentChunkName":"component---src-templates-docs-js","path":"/features/post-composer","result":{"data":{"site":{"siteMetadata":{"title":"Documentation | PostNext","docsLocation":""}},"mdx":{"fields":{"id":"a4e1a937-b3ba-557a-bd4f-b0e960f28593","title":"Post Composer","slug":"/features/post-composer","locale":"en-GB"},"body":"var _excluded = [\"components\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\n/* @jsxRuntime classic */\n/* @jsx mdx */\n\nvar _frontmatter = {\n  \"title\": \"Post Composer\",\n  \"metaTitle\": \"Post Composer and Drafts | PostNext\",\n  \"metaDescription\": \"Compose multi-channel drafts, tailor content per channel, and attach media in the PostNext post composer.\",\n  \"order\": 1\n};\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n    props = _objectWithoutProperties(_ref, _excluded);\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"h1\", null, \"Post Composer\"), mdx(\"p\", null, \"The post composer is where you write and prepare posts before they go live. You can target multiple channels from a single draft, customize content per channel, and attach media before scheduling or publishing.\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"800px\"\n    }\n  }, \"\\n      \", mdx(\"a\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/docs/static/6ae17ecd66557d010d4a5ffe57c9c114/644c5/composer.jpg\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }, \"\\n    \", mdx(\"span\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"62.5%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAMCBAUG/8QAFAEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEAMQAAAB1q75nOjg/8QAHBAAAgICAwAAAAAAAAAAAAAAAQIDBBESEyMz/9oACAEBAAEFAoQOK3KYUdtzE3Vvk2Pf/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAwEBPwE//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPwE//8QAGhAAAwADAQAAAAAAAAAAAAAAAAECERJxMf/aAAgBAQAGPwKeEuZTyzZrDZPDwo//xAAZEAEBAQEBAQAAAAAAAAAAAAABEQBBIWH/2gAIAQEAAT8hqZxmzUPTPOBFDTGc4sOPudTf/9oADAMBAAIAAwAAABDID//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8QP//EABURAQEAAAAAAAAAAAAAAAAAABAx/9oACAECAQE/EKf/xAAdEAEBAAICAwEAAAAAAAAAAAABEQAxIWFBUYGx/9oACAEBAAE/ELsFtrrKowR0kXxg0QQQGGs2NnJes0u4tPb5nFUqfhn/2Q==')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"The PostNext post composer with channel toggles, the caption editor, media options, and a live post preview pane\",\n    \"title\": \"The PostNext post composer with channel toggles, the caption editor, media options, and a live post preview pane\",\n    \"src\": \"/docs/static/6ae17ecd66557d010d4a5ffe57c9c114/4b190/composer.jpg\",\n    \"srcSet\": [\"/docs/static/6ae17ecd66557d010d4a5ffe57c9c114/e07e9/composer.jpg 200w\", \"/docs/static/6ae17ecd66557d010d4a5ffe57c9c114/066f9/composer.jpg 400w\", \"/docs/static/6ae17ecd66557d010d4a5ffe57c9c114/4b190/composer.jpg 800w\", \"/docs/static/6ae17ecd66557d010d4a5ffe57c9c114/e5166/composer.jpg 1200w\", \"/docs/static/6ae17ecd66557d010d4a5ffe57c9c114/644c5/composer.jpg 1440w\"],\n    \"sizes\": \"(max-width: 800px) 100vw, 800px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  }), \"\\n  \"), \"\\n    \")), mdx(\"p\", null, \"Open the composer with the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Create\"), \" button. Pick the channels to target along the top, write in the caption editor for each, and watch a live \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Post Previews\"), \" pane render how the post will look, with a tablet and desktop view. A character counter tracks each channel's limit, and per-format tabs such as \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Post\"), \", \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Reel\"), \", and \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Story\"), \" appear where a channel supports them.\"), mdx(\"h2\", null, \"Multi-channel drafts\"), mdx(\"p\", null, \"A single draft can target more than one channel at the same time. When you publish, PostNext sends the post to each selected channel. This lets you reach your audience across platforms without creating separate posts from scratch.\"), mdx(\"h2\", null, \"Per-channel variants\"), mdx(\"p\", null, \"Channels have different requirements and audiences. You can adjust the copy, media, or formatting for each channel within the same draft so each version fits the platform it goes to.\"), mdx(\"h2\", null, \"Attaching media\"), mdx(\"p\", null, \"You can attach images or video to a draft directly from the composer. Assets you have already uploaded are available in your media library. See \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/docs/features/asset-management\"\n  }, \"Asset Management\"), \" for details on uploading and reusing files.\"), mdx(\"h2\", null, \"Next steps\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"/docs/features/post-composer/creating-and-editing-drafts\"\n  }, \"Creating and Editing Drafts\"), \" - A closer look at draft lifecycle.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"/docs/guides/create-your-first-post\"\n  }, \"Create Your First Post\"), \" - Step-by-step guide to publishing your first post.\")));\n}\n;\nMDXContent.isMDXComponent = true;","rawBody":"---\ntitle: \"Post Composer\"\nmetaTitle: \"Post Composer and Drafts | PostNext\"\nmetaDescription: \"Compose multi-channel drafts, tailor content per channel, and attach media in the PostNext post composer.\"\norder: 1\n---\n\n# Post Composer\n\nThe post composer is where you write and prepare posts before they go live. You can target multiple channels from a single draft, customize content per channel, and attach media before scheduling or publishing.\n\n![The PostNext post composer with channel toggles, the caption editor, media options, and a live post preview pane](../images/docs/composer.jpg)\n\nOpen the composer with the **Create** button. Pick the channels to target along the top, write in the caption editor for each, and watch a live **Post Previews** pane render how the post will look, with a tablet and desktop view. A character counter tracks each channel's limit, and per-format tabs such as **Post**, **Reel**, and **Story** appear where a channel supports them.\n\n## Multi-channel drafts\n\nA single draft can target more than one channel at the same time. When you publish, PostNext sends the post to each selected channel. This lets you reach your audience across platforms without creating separate posts from scratch.\n\n## Per-channel variants\n\nChannels have different requirements and audiences. You can adjust the copy, media, or formatting for each channel within the same draft so each version fits the platform it goes to.\n\n## Attaching media\n\nYou can attach images or video to a draft directly from the composer. Assets you have already uploaded are available in your media library. See [Asset Management](/features/asset-management) for details on uploading and reusing files.\n\n## Next steps\n\n- [Creating and Editing Drafts](/features/post-composer/creating-and-editing-drafts) - A closer look at draft lifecycle.\n- [Create Your First Post](/guides/create-your-first-post) - Step-by-step guide to publishing your first post.\n","tableOfContents":{"items":[{"url":"#post-composer","title":"Post Composer","items":[{"url":"#multi-channel-drafts","title":"Multi-channel drafts"},{"url":"#per-channel-variants","title":"Per-channel variants"},{"url":"#attaching-media","title":"Attaching media"},{"url":"#next-steps","title":"Next steps"}]}]},"parent":{"__typename":"File","relativePath":"en/features/post-composer.md"},"frontmatter":{"metaTitle":"Post Composer and Drafts | PostNext","metaDescription":"Compose multi-channel drafts, tailor content per channel, and attach media in the PostNext post composer.","order":1}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/content-planners","title":"Content Planners"}}},{"node":{"fields":{"slug":"/features","title":"Features"}}},{"node":{"fields":{"slug":"/integrations","title":"Integrations"}}},{"node":{"fields":{"slug":"/knowledge-base","title":"Knowledge Base"}}},{"node":{"fields":{"slug":"/pricing-faqs","title":"Pricing FAQs"}}},{"node":{"fields":{"slug":"/guides","title":"Guides"}}},{"node":{"fields":{"slug":"/mini-site","title":"Mini Site"}}},{"node":{"fields":{"slug":"/features/ai-carousels","title":"AI Carousels"}}},{"node":{"fields":{"slug":"/features/ai-content","title":"AI Content"}}},{"node":{"fields":{"slug":"/features/channels","title":"Channels"}}},{"node":{"fields":{"slug":"/features/brand-profile","title":"Brand Profile"}}},{"node":{"fields":{"slug":"/content-planners/influencer-planner","title":"Influencer Plans"}}},{"node":{"fields":{"slug":"/features/post-composer","title":"Post Composer"}}},{"node":{"fields":{"slug":"/features/scheduling","title":"Scheduling"}}},{"node":{"fields":{"slug":"/guides/plan-your-content","title":"Plan Your Content"}}},{"node":{"fields":{"slug":"/features/asset-management","title":"Asset Management"}}},{"node":{"fields":{"slug":"/guides/schedule-and-publish","title":"Schedule and Publish"}}},{"node":{"fields":{"slug":"/content-planners/brand-planner","title":"Brand Plans"}}},{"node":{"fields":{"slug":"/guides/teams-and-brand-profiles","title":"Teams and Brand Profiles"}}},{"node":{"fields":{"slug":"/features/apps","title":"Apps"}}},{"node":{"fields":{"slug":"/integrations/api-keys","title":"API Keys"}}},{"node":{"fields":{"slug":"/guides/create-your-first-post","title":"Create Your First Post"}}},{"node":{"fields":{"slug":"/integrations/mcp","title":"MCP (AI Agents)"}}},{"node":{"fields":{"slug":"/features/analytics","title":"Analytics"}}},{"node":{"fields":{"slug":"/integrations/wordpress","title":"WordPress"}}},{"node":{"fields":{"slug":"/guides/connect-your-first-channel","title":"Connect Your First Channel"}}},{"node":{"fields":{"slug":"/knowledge-base/how-to-update-card-details","title":"How to Update Card Details"}}},{"node":{"fields":{"slug":"/knowledge-base/managing-your-plan-and-limits","title":"Managing Your Plan and Limits"}}},{"node":{"fields":{"slug":"/content-planners/post-planner","title":"Post Planner"}}},{"node":{"fields":{"slug":"/knowledge-base/understanding-declined-card-payments","title":"Understanding Declined Card Payments"}}},{"node":{"fields":{"slug":"/features/scheduling/best-time-to-post","title":"Best Time to Post"}}},{"node":{"fields":{"slug":"/features/post-composer/creating-and-editing-drafts","title":"Creating and Editing Drafts"}}},{"node":{"fields":{"slug":"/","title":"PostNext Documentation"}}}]}},"pageContext":{"id":"a4e1a937-b3ba-557a-bd4f-b0e960f28593","locale":"en-GB"}},"staticQueryHashes":["361965504","361965504","417421954","417421954","445494767","445494767"]}