.avif)
・
Squarespaceで構築したWebサイトやECストアの運営において、注文処理や商品情報の更新、顧客管理などを手作業で行っていませんか？
これらの定型業務は時間がかかるだけでなく、入力ミスや更新漏れといったヒューマンエラーの原因にもなりがちです。
APIを活用すればこれらの業務を自動化できますが、「プログラミングの知識が必要なのでは…」と、導入のハードルを高く感じてしまう方も少なくないでしょう。
そこで本記事では、Squarespace APIの基本的な知識から、<span class="mark-yellow">プログラミング不要で様々なSaaSと連携し、業務を自動化する具体的な方法</span>までを分かりやすく解説します。
この記事を読めば、これまで手作業に費やしていた時間を大幅に削減し、ヒューマンエラーを防ぎながら、より創造的で戦略的なコア業務に集中できる環境を整えることができますので、ぜひ最後までご覧ください。
Yoomには<span class="mark-yellow">Squarespace APIを使った様々なアクションや、業務フローを自動化するためのテンプレート</span>が用意されています。
今すぐ試したい方はこちらから詳細をチェックしてみてください！
Squarespace APIはSquarespaceと外部アプリ（Google、Microsoft、Salesforce、Notionなど）を繋げてデータの受け渡しを行い、Squarespaceを使った業務フローを自動化できるインターフェースです。APIはアプリケーション・プログラミング・インタフェース (Application Programming Interface）の略語です。
インターフェースとは簡単に言うと「何か」と「何か」を「繋ぐもの」で、Squarespace APIの場合は「Squarespace」と「外部のアプリ」を繋ぐインターフェースを指します。
また、APIでは大きく分けて以下のような指示を出すことができます。
・取得：APIを経由して、データを取得することができます。
・追加：APIを経由して、データを追加することができます。
・更新：APIを経由して、データを更新することができます。
・削除：APIを経由して、データを削除することができます。
Squarespace APIでできることをいくつかピックアップしたので、ご覧ください！
気になる自動化例の「試してみる」をクリックしてアカウント登録するだけで、すぐにSquarespace APIを使った自動化を体験できます。
登録はたったの30秒で完了するので、ぜひ気軽にお試しください！
Squarespaceの注文情報を起点としてフローを自動化できるため、新しい注文が入るたびに担当者へメールで通知したり、社内のチャットツールに情報を共有したりといった作業を自動化し、迅速な顧客対応や発送業務の効率化を実現します。
Squarespaceの商品情報が作成・更新されたタイミングを起点に自動化を開始できるので、新しい商品が登録されるたびにその情報を自動でGoogleスプレッドシートなどの管理表に転記し、手作業による入力の手間やミスをなくして正確な商品マスタ管理を実現します。
この連携はフローの中に組み込むアクションとして利用でき、例えばAirtableなどのデータベースで管理している商品情報を元に、Squarespaceのストアへ新しい商品を自動で作成・登録することで、複数ツール間でのデータ登録作業を一元化し、業務を効率化します。
Squarespace APIは、Squarespaceのすべてのプランで利用することが可能です。
そのため、基本的なプランを利用している場合でも、APIを活用して業務を自動化することができます。
ただし、APIの利用にあたってはいくつかの注意点があります。
※詳細はSquarespaceのサービスサイトをご確認ください。
※2025年06月16日時点の情報です。
ここではノーコードツールYoomが用意するテンプレートで、実際の設定方法を通してSquarespace APIを使った具体的な連携方法を紹介していきます！
もしまだYoomのアカウントをお持ちでない場合は、こちらの登録フォームからアカウントを発行しておきましょう。
[Yoomとは]
はじめにSquarespace APIとYoomを連携する方法を紹介します。
Squarespaceの管理画面にログイン後、「設定」から「高度な設定」へ進み、「Developer API Keys」からAPIキーを生成します。生成したAPIキーをYoomのマイアプリ連携画面でSquarespaceを選択し、ペーストするだけで連携は完了です。
今回は「Squarespaceで注文情報が作成されたらGmailに通知する」という実際のフローボットも作成していきます！
フローは大きく分けて、以下の手順で作成していきます。
はじめに、SquarespaceとGmailをYoomに接続するためのマイアプリ登録を行いましょう。
事前にマイアプリ登録を済ませておくと、自動化フローの設定がスムーズに進められますよ！
1.Yoomページ画面左側のマイアプリをクリックし、「新規接続」を選択します。
右上の検索窓に「Squarespace」と入力し、検索結果からSquarespaceのアイコンを選択します。
2.表示された画面で、必須項目を入力し、「追加」をクリックしましょう。
3.続いてGmailをマイアプリ登録します。
先ほどと同様に、連携可能なアプリ一覧からGmailを検索します。
次の画面で、「Sign in with Google」をクリックしましょう。
※認証時にアクセス権限を「全て許可」にしておいてください。
4.次の画面で、アカウントを選択し、その後の画面で「続行」をクリックしてください。
マイアプリにSquarespaceとGmailが表示されていれば、登録完了です。
ここから、実際にフローを作っていきましょう！
簡単に設定できるようテンプレートを利用します。以下のバナーの「試してみる」をクリックして、テンプレートをコピーしてください。
クリックすると、テンプレートがお使いのYoom画面に自動的にコピーされます。
「OK」をクリックして、設定を進めましょう！
※コピーしたテンプレートは、「マイプロジェクト」内の「フローボット」に、「【コピー】Squarespaceで注文情報が作成されたらGmailに通知する」という名前で格納されています。
「あれ？テンプレートどこいった？」となった際には、マイプロジェクトから確認してみてくださいね！
フローの作成を始める前に、あらかじめYoomと連携するSquarespaceで、注文情報を作成しておきましょう！
※後続のSquarespaceのトリガー設定時のテストで必要になります。
テスト用のため、内容は架空の情報（「株式会社test」や「テスト太郎」など）でOKです！
1.まずは、アプリトリガー設定です。
先ほどの画面で「OK」をクリックして、表示された画面のアプリトリガー「注文情報作成・更新されたら」をクリックしましょう。
2.連携アカウントとアカウント選択画面が表示されるので、設定内容を確認しましょう。
連携するアカウント情報には、ステップ1で連携したアカウント情報が反映されています。トリガーアクションはそのままにして、「次へ」をクリックしてください。
3.表示された画面で、詳細を設定します。
「トリガーの起動間隔」を選択してください。基本的には、最短の起動時間で設定することをおすすめします。
※トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。プランによって最短の起動間隔が異なりますので、ご注意ください。
※Yoomプランの詳しい説明は、こちらを参照してみてください。
4.入力を終えたら「テスト」をクリックし、「取得した値」にデータが抽出されていることを確認してください。
確認したら「保存する」をクリックしましょう。
今回は表示されていませんが、本来は取得した値の詳細も記載されます。取得した値は、後続の設定で活用します！
※取得した値とは？
トリガーやオペレーション設定時に、「テスト」を実行して取得した値です。
取得した値は、後続のオペレーション設定時の値としてご利用いただくことができ、フローボットを起動する度に、変動した値となります。
※詳しくは、こちらをご参照ください。
1.分岐「コマンドオペレーション」をクリックしましょう。
※「分岐する」オペレーションは、ミニプラン以上でご利用いただけます。フリープランで利用するとエラーになってしまうのでご注意ください。
※ミニプランなどの有料プランは2週間の無料トライアルが可能です。無料トライアル中なら、普段制限されているアプリや機能も自由にお試しいただけますので、ぜひ活用してみてください。
オペレーションに「注文情報作成・更新されたら」、取得した値に検知したい項目を設定します。
「分岐条件」は、分岐先の処理を行う条件を設定します。
今回はテンプレートを活用して、以下画像のように設定しています。
設定を終えたら、「保存する」をクリックしてください。
1.「メールを送る」をクリックしましょう。
2.メール内容の各項目を設定していきます。
「To」は、任意の宛先メールアドレスを設定してください。
「件名」は、任意の件名を設定してください。入力欄をクリックして表示される取得した値や日付から選択することもできます。
※今回は、以下画像のように設定しました。
「本文」は、入力欄をクリックして表示される取得した値から選択してください。
取得した値を活用することで、値が固定化されず、毎回変わる情報に合わせた自動化が可能になります。
※テンプレートを活用して、以下画像のように、設定しました。
各項目を入力・確認し、「次へ」をクリックします。
3.メールの送信内容を確認します。
※今回は、Squarespaceの取得した値が空白のため、設定で「取得した値を選択した部分」が空欄になっています。
確認後は「テスト」を行い、実際にGmailにメールが送信されることを確認してください。
送信エラーになってしまった場合は以下をこちらを参考にしてください。
エラー：送信先メールアドレスの形式が不正です。の原因・対応方法 | Yoomヘルプセンター
確認後、保存しましょう。
全ての設定が完了すると、下図のようなポップアップが表示されます。赤枠部分の「トリガーをON」をクリックすると、設定したフローボットが起動するので動作確認をしましょう！
今回紹介した事例以外でも、Yoomではさまざまなサービスとの連携が可能で、それぞれに対応したテンプレートが用意されています。
普段使用しているサービスと連携できるテンプレートを活用して、Squarespaceを使った業務フローを自動化しましょう！
Squarespaceで注文情報が作成されたら、Google Chat、Chatwork、direct、Talknote、Slackなど、様々なチャットツールに自動で通知できます。これにより、ECサイトでの売上発生をチームでリアルタイムに共有し、迅速な受注対応を可能にします。
Squarespaceで注文情報が作成されたら、注文者の情報をSalesforceに自動で登録できます。また、Googleスプレッドシートで登録された商品情報をトリガーに、Squarespaceに商品を作成・登録することも可能です。これにより、ECサイトと顧客管理、商品管理を連携させ、手動でのデータ入力作業を削減し、業務効率を向上させます。
Squarespace API連携を行うことで、<span class="mark-yellow">これまで手作業で行っていた注文情報の確認や商品登録、各種ツールへの情報共有といった業務が自動化され、手間の削減やヒューマンエラーの防止に繋がります！</span>
また、担当者がこれらの定型業務から解放されることで、新商品の企画やマーケティング施策の立案といった、本来注力すべきコア業務に集中できる環境も整います。
今回ご紹介したような業務自動化は、ノーコードツールの「Yoom」を活用すれば、プログラミングの知識がない方でも直感的な操作で簡単に業務フローを構築できますので、もし日々の業務の自動化に少しでも興味を持っていただけたなら、ぜひこちらから無料登録して、Yoomが実現する業務効率化を体験してみてください！
.png)
.png)
.avif)
.webp)
.webp)
