TypeformとSquarespaceの連携イメージ

k.ikeda_第一次入稿完了_【簡単設定】TypeformのデータをSquarespaceに自動的に連携する方法

Yoomを詳しくみる
この記事のテンプレートを試す
TypeformとSquarespaceの連携イメージ
アプリ同士の連携方法

2025-09-17

k.ikeda_第一次入稿完了_【簡単設定】TypeformのデータをSquarespaceに自動的に連携する方法

はるさら

「Typeformで集めたアンケートや注文情報を、Squarespaceで構築したECサイトに手作業で登録している」
「回答データを一つひとつコピー&ペーストするのが面倒で、入力ミスも発生しやすい…」
このように、TypeformとSquarespace間での手作業によるデータ連携に、時間と手間を取られていませんか?

もし、<span class="mark-yellow">Typeformに新しい回答が送信されたタイミングで、その情報を自動的にSquarespaceの商品情報として登録する仕組み</span>があれば、これらの煩わしい作業から解放されるかもしれません。
本来注力すべき商品企画やマーケティング活動により多くの時間を割くことができます。

今回ご紹介する自動化の設定は、プログラミングの知識がなくても簡単に設定が可能です。
ぜひこの機会に導入して、日々の業務をもっと効率的に進めましょう!

とにかく早く試したい方へ

Yoomには<span class="mark-yellow">TypeformとSquarespaceを連携するためのテンプレート</span>が用意されています。
今すぐ試したい方は以下よりバナーをクリックしてスタートしましょう!

[[179578]]

TypeformとSquarespaceを連携してできること

TypeformとSquarespaceのAPIを連携させることで、これまで手作業で行っていたデータ入力を自動化し、業務効率を大幅に向上させることが可能になります。

例えば、Typeformで受け付けた注文情報を基に、Squarespaceの商品を自動で作成するといった連携が実現できます。
ここでは具体的な自動化の例をいくつかご紹介しますので、気になる内容があれば、ぜひクリックしてみてください!

Typeformの回答をもとに、Squarespaceで商品を作成する

Typeformのフォームに新しい回答が送信されると、その回答内容を自動的に取得し、Squarespaceに新しい商品として登録するフローです。

<span class="mark-yellow">手作業による商品登録の手間を完全に排除し、入力ミスを防ぐことができます。</span>この連携は、Typeformのデータを直接Squarespaceに連携するシンプルな構成のため、設定も簡単ですぐに自動化を始めることが可能です。

[[179578]]

Typeformで特定条件に合う回答があったら、Squarespaceで商品を作成する

Typeformに送信された回答の中から、「特定のプランが選択された」や「特定のキーワードが含まれている」といった条件に合致するものだけを抽出し、その情報をもとにSquarespaceで商品を自動作成することも可能です。

<span class="mark-yellow">手動での情報選別やフィルタリング作業が不要になり、必要なデータだけを正確に連携させることができます。</span>条件分岐の処理を自動化することで、より柔軟でスマートな業務フローを構築できます。

[[277809]]

TypeformとSquarespaceの連携フローを作ってみよう

それでは、さっそく実際にTypeformとSquarespaceを連携したフローを作成してみましょう!

今回はYoomを使用して、ノーコードでTypeformとSquarespaceの連携を進めていきます。
もしまだYoomのアカウントをお持ちでない場合は、こちらの登録フォームからアカウントを発行しておきましょう。

※今回連携するアプリの公式サイト:TypeformSquarespace

[Yoomとは]

フローの作成方法

今回はTypeformの回答をもとに、Squarespaceで商品を作成するフローを作成していきます!

作成の流れは大きく分けて以下です。

  • TypeformとSquarespaceをマイアプリ連携
  • 該当のテンプレートをコピー
  • Typeformのトリガー設定およびSquarespaceのアクション設定
  • トリガーをONにし、フローが起動するかを確認

ステップ1:TypeformとSquarespaceのマイアプリ連携

ここでは、Yoomとそれぞれのアプリを連携して、操作が行えるようにしていきます。
まずは基本的な設定方法を解説しているナビをご覧ください!

それではここから今回のフローで使用するアプリのマイアプリ登録方法を解説します。

Typeformの連携

検索ボックスにTypeformと入力し、Typeformのアイコンをクリックします。

お手持ちのTypeformのアカウントでログインを行ってください。

ログインするとYoomとの連携を求める下記の画面が表示されます。

