提升平台功能

为什么要集成 PostNitro 的 Carousel Maker？

使用我们 AI 驱动的轮播创建工具，增强您的社交媒体管理工具。为您的用户提供无缝的平台内体验，让您在竞争中脱颖而出。

简化的用户体验

通过提供强大的轮播创建工具，让您的用户参与您的平台。

消除工具切换的烦恼
用户无需离开您的平台即可创建、编辑和安排轮播
提高留存率和平台粘性
提供附加价值，让用户不断使用您的工具
与您现有的功能融合
我们的 SDK 可适应您的 UI，提供一致的用户体验

快速实施

通过集成我们即用型旋转木马制作器，节省开发时间和资源。

只需几分钟即可实施，无需数月
只需几行代码即可将我们的轮播制作器添加到您的平台
专注于你的核心竞争力
避免从头开始构建轮播工具的时间和成本
始终保持最新的功能
无需额外努力即可享受我们持续的功能更新和改进

定制化和灵活性

定制轮播制作器以满足您平台的独特需求。

与您的平台的外观和感觉相匹配
自定义旋转木马制作器的外观，以无缝契合您的品牌
适应用户的需求
启用或禁用功能来为您的受众创建完美的工具
不受限制地成长
我们的 SDK 可随您的平台扩展，随着您的用户群扩大而为您提供支持

人工智能驱动的创作

为您的用户提供最新的人工智能驱动设计技术。

几分钟内即可获得专业外观的旋转木马
AI 生成的布局和设计元素
提高与人工智能的互动
AI 为您的受众创建和优化内容
利用尖端人工智能保持领先
随着人工智能的发展，不断提供新的和改进的设计功能

Start Integrating Today

它是如何工作的？

Step 1

获取API密钥

从您的 PostNitro 帐户的嵌入部分生成免费的 API 密钥以实现安全集成。

Step 2

安装和初始化

将我们的 SDK 添加到您的项目中，只需几行代码即可使用您的 API 密钥初始化编辑器。

Step 3

实现轮播功能

使用我们的简单方法，让用户直接在您的平台内创建和编辑轮播。

文档

增强您的平台

跨行业的多功能集成

了解 PostNitro 的 Embed SDK 如何增强各种平台，为不同行业和用例提供价值。

提升内容创作

将 PostNitro 的轮播制作器集成到您的 CMS 中，赋能内容创作者。用户可以直接在您的平台内设计引人入胜的多幻灯片内容，从而简化内容创作流程并增强视觉叙事能力。

提升产品展示

使用 PostNitro 的轮播创建工具，增强您的电商平台。卖家可以制作视觉上引人入胜的产品图库，展示产品特色，并创建引人注目的前后对比图，从而提升用户参与度并潜在地提高转化率。

扩大营销活动创作

利用集成轮播设计，增强您的营销平台。赋能营销人员，打造引人注目的营销活动视觉效果、设计多帧广告，并在各种社交媒体平台上打造具有凝聚力的品牌故事，一切尽在您的营销套件中。

立即开始集成

✨ PostNitro v2 现已上线！🥳 ✨

立即尝试 →

AI驱动的轮播创建器SDK

将 PostNitro 的 Carousel Maker 嵌入到您的应用中

Name: PostNitro Free Plan
Brand: Brand
Availability: InStock
Rating: 5.0 (18 reviews)

将我们 AI 驱动的轮播生成器集成到您的平台。让您的用户能够直接在您的应用程序中为 Instagram、LinkedIn 等平台创建精美且可自定义的轮播效果。

受到 40 多个创新平台的信赖

在 NPM 上查看包获取您的免费 API 密钥

无需信用卡 | 免费嵌入和使用

提升平台功能

为什么要集成 PostNitro 的 Carousel Maker？

使用我们 AI 驱动的轮播创建工具，增强您的社交媒体管理工具。为您的用户提供无缝的平台内体验，让您在竞争中脱颖而出。

简化的用户体验

