Bannerify をツールに接続する

Bannerify は、テンプレートと値の組を、画像または PDF に変換します。このページの連携は、その値を代わりに送ってくれます。ワークフローツールがテンプレートとデータを Bannerify に渡すと、Bannerify が完成したファイルのリンクを返します。

連携を選ぶ

ノーコードツール

Zapier

Zap 用の Create Image と Create PDF のアクション

n8n

画像または PDF を描画するコミュニティノード

Pipedream

Render Image、Render PDF、List Templates のアクション

Notion

データベースのページが変更されたときに、テンプレートを描画します

開発者向けツール

SDK

JavaScript、Python、PHP、Go

署名付き URL

リンクを開いたときに、画像を描画します

CLI

ターミナルからテンプレートを描画します

MCP サーバー

AI アシスタントからファイルを作成します

埋め込みエディター

Scale プランと Enterprise プランで、エディターを自分のアプリに組み込みます

ストレージ

自分の S3 バケット

Scale プランと Enterprise プランで、S3、R2、そのほかの S3 互換サービスにファイルを保存します

始める前に

テンプレートをデザインし、変更したいレイヤーすべてに名前を付けます。テンプレートのデザインと Modificationsを参照してください。
API Keys ページで API キーを作成します。Zapier、n8n、Pipedream で必要になります。方法は、リクエストの認証で説明しています。Notion は、Notion アカウント経由で接続するため、キーは不要です。
ツールを接続し、テンプレートを選びます。

Zapier、n8n、Pipedream、Notion はテンプレートを一覧表示するため、テンプレート ID は不要です。HTTP ステップで API を呼び出すワークフローでは、ID が必要です。ID をコピーするには、テンプレートカードのメニューを開き、Copy Template ID を選びます。

アクションが返すもの

画像のアクションは createStoredImage を、PDF のアクションは createStoredPdf を呼び出します。どちらの呼び出しも、ファイルのリンクを含むオブジェクトを返します。

{
  "url": "https://images.bannerify.co/files/0b3c1c1e-5d6f-4c52-9e0a-8f6a4c0f2a11.png"
}

Bannerify は、ファイルを CDN に保存し、リンクは公開されます。このリンクをワークフローの次のステップに渡して、メールに入れたり、スプレッドシートに保存したりできます。Notion も同じ方法でファイルを保存し、リンクをページのプロパティに書き込みます。ファイルを自分のバケットに保存するには、自分の S3 バケットにファイルを保存するを参照してください。

テンプレートに値を送る

Zapier、n8n、Pipedream のアクションには、Modifications JSON フィールドがあります。キーがレイヤー名のオブジェクトを受け付けます。

{
  "headline": "Summer sale",
  "photo": { "src": "https://example.com/product.png" }
}

API が使う配列も受け付けます。

[
  { "name": "headline", "text": "Summer sale" },
  { "name": "photo", "src": "https://example.com/product.png" }
]

オブジェクトの形では、文字列はレイヤーのテキストを設定し、オブジェクトは、画像の src のように、指定したフィールドを設定します。各レイヤーの種類が読み取るフィールドは、Modificationsにまとめています。

制限

ファイル 1 つにつき 1 回の生成として数えられ、このページのすべてのツールに API の制限が適用されます。制限は、クォータと制限にまとめています。

サポート

an@bannerify.co にメールするか、Discord で質問してください。