Integrate Cincopa with Strapi

These integration guides are not official documentation and the Strapi Support Team will not provide assistance with them.

Integrating Cincopa with Strapi allows you to manage videos, images, audio, and other rich media directly from your Strapi CMS. This setup streamlines media workflows, reduces server load, and ensures fast, reliable playback across websites and applications.

Why use Strapi?

Strapi is the leading open-source headless CMS offering features, like customizable APIs, role-based permissions, multilingual support, etc. It simplifies content management and integrates effortlessly with modern frontend frameworks.

Explore the Strapi documentation for more details.

Why Use Cincopa?

Cincopa is a video and media hosting platform that enables developers to manage video, audio, images, and galleries in one place. It streamlines embedding, streaming, and media management across applications without the need for multiple external services.

For teams building training systems, learning platforms, or content-rich applications, Cincopa provides APIs, plugins, and infrastructure that simplify media delivery while addressing the operational needs of content management.

Bringing Developers and Content Managers Together

Cincopa unites technical and content teams on one platform.

• Developers get powerful APIs and integrations.
• Content managers and creators get an intuitive UI.

Together, they deliver seamless, mission-critical video experiences for teaching, training, eCommerce, and engagement.

✨ Features included :

• 📤 Upload videos to Cincopa from within Strapi
• 🎥 Use customizable, video players (mobile and desktop) - available in multiple styles such as playlists, Netflix-like galleries, academy and course layouts with multiple playlists, and more
• 🤖 AI features like VideoGPT for Q&A, summaries, and engagement
• ⚡ Deliver content through a top-tier global CDN for maximum speed and reliability
• 🔒 Enterprise-grade security with tokenized access, encrypted delivery, and fine-grained permission controls
• 📊 Analytics: Dive into layered insights with three-level analytics
• 📝 Create, upload, or generate subtitles/CC with AI
• 🎬 Create or auto-generate chapters to divide a long video
• 🎯 Add on-video features like annotations, calls to action, lead capture forms
• 🔍 Search your video library by title, description, ID, or even within the transcript
• 🧠 Set or auto-generate title and description with AI
• 🖼️ Pick or upload a thumbnail, or define a video clip as your preview
• 🌐 Automatic Video SEO with structured JSON-LD markup
• ✂️ Cut, trim, and refine your video content

Why Use Cincopa with Strapi?

Integrating Cincopa with Strapi allows editors to upload and manage media files such as videos, images, and galleries directly from the Strapi interface. This is done using the Cincopa Uploader plugin, which connects Strapi with your Cincopa account and syncs media assets with your collections.

After installing this plugin successfully, you can access UI Studio to manage media within content systems, along with customizable HTML5 players, analytics for tracking usage, and playback options like video chaptering, annotations, and responsive layouts.

Key Benefits of the Integration

Direct Integration with Your Cincopa Account

The integration allows you to connect your Cincopa account seamlessly within the Strapi interface. This eliminates the need for external tools or complex workflows, enabling direct access to your media assets from within Strapi’s environment, streamlining content management.

Full Media Browsing, Uploading, and Embedding

With this integration, users can browse, upload, and embed media directly from the Strapi interface. This feature simplifies the process of managing videos, images, and other media types, allowing content creators to work efficiently without switching between platforms.

Simplified Video-Rich Headless CMS Implementations

The integration is designed to enhance headless CMS setups by making it easier to incorporate video content. It provides a smooth workflow for managing and delivering video-rich experiences, reducing the complexity of integrating multimedia into headless architectures.

Advanced Media-Driven Experiences for eLearning, eCommerce, or content-rich sites

This integration empowers eLearning and eCommerce platforms to create engaging, media-driven user experiences. By leveraging Cincopa’s robust media capabilities within Strapi, platforms can deliver interactive video content, product showcases, or tutorials that enhance user engagement and drive conversions.

Ideal for SaaS Platforms and Enterprise Portals

The integration is well-suited for SaaS platforms, enterprise portals, and any headless architecture. It provides a scalable, flexible solution for managing media assets, making it ideal for businesses looking to build sophisticated, media-centric applications within a headless CMS framework.

Getting Started with Cincopa

Prerequisites

• ✅ A Cincopa API Token with "Full Access" permissions. Refer to the heading Create an API Token for the steps.
• ✅ Node.js: Ensure you have Node.js installed on your system.
• ✅ npm: This comes with Node.js, so no need to install it separately.
• ✅ Yarn (optional but recommended): Yarn is an alternative package manager, and Strapi recommends it for faster performance. You can install it via npm by running:

npm install -g yarn

Step 1: Install the Cincopa Uploader Plugin

To enable uploading media from Strapi to Cincopa, install the plugin:

npm install strapi-plugin-cincopa-uploader@latest

Step 2: Configure Cincopa Uploader Plugin

After installing the Cincopa Uploader Plugin in your Strapi project, configure it based on whether you selected TypeScript or JavaScript during Strapi installation. Edit the plugins.js (for JavaScript) or plugins.ts (for TypeScript) files, along with the .env file, to add your Cincopa API token and configure the plugin settings.

For TypeScript:

export default ({ env }) => ({
  'cincopa-uploader': {
    enabled: true,
    config: {
      apiToken: env('CINCOPA_API_TOKEN'),
      fullCincopaSync: false,
    },
  },
});

For JavaScript:

module.exports = ({ env }) => ({
  'cincopa-uploader': {
    enabled: true,
    config: {
      apiToken: env('CINCOPA_API_TOKEN'),
      fullCincopaSync: false,
    },
  },
});

Step 3: Add API Token:

Add your Cincopa API token to the .env file located in the root directory of your project and save it.

CINCOPA_API_TOKEN=your_actual_api_token_here

Replace your_actual_api_token_here with the real token you get from your Cincopa account.

Step 4: Restart Strapi Dev Server

Save all your files, then restart the Strapi development server to apply the changes.

npm run develop

Once the server starts, access the admin panel by the provided link in your terminal to create your first administrator account and begin using Strapi. For example: “http://localhost:1337/admin”

You can also refer to the video below that demonstrates the Cincopa Strapi Plugin installation process step by step.

Github Project Repo

You can find a complete working example of the Cincopa and Strapi integration in the GitHub repository. This project demonstrates how to set up and use Cincopa within Strapi.

Cincopa Support

Contact Cincopa for a demo or support at support@cincopa.com For more details, visit the Cincopa.

Strapi Open Office Hours

If you have any questions about Strapi 5 or just would like to stop by and say hi, you can join us at Strapi's Discord Open Office Hours Monday through Friday at 12:30 pm - 1:30 pm CST: Strapi Discord Open Office Hours

For more details about this integration, visit the Strapi documentation and Cincopa documentation.