SquarespaceにGoogle Formsを埋め込むには？

Google Formsでフォームを作るSquarespaceユーザーが、それをページに載せる方法は2つあります。ただのリンクでは訪問者がサイトの外に出てしまいます。GoogleのEmbed HTMLはCode Blockに入りますが、フォームはGoogleの見た目のまま固定の箱に収まり、変えられるのは幅と高さだけです。Formfacadeなら、埋め込みコードを1つCode Blockに貼り付けるだけで、フォームはiframeなし、Googleのブランド表示なしでページに表示されます。サイトにもっと近づけたい場合は、ページを送っていただければ私たちのチームがお手伝いします。

以下は、Google FormsのフォームをSquarespaceに埋め込む2つの方法と、それぞれの不十分な点です。

Google FormsのEmbed HTML

  • Google Formsのフォームを開き、右上の⋮ Moreアイコンをクリックします
  • Embed HTMLを選び、HTMLコードをコピーします
  • Squarespaceのエディタでページを開き、Code Blockを追加してコードを貼り付けます
  • ページを保存して公開します
iframeのコード、Width 640、Height 384が表示されたEmbed HTMLダイアログ。Copyに印が付いています
不十分な点：変えられるのは幅と高さだけです。フォームにはGoogleのブランド表示と下部の注意書きが残ります。

Formfacadeの埋め込みコード

  • 開いたページでフォームに名前を付け、Embed formをクリックし、Proceedをクリックします。
  • Shareタブの「Where do you want to embed this form?」で「Embed in my Squarespace site」を選び、Nextをクリックします。
ShareのEmbedタブで「Where do you want to embed this form?」と尋ねている画面。Embed、Embed in my Squarespace site、Nextに印が付いています
  • この埋め込みコードをコピーします
  • Squarespaceのエディタでページを開き、Code Blockを追加して埋め込みコードを貼り付けます
  • ページを保存して公開します
ShareのEmbedタブで埋め込みコードが枠内に表示された画面。コードに印が付いています
フォームはiframeなし、Googleのブランド表示なしでページに表示されます。不十分な点：無料プランでは小さなFormfacadeのクレジット表示が入り、消すには有料プランが必要です。

ウェブサイトに合わせるお手伝いが必要ですか？

埋め込みコードの画面でNextをクリックし、「Yes, I want to customize UI like my website」を選んでNextをクリックします。
Embedタブで「Have you embedded the form?」と尋ねている画面。「Yes, I want to customize UI like my website」が選択されて印が付き、Nextにも印が付いています
ページのURLとメッセージを入力してSubmitをクリックします。私たちのチームからご連絡し、ご依頼をお手伝いします。
Embedタブで「Which page did you embed the form?」と「Do you need any help?」を尋ねている画面。メッセージ欄とSubmitに印が付いています

まとめ

GoogleのコードでGoogle FormsのフォームをSquarespaceに埋め込むと、Googleのブランド表示が残り、固定の箱に収まります。Formfacadeなら、埋め込みコードを1つCode Blockに貼り付けるだけで、フォームはiframeなし、Googleのブランド表示なしでページに表示されます。フォームを作成して、上の手順を進めてください。ご不明な点があれば、サポートにご連絡ください。

最終更新：