ブログ

Canvaで入力可能なPDFを作成する方法(ステップバイステップガイド)

最終更新日: 
Canvaで入力可能なPDFを作成する方法(ステップバイステップガイド)

この記事のポイント

  1. Canvaだけでは、本当に入力できるPDFは作れません(ただし、プロ仕様のPDFや書類をデザインするのは得意です)。
  2. Canvaで入力可能なPDFを作るには、2つのステップが必要です。まずCanvaでデザインし、次に無料のJotform Fillable PDF連携で入力できるようにします。
  3. テキストボックスや線、図形といったビジュアル要素を使って、どこに入力やサインをすればいいかを利用者に示しましょう。
  4. 入力できるようにする前に、完成したデザインをPDF印刷ファイルとして書き出します。
  5. あとはJotform Fillable PDFが、あなたのCanvaファイルを完全に入力可能なPDFフォームに変換してくれます。手作業はほとんど、あるいはまったく必要ありません。

新しい見込み客から情報を集めるとき、注文を受けるとき、お客様からフィードバックをもらうときなど、どんな場面でも、Jotformを使えばCanvaのPDFを本当に入力できるPDFに簡単に変えられます。

すでにお持ちのJotformフォームをCanvaのデザインに埋め込むことも、新しく作ることもできます。回答はそのままJotformアカウントに届きます。それでは、その仕組みを一緒に見ていきましょう。

Pro Tip

公式のCanva連携からお越しですか? このまま読み進めて、Jotformフォームに直接つながる入力可能なPDFをCanvaで作る方法を確認してください。

Canvaでデザインを作成するか、既存のものを開く

  1. Canvaのプロがデザインしたテンプレートから始めるか、PDF書類を一から自分で作ります。
  2. 作りたいフォームの種類を検索します。
  3. Screenshot of Canva’s template gallery with “custom cake order form” typed in the search bar and multiple pastel order form templates displayed in a grid
  1. 気に入ったテンプレートをクリックし、このテンプレートをカスタマイズを押すと編集を始められます。
  2. Screenshot of a Canva template preview for a bakery customer satisfaction survey, with the form shown on the left and a purple “Customize this template” button on the right
  1. 一から作る場合は、横向き(ワイド)か縦向き(縦長)のどちらにするかを決めてから、左上の作成アイコンをクリックして始めます。
  2. Screenshot of Canva’s home screen with a pink arrow pointing to the “Create” button in the left sidebar

フォーム項目の目印となるビジュアル要素を追加する

  1. どこに情報を記入すればいいかが、見た目で分かるようにしておきましょう。たとえば長方形や線を使って「テキストボックス」を作れば、回答をどこに入力すればいいか一目で伝わります。(この段階ではあくまで見た目上の目印です。実際に入力できるようにするのは後の工程です。)
  2. Close-up of a form section labeled “Additional Comments,” showing horizontal lines for typed responses and decorative donut and cupcake illustrations
  1. 視覚的な手がかりがあると、どこに記入すればいいかがすぐに分かります。たとえばテキストボックスに影をつけたり、罫線で囲んだり、背景色とはっきり区別できる色をボックスに使ったりするといいでしょう。
  2. 選択肢を選ぶような文字以外の項目には、記号や図形を使って、どこをクリックすれば選べるかを示します。この書類の丸印がその例です。
  3. Close-up of a bakery survey form with circular choice buttons for questions about how the customer heard about the shop and which cake flavor they purchased

Pro Tip

Canvaを使うのは初めてですか? Canvaでデザインするための40のコツとテクニックで基本をおさらいしておきましょう。

デザインをPDFとしてダウンロードする

  1. PDFのデザインが仕上がったら、右上の共有をクリックします。
  2. Screenshot of Canva editor with a pink arrow pointing to the “Share” button in the top-right corner
  1. 続いてダウンロードをクリックします。
  2. Canva “Share design” panel open with the “Download” option highlighted among sharing options
  1. ファイル形式の選択欄からPDF(印刷)を選びます。実際に印刷するわけではありませんが、この形式なら最も高画質なファイルが手に入ります。
  2. あとはダウンロードをクリックすればPDFが保存されます。保存先は、お使いのブラウザのダウンロード先として設定されている場所です。
  3. Canva download settings panel showing “PDF Print” selected as the file type with a purple “Download” button

