Preview every social post across Facebook, Instagram, LinkedIn, TikTok, and YouTube Shorts — in every format — before you publish.
social-post CPT via REST APIUse the correct ratio for every platform. Wrong ratios crop faces and logos.
The demo posts are your template. Export → edit → reload to replace them with your real brand content.
Export the demo template, fill in your brand data, and re-upload. Or connect directly to WordPress.
brand.imagePath in your JSONThis locks in the image base URL so all your post images load correctly from any hosting environment.
You're currently viewing demo posts. Load your own brand content using any of these methods:
Drop your brand JSON file, paste JSON directly, mount a local folder,
or connect to your WordPress site via the
social-post custom post type (CPT).
Set brand.imagePath in your JSON to lock in the image base URL.
Exported files are named {brand-slug}-social-posts-{timestamp}.json.
JSON comments (// and /* */) are fully supported.
A professional content preview, review, and approval tool. Preview every social post across all major platforms and formats before publishing. Load your brand via JSON file, local folder mount, or WordPress REST API.
Pixel-accurate simulators for Facebook, Instagram, LinkedIn, TikTok, and YouTube Shorts — Feed, Reels, and Stories for each.
Grid cards, Thumbnail List rows, and a visual Calendar view driven by scheduledDate.
Approved · Needs Revision · Draft — with internal notes. All persisted in localStorage.
Edit any post field directly in the right detail panel. Changes saved to localStorage override.
Auto-connects to social-post CPT on page load. Manual fetch available in Settings → Data.
Mount a folder for read/write JSON versioning. Images served as blob URLs. Auto write-back on export.
psm-page-content-json elementsocial-post CPT from current originbrand.imagePath in JSON — always authoritativeorigin/wp-content/uploads/brand.wpUploadsBase — fallback absolute URLSlides in from the left and pushes the entire app canvas right. Contains the full post list with search, date badges, and campaign colour coding. Footer has a Documentation button.
Always-visible sidebar containing Platform selector, Format selector, Image Spec grid, and Brand Colour swatches. Hidden on screens below 640px — use Settings panel on mobile.
Feed posts render as accurate social media cards. Reels and Stories render inside a phone frame (393×852 aspect ratio). Dynamic island notch simulated via CSS ::before.
Info tab: caption copy with one-click copy buttons, hashtags, scheduled date, campaign, strategy, goal, best time, CTA, and approval workflow.
Edit tab: inline edit every field on the post, saved to localStorage override.
Five tabs: Data (upload/paste/export/flush/WP REST connect), Platforms (enable/disable toggles), Mount (local folder), Status (data source + approval list), Info (loading priority docs).
Persistent CTA strip shown only when demo data is active. Upload JSON, Mount Folder, and Connect WP buttons inline at the bottom of archive views.
Default. Cards with square image, date badge, platform icons, content tags, approval status, campaign colour top border.
List rows: 64×64 thumbnail left, post title, date, campaign badge, tags, and platform icons. Rich detail in a compact layout.
Driven by scheduledDate (YYYY-MM-DD). First post on a date shows as full-width featured thumbnail. Additional posts show as 2-up smaller thumbs. Click any thumbnail to open that post.
The filter bar is a compact auto-fit grid — no horizontal scrolling. All controls collapse responsively on small screens.
tags[].type valuescampaign fieldscheduledDate fieldColour-coded content type pill bar above the grid. Click any pill to filter by that type instantly. Active pill shows a border. Click again to deselect.
When no filters are active and sort is Post #, posts are automatically grouped by campaign field with colour-coded headers. Each group is collapsible. Campaign colours are assigned from a fixed palette and persist across views.
| Platform | Feed Post | Reels | Stories |
|---|---|---|---|
| Feed card (landscape preferred) | Phone frame | Phone frame | |
| Feed card (portrait auto-detected) | Phone frame | Phone frame | |
| Feed card (landscape preferred) | Phone frame | Phone frame | |
| TikTok | Phone frame | Phone frame | Phone frame |
| YouTube | Phone frame (Shorts UI) | Phone frame | Phone frame |
When images.portrait or images.igPost is present, the Instagram feed post automatically uses the 4:5 portrait spec instead of 1:1 square — matching real-world IG feed behaviour.
Controlled by fbPostPreferredFormat in config (default: landscape). Set to square if you prefer 1:1 FB feed posts.
Shows the active platform's caption with one-click copy, hashtag string with copy, hashtag count, then: Scheduled date, Approval status, Campaign, Strategy, Goal, Best Time to Post, CTA. Campaign name is colour-coded to match its group.
Inline edit fields for every content field: title, filename, alt text, all platform captions, hashtags, strategy, goal, best time, CTA, stories sticker text, and stories link label. Click Save & Apply to write to localStorage override and re-render immediately.
Uses html2canvas to capture the active platform simulator as a PNG. Auto-named {post-slug}-{platform}.png.
Driven entirely by the scheduledDate field (YYYY-MM-DD format). Posts appear on their scheduled date as clickable thumbnails.
Use the ← → buttons to move between months. On load, the calendar automatically jumps to the month containing the earliest scheduled post.
Click any thumbnail to open that specific post in single view. Clicking the day cell (not a thumbnail) opens the first post on that date. If multiple posts share a date, a toast notifies you to use ← → to navigate between them.
Status badges appear on archive grid cards, thumbnail list rows, calendar thumbnails, and the Info tab in the right detail panel. All approval data persists in localStorage across sessions. The Settings → Status tab shows a full list of all reviewed posts with one-click navigation.
Your JSON files can include // line comments and /* block comments */ anywhere. They are stripped before parsing. Trailing commas and smart/curly quotes are also handled automatically.
brand.imagePathSet brand.imagePath in your JSON to the absolute URL of your image folder. This is the authoritative image base and overrides everything else.
Exports are named {brand-slug}-social-posts-{timestamp}.json with full datetime stamp. If a folder is mounted, the file is also written there automatically on every export.
brand — name, tagline, logoUrl, logoUrlSquare, imagePath, primaryColor, accentColor, websiteUrlplatforms — per-platform handle, displayName, followers, enabled, verifiedhashtags — array or { core: [] }posts — array of post objectsui — toolName, defaultTheme, defaultPlatform, defaultFormatfbPostPreferredFormat — 'landscape' or 'square'linkedinPostPreferredFormat — 'landscape' or 'square'id, title, filename or images.square — requiredscheduledDate — YYYY-MM-DD for calendar view and month filtercampaign — drives campaign grouping and campaign filterigCaption / fbBody / liBody / ttCaption / ytCaption / ytTitlehashtags, tags, platforms, formatsimages.square / portrait / landscape / verticalstrategy, goal, bestTime, ctaThe WordPress custom post type slug is always social-post — brand-agnostic. You register one CPT per site.
On every page load the app attempts to fetch from:
If posts are returned they are loaded automatically and the image base is locked to PAGE_ORIGIN/wp-content/uploads/ — unless brand.imagePath is set in the JSON, which always wins.
Click Fetch to manually trigger the REST API connection. If a folder is mounted, a local timestamped copy is also written automatically.
Paste a full brand JSON into a WordPress HTML block using <pre id="psm-page-content-json">. The data loader detects this on page load and shows a one-click load banner — content is NOT auto-applied, preserving any active localStorage override.
image_square, image_portrait, image_landscape, image_verticalfb_body, ig_caption, li_body, tt_caption, yt_title, yt_captionscheduled_date, campaign, strategy, goal, best_time, ctahashtags, platforms, formats, tagsstories_sticker_text, stories_link_label, reels_video, reels_cover, stories_imgUse an Application Password to connect your site
Users → click your usernameApplication Passwords → type any name → click Add New
Upload a brand JSON file, mount a local folder, or connect to your
WordPress site via the social-post CPT to replace
these demo posts with your real content.
Set brand.imagePath in your JSON for correct image loading.
Files export as {brand-slug}-social-posts-{timestamp}.json.
Upload a brand JSON file, mount a local folder, or connect to your
WordPress site via the social-post CPT to replace
these demo posts with your real content.
Files export as {brand-slug}-social-posts-{timestamp}.json.