WixにGoogle Formsを埋め込むには?

"フォームを作って、そのHTMLを自分のWixのウェブサイトに埋め込もうとしました"- Google Docs Editors Community

WixではGoogleのEmbed HTMLをEmbed HTML要素に貼り付けられますが、Googleのフォーラムでは38人が、それに付いてくるものを消す方法を尋ねています。Googleの見た目と、フォームの作成者の名前が入ったフッターです。変えられるのは箱の幅と高さだけで、それ以上はできません。Formfacadeなら、同じEmbed HTML要素に埋め込みコードを1つ貼り付けるだけで、フォームはGoogleのフッターなしでページに表示されます。回答は引き続きGoogle Formsのフォームに集まるので、Google Sheetsに同期してチームと共有できます。

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

Google FormsのEmbed HTML

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

Formfacadeの埋め込みコード

  • 開いたページでフォームに名前を付け、Embed formをクリックし、Proceedをクリックします。
  • Shareタブの「Where do you want to embed this form?」で「My website is different from above」を選び、Nextをクリックします。
ShareのEmbedタブで「Where do you want to embed this form?」と尋ねている画面。Embed、My website is different from above、Nextに印が付いています
  • この埋め込みコードをコピーします
  • Wixのエディタでページを開き、Embed HTML要素を追加して埋め込みコードを貼り付けます
  • ページを保存して公開します
ShareのEmbedタブで埋め込みコードが枠内に表示された画面。コードに印が付いています
フォームはGoogleのブランド表示なしでページに表示されます。不十分な点:Wixはどの埋め込みコードも独自の枠の中に表示するため、フォントと色はFormfacadeのPreviewタブで設定してください。

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

埋め込みコードの画面で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のフォームをWixに埋め込むと、Googleのブランド表示が残り、変えられるのはサイズだけです。Formfacadeなら、埋め込みコードを1つEmbed HTML要素に貼り付けるだけで、フォームはGoogleのブランド表示なしで、自分で選んだ色とフォントで表示されます。フォームを作成して、上の手順を進めてください。ご不明な点があれば、サポートにご連絡ください。

最終更新: