メインコンテンツへスキップ
PDF4me API統合AIとSDK知識ベース拡張機能APIテスターブログ

変換する HTML に PDF で Make

PDF4me 変換する HTML に PDF は Make レンダリングを行うモジュール HTML コンテンツまたは公開ウェブ URL 完成品に PDF ヘッドレスブラウザや追加のレンダリングツールなしでドキュメントを作成できます。動的なレポート、請求書、メールテンプレートをプロフェッショナルなドキュメントに変換するために使用できます。 PDF直接あなたの Make シナリオに応じて、出力をGmail、Googleドライブ、または別のモジュールに渡します。

このモジュールの機能

PDF4me 変換する HTML に PDF ターン HTML ファイルまたは公開ウェブ URL に PDF ドキュメント内の Make シナリオ。 HTML 請求書、レポート、証明書など、動的に作成したコンテンツに対して、縦向きまたは横向きのレイアウトを選択すると、モジュールは完成したコンテンツを返します。 PDF メール送信、保存、または次のステップへの引き渡し準備完了。ブラウザも、ヘッドレスレンダラーも、その他のツールも不要です。 PDF4me レンダリングは自社サーバーで処理するため、シナリオはシンプルに保たれます。

関連ブログ記事(1)

認証 API リクエスト​

毎 PDF4me モジュール Make 有効な 繋がり. 作成または選択して、 PDF4me API シナリオが認証できるようにするためのキー HTML 変換リクエストを安全に処理します。

Get your API Key

見逃してはならない重要な事実​

ファイルフィールドには URL 二元論だけではなく
2番目の入力は「ドキュメント/パブリックファイル」と呼ばれます URLファイルバッファフィールドだけではありません。バイナリコンテンツをマッピングできます。 HTML 前のモジュールのファイル、または公開されている Web アドレス。ライブでホストされているページを扱っている場合は、ダウンロード手順を完全にスキップして、 URL 直接。
必要に応じて詳細設定も利用できます。
このモジュールには、パネルの下部に「詳細設定」トグルがあり、デフォルトでは折りたたまれています。レンダリングをより細かく制御する必要がある場合は、保存する前に展開してください。 PDF4me レイアウトフィールドのヒントにリンクされているドキュメントには、そこで利用可能な機能が説明されています。
CSS インラインまたは埋め込みの場合に最も効果的です
レイアウトのドロップダウンメニューでは、縦向きまたは横向きを選択できます。余白、フォント、ページサイズなど、その他すべては CSS あなたの HTMLインラインスタイルと埋め込みスタイルブロックは確実にレンダリングされます。リンクタグを介してリンクされた外部スタイルシートは、 URL 一般にアクセスできない PDF4me ページをレンダリングします。
PDF4meのHTMLからPDFへの変換モジュールで、接続設定をTestUser01、ファイル設定をマップ（ファイル名フィールドは2.ファイル名から、ドキュメント/公開ファイルURLフィールドは2.データからマッピング）、レイアウトドロップダウンをポートレートに設定し、ヒントとしてページレイアウトをポートレート/ランドスケープに設定、下部に詳細設定の切り替えを表示

ファイル名とドキュメント/公開ファイル URL 使用時には両方とも必要です Mapドキュメントフィールドは、 HTML バイナリバッファまたはパブリックウェブ URL詳細設定を開くと、追加のレンダリングオプションが表示されます。

パラメータ​

必須： 接続、ファイル、レイアウトは必ず指定する必要があります。ファイル名とドキュメント/公開ファイル URL ファイルは、次の設定の場合にのみ必要です。 Map。

パラメータ必須その機能例
ConnectionRequiredPDF4me API connection. Click Add and paste your API key if connecting for the first time.Your PDF4me connection
FileRequiredSource input method. Choose Dropbox - Download a File for a direct Dropbox trigger, or Map to supply inputs from a prior module.Map
File nameRequiredFilename for the HTML source including extension. Shown as a sub-field of File when Map is selected. Hint: "Map the file name from the source action."2. File Name
Document / public file URLRequiredEither the binary content of an HTML file from a prior module, or a public web URL to render, supplied when File is set to Map. Hint: "Map the file Data from the source action."2. Data
LayoutRequiredPage orientation for the output PDF. Options: Portrait, Landscape. Defaults to Portrait. Hint: "Set page layout portrait/landscape." Has Map toggle for dynamic scenarios.Portrait
Index File PathOptionalRelative path to the entry HTML file inside a ZIP archive. Leave empty when Document is a single HTML file.site/index.html
Paper SizeOptionalOutput page size. Options are Letter, Legal, Tabloid and Ledger, A0 to A6, and Custom. Each label carries its dimensions, for example Letter (8.5in x 11in). Defaults to A4 (8.27in x 11.7in).A4 (8.27in x 11.7in)
Paper Size > WidthConditionalPage width, shown when Paper Size is Custom. Defaults to 5in.5in
Paper Size > HeightConditionalPage height, shown when Paper Size is Custom. Defaults to 8in.8in
ScaleOptionalRender scale for the page content. Defaults to 0.8.0.8
Top MarginOptionalTop page margin. Defaults to 40px.40px
Bottom MarginOptionalBottom page margin. Defaults to 40px.40px
Left MarginOptionalLeft page margin. Defaults to 40px.40px
Right MarginOptionalRight page margin. Defaults to 40px. Note: the Make UI labels this field Bottom Margin, while it controls the right margin.40px
Print BackgroundOptionalWhether CSS backgrounds and images are rendered. Defaults to Yes.Yes

出力​

分野タイプ内容物
NameFile nameFilename of the generated output PDF.
DocumentFile (binary data)The converted PDF file content, ready to attach in Gmail, upload to Drive or Dropbox, or pass to another PDF4me module.
Document UrlTextLink to the converted PDF. Returned when PDF4me processes the request as a background job.

変換方法は？ HTML に PDF で Make？​

  1. 追加 PDF4me に 変換する HTML に PDF あなたの Make シナリオ。
  2. 選択 繋がり （またはクリック） 追加 あなたと一緒に作成する API 鍵）。
  3. セット ファイル に Map。 接続する ファイル名 そして 文書／公開ファイル URL 前のモジュールの出力から。またはライブパブリックを渡します。 URL 直接 文書／公開ファイル URL 分野。
  4. 選ぶ レイアウト標準的な文書には縦向きを、幅の広い表やダッシュボードには横向きを使用してください。
  5. 保存して実行します。出力結果 Document 終わりましたか？ PDFそれをGmail、Googleドライブ、Dropbox、または任意の下流モジュールにパイプします。

Convertはいつ使用すべきですか？ HTML に PDF？​

典型的な構成Common Make scenario patterns using Convert HTML to PDF.
週次売上レポートを PDF そしてメールで送信する
  1. 毎週月曜日の朝に、設定されたトリガーが作動する。
  2. データベースまたはGoogleスプレッドシートのモジュールを使用して、その週の売上データを取得します。
  3. A Make テキストモジュールは、 HTML 文字列、図表、要約見出し、インライン CSS スタイリング。
  4. 変換する HTML に PDF レイアウトを縦向きに設定して実行します。 PDF ドキュメント出力に取り込まれます。
  5. Gmailはドキュメントを添付し、午前9時の朝礼前に経営陣にレポートを送信します。
ブランドロゴ入りの請求書を作成する PDF 新規注文ごとに
  1. ウェブフックは、eコマースプラットフォームで注文が確定した際に発火します。
  2. Google Drive は HTML 請求書テンプレート。
  3. A Make テキストモジュールは、顧客名、明細項目、合計金額などのプレースホルダーフィールドを、注文ペイロードからのライブデータに置き換えます。
  4. 変換する HTML に PDF 完成した請求書を生成します PDF。
  5. Gmailはそれを顧客に送信し、コピーはDropboxの「請求書」フォルダにアップロードされます。
重要なメールをアーカイブする PDF 記録
  1. Gmailは、特定のラベルが付いたメッセージが届くと通知を発信します。
  2. メール HTML 本文は抽出され、送信者、件名、日付などのメタデータとともに、クリーンな形式でラップされます。 HTML レイアウト。
  3. 変換する HTML に PDF メールをアーカイブします PDF レイアウトを縦向きに設定。
  4. の PDF にアップロードされます SharePoint コンプライアンスフォルダに保存されます。Gmailではメールに「アーカイブ済み」というタグが付けられるため、チームはメールが保存されたことを確認できます。

実践的なヒント​

External stylesheets often fail silently
A link tag pointing at a CSS file only works if PDF4me can reach that URL publicly at render time. If your styling is missing from the output PDF, inline the CSS or embed it in a style block instead.
A public URL skips the HTML-building step entirely
If the page you want already exists and is publicly reachable, pass its address directly in Document / public file URL instead of fetching and rebuilding the HTML in your scenario.
Page size and margins come from CSS, not the module
Layout only controls Portrait vs Landscape orientation. Use @page rules in a style block, for example @page { margin: 20mm; size: A4; }, to control margins and dimensions.
File name still matters even with a URL
When File is set to Map, both File name and Document / public file URL are required fields, even if the Document value is a URL rather than binary content.
Advanced settings are collapsed by default
Expand the Advanced settings toggle before saving if you need finer rendering control. It is easy to miss since the panel starts closed.

チートシート​

出力におけるページサイズと余白 PDF 完全に CSS あなたの HTMLによると MDN CSSページングメディアガイド そして MDN @page 参照レイアウトのドロップダウンメニューでは、縦向きか横向きかの設定のみが可能です。

分野価値
FileMap
File name2. File Name
Document / public file URL2. Data (binary) or a live public URL
LayoutPortrait or Landscape
OutputName, Document, Document Url

よくある質問​

Can I pass a live web URL instead of an HTML file?+
Yes. The field is called Document / public file URL for a reason. You can map either a binary HTML file from a prior module or a public web address. If you use a URL, the page needs to be reachable without authentication at the time the scenario runs. PDF4me fetches it from its own servers.
What CSS is supported in the HTML I pass?+
Inline styles and embedded style blocks render reliably. External stylesheets linked via link tags may not load if their URL is not publicly accessible during rendering. For consistent results, keep your CSS inline or in a style block within the HTML you pass to the module.
What is in Advanced settings?+
The module has an Advanced settings toggle at the bottom of the panel. Expanding it reveals additional rendering controls beyond Layout. The full list is covered in the PDF4me documentation linked in the Layout field hint. Check there before saving if you need margin control, specific page sizes, or other fine-grained options.
Can I control page margins or use a custom page size?+
For margins and page dimensions, use CSS @page rules inside a style block in your HTML, for example @page { margin: 20mm; size: A4; }. The Layout dropdown handles portrait vs landscape orientation only, everything else comes from your CSS.
How to make HTML to PDF in Make without writing code?+
Add the Convert HTML to PDF module, connect your PDF4me API key, and map File name and Document / public file URL from a prior module or paste a public URL. No custom code or headless browser is required, PDF4me renders the page on its own servers.
What does the module return?+
Name (the output PDF filename) and Document (the binary PDF buffer). Map Document into Gmail as an attachment, upload it to Google Drive or Dropbox, or pass it to another PDF4me module, like Digital Sign or Create PDF/A, for further processing.

関連アクション​

他のプラットフォームでの同じタスク​

ヘルプが必要な場合​

Make IntegrationGet your API KeyMake Documentation