Settings & Account

Integrations

Connect MarkGenAI with external platforms for storage and publishing workflows.

Route: /integrationsOpen feature

Overview

What it does: Connect MarkGenAI with external platforms for storage and publishing workflows.

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

Step-by-step guide

  1. Open Integrations and connect Google Drive for image storage and Library access.
  2. Connect WordPress using Site URL, username, and app password.
  3. Connect Blogger using your Blog ID.
  4. Connect Facebook to enable social publishing workflows where available.

User Inputs (What users enter)

  • Google Drive / Facebook (Connect flow)
  • WordPress Credentials (siteUrl, username, appPassword)
  • Blogger Blog ID

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

  • If a feature cannot publish, first confirm integration status and reconnect if needed.
  • After connecting or disconnecting, refresh the page to ensure status is fully synced.
  • Keep CMS/app credentials current to avoid silent authorization failures.