画面下のAcceptのボタンをクリックしましょう。

マイアプリにTypeformが追加されたことを確認出来たら、Typeformのマイアプリ登録は完了となります。

Squarespaceの連携

検索ボックスにSquarespaceと入力し、Squarespaceのアイコンをクリックします。

Squarespaceよりアクセストークンを取得し入力してください。
アカウント名は任意の記入で問題ありません。

※APIキー(アクセストークン)はSquarespaceの以下の画面から取得が可能です。

マイアプリにSquarespaceが追加されたことを確認出来たら、Squarespaceのマイアプリ登録は完了となります。

ステップ2:テンプレートをコピー

それでは自動化の設定を行っていきましょう!Yoomにログインして、以下のバナーにある「試してみる」をクリックしてください。

[[179578]]

自動的にテンプレートがコピーされ、以下の画面が表示されます。
テンプレートはマイプロジェクトというプロジェクトに自動的に格納されるので、
確認したい場合はそこから確認してください。以下の画面表示を読んで、「OK」をクリックしましょう。

ステップ3:Typeformのトリガー設定

まずはフローが動き出すきっかけとなるTypeformのトリガー設定を行います。
画面赤枠の「フォームが送信されたら」をクリックしてください。

「連携アカウントとアクションを選択」画面では以下を設定します。

  • タイトル:任意の値に変更可能です。
  • アプリ:マイアプリ連携をした「Typeform」が反映されていることを確認しましょう。
  • Typeformと連携するアカウント情報:フローと紐づけるアカウントを選択してください。対象のアカウントがリストに表示されていないときは「アカウントを追加」から追加が可能です。
  • トリガーアクション:プルダウンより設定可能です。今回はデフォルトで設定されている項目(フォームが送信されたら)のまま進みましょう。

設定が完了したら次へボタンをクリックしましょう。

また、次の画面の操作を行う前にTypeformにてフォームを作成しましょう。
今回は下記のように商品名、詳細、SKU(製品や商品を識別するための一意のコード)、金額を入力するフォームを作成して進めています。

Yoomの画面に戻り、下記画面に以下の設定を行ってください。

  • フォームID:作成したTypeformのURLより取得してください。
  • タグ:任意の値を設定してください。わからなければ注意書きにも記載されている「form_response」を設定しましょう。

設定が完了したらテストボタンをクリックしてください。

テスト成功が表示されたら次へボタンをクリックしましょう。

次の画面のテストでフォームの回答結果を取得するため、
先ほど作成したフォームに回答を送信してください。

回答を送信したらYoom画面に戻りテストボタンをクリックしましょう。

テスト成功が表示されたら、回答の取得完了となります。

取得した値に表示されている項目を参照し、フォームの回答が取得できていることが確認出来たら保存するボタンをクリックしましょう。

※「取得した値ってなんだろう?」と思った方は下記の記事をご参照ください。
アウトプットについて

※取得する値を追加する方法はこちらのページを参考にご対応ください。

ステップ4:Squarespaceへの商品作成の設定

次にSquarespaceの設定を進めていきます。
画面赤枠の「商品を作成」をクリックしてください。

「連携アカウントとアクションを選択」画面では以下を設定します。

  • タイトル:任意の値に変更可能です。
  • アプリ:マイアプリ連携をした「Squarespace」が反映されていることを確認しましょう。
  • Squarespaceと連携するアカウント情報:フローと紐づけるアカウントを選択してください。対象のアカウントがリストに表示されていないときは「アカウントを追加」から追加が可能です。
  • アクション:プルダウンより設定可能です。今回はデフォルトで設定されている項目(商品を作成)のまま進みましょう。

設定が完了したら次へボタンをクリックしましょう。

API接続設定ではSquarespaceに商品を作成するための設定を行います。

  • storePageId:商品を作成するストアをプルダウンより選択してください。

  • name:プルダウンより1つ前のステップで取得した商品名を選択してください。取得した値を活用することで、トリガーが実行されるたびに最新情報の反映ができます。
  • description:プルダウンより1つ前のステップで取得した詳細を選択してください。
  • sku:プルダウンより1つ前のステップで取得したSKUの値を選択してください。
  • currency:USDやJPYのように通貨コードを入力してください。
  • basePriceValue:プルダウンより1つ前のステップで取得した価格を選択してください。

その他の項目は任意で設定を行ってください。
設定が完了したらテストボタンをクリックしましょう。(※実際にSquarespaceに商品が作成されます。)

