Settings & Account

Integrations

Connect MarkgenAI with your favorite social platforms and CMS for seamless publishing.

Route: /integrationsOpen feature

Overview

What it does: Connect MarkgenAI with your favorite social platforms and CMS for seamless publishing.

Where to find it: Navigate to /integrations from the Dashboard sidebar.

Step-by-step guide

  1. Connect Facebook, Instagram, and LinkedIn for direct social media posting.
  2. Integrate WordPress or Blogger to publish generated blog posts directly to your site.
  3. Link Google Drive to automatically sync and backup your generated creative assets.

User Inputs (What users enter)

  • Platform Credentials (API keys, App passwords)
  • OAuth Authorization (OAuth flow)
  • Site URLs/Blog IDs

Platform Navigation

Google DriveWordPressBloggerFacebook

Google Drive

Connect Drive to store and access generated images in Library.

Inputs

  • No manual credentials in UI (OAuth-style connect flow).

Setup Steps

  1. Go to Settings > Integrations.
  2. Click Connect on Google Drive.
  3. Complete provider authorization flow.
  4. Return and verify connected state in Integrations.

How It Works

  1. UI calls connectPlatform('drive').
  2. After successful auth, refreshIntegrations() updates connected status.
  3. Library uses Drive connection to fetch thumbnails and file links.

WordPress

Connect your WordPress site for content publishing workflows.

Inputs

  • siteUrl
  • username
  • appPassword

Setup Steps

  1. Open Settings > Integrations and click Connect on WordPress.
  2. Enter Site URL, Username, and App Password in modal.
  3. Click Connect and wait for success.
  4. Confirm connected state in platform list.

How It Works

  1. Modal validates all 3 fields are present.
  2. UI sends credentials via connectPlatform('wordpress', { credentials }).
  3. On success, modal closes and integration list refreshes.

Blogger

Connect Blogger account using Blog ID for posting support.

Inputs

  • blogId

Setup Steps

  1. Open Settings > Integrations and click Connect on Blogger.
  2. Enter your Blogger Blog ID in the modal.
  3. Submit connection request.
  4. Verify connected state after refresh.

How It Works

  1. Modal validates blogId is not empty.
  2. UI sends connectPlatform('blogger', { credentials: { blogId } }).
  3. On success, integration list is refreshed and state is updated.

Facebook

Connect Facebook page for publish flows in content features.

Inputs

  • No manual form fields in this UI (connect flow handled by auth).

Setup Steps

  1. Open Settings > Integrations and click Connect on Facebook.
  2. Complete authentication and permission flow.
  3. Return to app and check connected state.
  4. Use connected page in Social Media Manager/publish actions.

How It Works

  1. UI triggers connectPlatform('facebook').
  2. Integration status is refreshed after connection succeeds.
  3. Connected account is used by publish-related features.

UI Breakdown

Primary Input

Provide clear business context and the exact goal for this feature.

Options Panel

Configure available settings to match brand style and campaign intent.

Generate and Review

Generate outputs, compare versions, and keep the strongest result.

How it works

  1. Establishes secure connections to external publishing platforms.
  2. Enables one-click posting and content synchronization.

Output

You get ready-to-use output generated from your inputs and selected options, which you can refine and publish in your workflow.

Example output

Sample result for Integrations appears here after generation and can be reused in campaigns.

Screenshots / GIFs

Add screenshot: feature main screen
Add GIF: step-by-step flow

Tips / Notes

  • Test your integration connections periodically to ensure smooth automated publishing workflows.
  • Use the 'Social Media Manager' in conjunction with integrations for a complete end-to-end campaign workflow.