通过提供强大的轮播创建工具，让您的用户参与您的平台。

消除工具切换的烦恼
用户无需离开您的平台即可创建、编辑和安排轮播
提高留存率和平台粘性
提供附加价值，让用户不断使用您的工具
与您现有的功能融合
我们的 SDK 可适应您的 UI，提供一致的用户体验

快速实施

通过集成我们即用型旋转木马制作器，节省开发时间和资源。

只需几分钟即可实施，无需数月
只需几行代码即可将我们的轮播制作器添加到您的平台
专注于你的核心竞争力
避免从头开始构建轮播工具的时间和成本
始终保持最新的功能
无需额外努力即可享受我们持续的功能更新和改进

定制化和灵活性

定制轮播制作器以满足您平台的独特需求。

与您的平台的外观和感觉相匹配
自定义旋转木马制作器的外观，以无缝契合您的品牌
适应用户的需求
启用或禁用功能来为您的受众创建完美的工具
不受限制地成长
我们的 SDK 可随您的平台扩展，随着您的用户群扩大而为您提供支持

人工智能驱动的创作

为您的用户提供最新的人工智能驱动设计技术。

几分钟内即可获得专业外观的旋转木马
AI 生成的布局和设计元素
提高与人工智能的互动
AI 为您的受众创建和优化内容
利用尖端人工智能保持领先
随着人工智能的发展，不断提供新的和改进的设计功能

Start Integrating Today

它是如何工作的？

Step 1

获取API密钥

从您的 PostNitro 帐户的嵌入部分生成免费的 API 密钥以实现安全集成。

Step 2

安装和初始化

将我们的 SDK 添加到您的项目中，只需几行代码即可使用您的 API 密钥初始化编辑器。

Step 3

实现轮播功能

使用我们的简单方法，让用户直接在您的平台内创建和编辑轮播。

文档

无缝集成，打造强大的轮播效果

几分钟内即可集成我们的 Carousel Maker PostNitro

看看将我们 AI 驱动的轮播创建工具添加到您的应用是多么简单。此示例展示了基本设置和使用方法。

查看完整文档

增强您的平台

跨行业的多功能集成

了解 PostNitro 的 Embed SDK 如何增强各种平台，为不同行业和用例提供价值。

提升内容创作

提升产品展示

扩大营销活动创作

立即开始集成

Installation

To install the Postnitro Embed package, run the following command:

pnpm add @postnitro/embed

Initialization

Before using the Postnitro Embed functionality, you need to initialize the editor instance.

Module Initialization

const editor = createEditor({
        apiKey: "your-api-key",
    });

Default Headshot

You can set a default headshot for the editor by passing the defaultHeadshot option:

const editor = createEditor({
        apiKey,
        defaultHeadshot: {
            name: 'PostNitro.ai
            logo: 'https://postnitro.ai/embed/embed-loader.svg',
            handle: 'Create Carousels in seconds',
        }
    });
     
    // Note: This will be used as the headshot for the new users who don't have a headshot set.

Creating/Updating Carousel

Create a New Carousel

To create a new carousel, call the createDesign method and provide a callback function to handle the export data:

editor?.createDesign((data: ExportData) => {
        console.log(data);
        // You can perform additional operations with the data
        // such as saving or displaying the carousel
    });

Update an Existing Carousel

To edit an existing carousel, call the editDesign method and provide the carousel ID and a callback function to handle the export data:

editor?.editDesign('your-carousel-id', (data: ExportData) => {
        console.log(data);
        // You can perform additional operations with the data, 
        // such as updating the existing carousel
    });

Understanding the ExportData type

The callback function receives an ExportData object, which contains the following properties:

export interface ExportData {
    id: string;           // Unique identifier for the content
    name: string;         // User-defined content name
    size: string;         // Aspect ratio (e.g., "16:9", "1:1", "9:16")
    type: string;         // Export format: "pdf", "png", or "mp4"
    data: Blob | Blob[];  // File data - single Blob for PDF/MP4, Blob array for PNG
}