テスト成功が表示されていれば設定完了となります。

Squarespaceを参照し、商品が作成されていることも確認しましょう。

テスト結果に問題がなければ画面下の保存するボタンをクリックし、Squarespaceへの商品作成の設定を完了させてください。

ステップ5:フローをONにして動作を確認

こちらで全ての項目の設定が完了しました!
以下の画面が表示されるので、「トリガーをON」をクリックしたら、自動化の設定は完了となります。
設定したフローボットが正常に起動するかチェックしてみましょう!

TypeformやSquarespaceを活用したその他の便利な自動化テンプレート

他にも、TypeformやSquarespaceを活用した様々な自動化の実現が可能です!
以下のような自動化もYoomなら簡単に設定することができます!

Typeformを活用した自動化テンプレート

Squarespaceを活用した自動化テンプレート

まとめ

TypeformとSquarespaceの連携を自動化することで、<span class="mark-yellow">これまで手作業で行っていたフォームの回答内容をECサイトに転記する作業の手間を削減し、入力ミスなどのヒューマンエラーを根本から防ぐことができます。</span>

これにより、担当者は時間のかかる定型業務から解放され、顧客対応や販売戦略の立案といった、
より創造的で付加価値の高いコア業務に集中できる環境が整います!

今回ご紹介したような業務自動化を実現できるノーコードツール「Yoom」を使えば、
プログラミングの知識がない方でも、直感的な操作で簡単に業務フローを構築可能です。

もし自動化に少しでも興味を持っていただけたなら、ぜひこちらから無料登録して、
Yoomによる業務効率化を体験してみてください!

よくあるご質問

Q:新規作成だけでなく在庫数の更新も可能ですか?

A:はい。Squarespaceのアクションを選択する際に「在庫数を調整」を選んでいただければ対応可能となります。

Q:Typeformで受け付けた画像も連携できますか?

A:はい。商品の作成後にSquarespaceにて「商品画像のアップロード」のオペレーションを追加することで画像を連携することも可能です。

Q:連携が失敗した場合、どうなりますか?

A:連携に失敗した場合はフローボットが停止し、Yoomに登録しているメールアドレスへ通知が行われます。
また、お送りしたメールから連携に失敗した際の原因を確認することも可能です。
原因を確認しても対処方法が分からない場合は、ヘルプページまたは、こちらをご確認ください。

Yoomを使えば、今回ご紹介したような連携を
プログラミング知識なしで手軽に構築できます。
無料でYoomを試す
この記事を書いた人
はるさら
Microsoft Office Specialist認定資格、Word文書処理技能認定、基本情報技術者資格を保有。新人教育や資格取得のための社内勉強会等の講師経験がある。また、Oracle Certified Java Programmer Bronze SE7、Javaプログラミング能力認定2級などJavaプログラミングに関する資格も持つ。 システムエンジニアとして8年の実務経験があり、PythonやWindowsバッチを用いてスクリプトを自作するなど、タスクの簡略化や作業効率化に日々取り組んでいる。自身でもIT関連のブログを5年以上運営しており、ITに馴染みのない方でも活用できるノウハウやTipsをわかりやすく発信している。
タグ
Typeform
Squarespace
自動化
自動
連携
関連アプリ
アプリ連携
No items found.
Yoomのハイパーオートメーションとは?
従来のRPAでは単純な繰り返し作業しか自動化できず、その設定作業はとても複雑なものでした。
AI・API・RPA・OCRなど様々な技術を組み合わせた「ハイパーオートメーション」なら、これまでは実現できなかった多くの作業を、これまでよりも簡単に自動化することが可能です。
Yoomのハイパーオートメーションとは?
従来のRPAでは単純な繰り返し作業しか自動化できず、その設定作業はとても複雑なものでした。
AI・API・RPA・OCRなど様々な技術を組み合わせた「ハイパーオートメーション」なら、これまでは実現できなかった多くの作業を、これまでよりも簡単に自動化することが可能です。
Yoomについて詳しく見る
お役立ち資料
Yoomがわかる!資料3点セット
資料ダウンロード
3分でわかる!Yoomサービス紹介資料
資料ダウンロード
Before Afterでわかる!Yoom導入事例集
資料ダウンロード
お役立ち資料一覧を見る
Yoomとは?
これまでは実現できなかった多くの作業を、これまでよりも簡単に自動化することが可能です。
詳しくみる
詳しくみる