Connect Mosaicora to the way your site already works

Choose the integration that publishes the right social image for every page—without rebuilding your content workflow.

Choose by how your site is built

All four paths solve the same basic problem: publish metadata that tells social platforms which image belongs to a page. The right choice depends on where that metadata is created.

Automatic

Add one hosted script and your public site ID. Mosaicora uses each page's canonical URL to add matching Open Graph and Twitter image tags automatically in the browser.

Any website · One script tag · No package required

Choose this when

You can add site-wide code and want the quickest integration.

Each browser page receives a predictable Mosaicora image URL with minimal setup.

See the automatic setup

Magento 2

Add complete Open Graph and optional Twitter Card metadata to product, category, CMS, and home pages. The extension uses content and media already stored in Magento, with no Mosaicora account required.

Magento 2 · Mage-OS · Adobe Commerce · PHP 8.1–8.5

Choose this when

You run Magento, Mage-OS, Adobe Commerce, or Hyvä.

Storefront pages publish consistent social previews from Magento content.

See the Magento setup

Next.js

Generate Mosaicora image URLs from each route’s canonical URL and publish them through App Router metadata. Optional typed JSON-LD controls the exact title, description, price, or features rendered in the image.

Next.js 16 · React 19 · Node.js 20+

Choose this when

You use Next.js App Router and server-rendered metadata.

Each route exposes a predictable image URL and explicit render content.

See the Next.js setup

npm package

Use the same image URL and JSON-LD helpers in any server-rendered or statically generated Node.js application, without depending on a particular framework.

Framework agnostic · TypeScript or JavaScript · Node.js 20+

Choose this when

You do not use Next.js, or need to control the rendering layer yourself.

Your server publishes crawler-ready social metadata with full framework control.

See the npm setup

What each integration handles

Compare where the metadata comes from and how much control each path gives you.

CapabilityAutomaticMagento 2Next.jsnpm package
Publishes social metadataIn the browser DOMYesThrough Next.js metadataThrough your rendering layer
Uses existing page contentCanonical page URLMagento fields and mediaYour route dataYour application data
Overrides image contentFrom the Mosaicora sitePage-specific Magento fieldsTyped JSON-LDTyped JSON-LD
Mosaicora account requiredYes — public site IDNoYes — public site IDYes — public site ID
Best forFast setup on any websiteMagento storefrontsNext.js App RouterOther Node.js frameworks

The goal is the same in every stack

The integration translates page information your site already has into metadata a social crawler can use.

  1. Your page data

  2. The integration

  3. Metadata and image URL

  4. The social preview

Need another integration?

Start with the current integration paths, or contact us with the framework, CMS, or publishing workflow you want to connect next.