PDFをJotformの入力可能PDFフォーム作成ツールにアップロードする

  1. いよいよ、CanvaのPDFを入力できるようにしていきます。Jotformの入力可能PDFフォーム作成ツールにアクセスしましょう。
  2. 青いPDFを入力可能なフォームに変換ボタンをクリックします。
  3. Jotform Fillable PDF Form Creator landing page with a button labeled “Convert PDF to fillable form
  1. 先ほどCanvaからダウンロードしたPDFをアップロードします。
  2. Jotform upload screen with a drag-and-drop area labeled “Upload document
  1. Jotformが書類を解析し、数秒後にはPDFをもとにした新しいフォームを自動で作成します。
  2. Jotform PDF editor showing a converted customer satisfaction survey alongside a preview of the original design
  1. 質問や項目が正しく変換されているか、念のため確認しましょう。変更したいときは、その質問や項目をクリックするとプロパティボタンが表示されます。
  2. Form builder interface with a selected field and the “Properties” panel open on the right
  1. 今回の書類では、顧客体験に関するセクションの行がうまく取り込まれませんでした。もし同じようなことが起きたら、項目タブから手作業で項目を追加できます。このタブでは、必要に応じてオンラインフォームの動作を変えることもできます。
  2. Jotform editor displaying a table field with rows and columns being configured in the “Fields” tab
  1. このセクションの行と列を作ったら、次は選択肢をPDF上のボックスと対応づけます。どこかをクリックしてプロパティ画面を閉じ、テーブル内の各ボックスをクリックしてからPDFに追加ボタンを押します。そして右側のPDFプレビューで対応するボックスをクリックすると、両者がつながります。
  2. Jotform form builder showing a table field mapped to corresponding areas in the PDF preview
  1. 入力可能なPDFが思いどおりに仕上がったら、上部の設定をクリックして必要な項目を入力し、公開を押します。フォームへのリンクをコピーしたり、メールで送ったり、自分のウェブサイトに埋め込んだりと、さまざまな方法で共有できます。
  2. Editor screen with a pink arrow pointing to the “Publish” tab at the top navigation

    このほか、Jotformアカウントから直接PDFを作る方法もあります。スマートPDFフォームを使えば、PDFをオンラインフォームに変換でき、どんな端末からでもデジタルで記入してもらえます。しかも、記入済みのPDFも生成されるので、そのままダウンロードして保存できます。オンラインの手軽さと、元のPDFレイアウトをそのまま残した記入済み書類、その両方が手に入ります。

    Jotformサインを使えば、フォームに電子サインを追加することもできます。詳しくは、電子サイン要素を追加する方法をまとめたチュートリアルをご覧ください。

共有する前にテスト

  1. 公開タブで新しいタブで開くボタンをクリックし、実際に開いて記入してみて、ちゃんと動くか確かめましょう。PDFにあった内容がすべてフォームに入っているか、そして回答がJotformアカウントに届いているかを確認してください。
  2. Jotform Publish tab with sharing options including link, embed, and email
  1. 新しい入力可能PDFとフォームに満足できたら、公開ページから配信しましょう。

JotformとCanvaでできることを広げる

Canvaは、使いやすく機能も豊富なデザインプラットフォームで、誰もがプロ並みの質の高いデジタル素材を作れるようにしてくれます。一方Jotformは、強力なデータ収集機能やAI Agents、ワークフローの自動化によって、規模を問わずあらゆる組織に、業務を一つにまとめる生産性の基盤を提供します。この二つを組み合わせれば、見た目も美しく、しっかり機能するフォームが作れます。

入力可能なPDFの作成を含め、CanvaのデザインにJotformのフォームを組み込めば、見栄えのいいフォームにするか、それとも実際に機能して作業を速めるフォームにするか、どちらかを選ぶ必要はもうありません。さらにCanvaのウェブサイトにJotformのフォームを埋め込めば、情報の収集や電子サインの取得、決済の処理など、さまざまなことができます。しかも条件分岐や高度な自動化までそのまま使えます。

Canva interface with a popup showing a contact form and a panel titled “Embed custom forms in your Canva website

デザインをもう一歩進めたいなら、Canva向けJotform AIチャットボットが役立ちます。コードを書くことなく、AIを活用した対話型のチャット体験をCanvaのプロジェクトに直接組み込めます。チャットボットが質問に答え、見込み客を見極め、最適なフォームへと案内してくれるので、静的なデザインを、成約につながる動きのある体験へと変えられます。

Popup showing Jotform AI Chatbot integration in Canva with preview of chatbot interface and “Use in design” buttons

JotformとCanvaでの制作を始めてみませんか。まずはCanvaとJotformを一緒に使う方法からヒントを得て、ご自身のプロジェクトに取りかかってみてください。

CanvaでつくるPDF入力フォームについてのよくある質問

Canva単体では、入力可能なPDFは作れません。ただ、Canvaでデザインを作り、PDFとしてダウンロードしたうえで、Jotformの入力可能PDFフォーム作成ツールを使えば、数分で、しかも無料で入力可能なPDFに変換できます。

手持ちのPDF書類をJotformの入力可能PDFフォーム作成ツールにアップロードするだけで、本物の入力可能PDFとオンラインフォームにすぐ変換できます。しかも無料です。

さらにスマートPDFフォームを使えば、使い勝手のいいオンラインフォームを作れるうえ、元のPDF書類をテンプレートにして、記入済みフォームを印刷可能なPDFとして出力することもできます。

Canvaで書類を編集しているときに、左側のナビゲーションからテキストを選び、テキストボックスを追加をクリックするとテキストボックスを置けます。ただし注意してほしいのは、このテキストボックスはCanvaの中でしか編集できないことです。ファイルをダウンロードしても、入力できる状態にはなりません。CanvaのPDFファイルを入力可能なPDFにするには、Jotform連携のような外部ツールを使う必要があります。

この記事は、高度なデザインスキルやPDF編集の知識がなくても、Canvaで見栄えのするフォームをデザインし、それを入力可能なPDFに変えたいと考えている方に向けたものです。小規模事業のオーナーやマーケター、人事チーム、教育関係者、フリーランス、そして業務を担う現場の方々にお役立ていただけます。

コメントの送信:

Jotform Avatar
このサイトは reCAPTCHA によって保護されており、Googleのプライバシーポリシーと利用規約が適用されます。

Podo Comment 最初のコメントを投稿してください。