WeeblyにGoogleフォームを追加する方法

実際の操作と一緒に学べる手順ガイド

Weeblyのウェブサイトは、デザインやカスタマイズが簡単で、ECサイトやサービス業などのビジネスを立ち上げるのに実用的な選択肢です。Weeblyには多くの機能やカスタマイズオプションがありますが、フォームを追加することで、さらに便利で価値あるサイトに仕上げることができます。

GoogleフォームやJotformなどのプラットフォームを使えば、お問い合わせフォーム、アンケート、サインアップフォームなどを簡単に作成できます。こうしたフォームを自社サイトやランディングページに設置することで、訪問者から連絡先情報を効率よく収集し、メールマーケティングのファネル構築に活用することが可能です。

一番の魅力は、Weeblyサイトにフォームを簡単に追加できることです。

Googleフォームの代替ツールをお探しですか？

Jotformの多機能なフォーム作成ツールは、モバイル対応で業界最多の連携数を誇ります。決済の受付、ワークフローの自動化、リードの収集など、幅広い用途に活用できます。

Jotformにフォームを移行

または

ゼロから始める

WeeblyにGoogleフォームを追加する方法

以下の詳しい手順に沿って、GoogleフォームをWeeblyに埋め込んでみましょう：

1. Googleアカウントにログインし、Googleフォームにアクセスします。
2. フォームを作成するか、既存のフォームを開きます。
3. フォームの公開設定を確認し、回答者がアクセスできる状態にします。
4. 右上にある3つの点をクリックします。
5. HTMLを埋め込むをクリックします。
6. ボックス内のコードをコピーするにはコピーボタンをクリックします。
7. Weeblyページエディターで、フォームを埋め込みたいウェブページを開きます。
8. 左側のサイドバーで埋め込みコードブロックを選択し、ページ上に追加します。
9. 追加したブロックをクリックし、カスタムHTMLを編集を選択します。
10. 先ほどコピーしたGoogleフォームのコードを、そのブロック内に貼り付けます。
11. め込みコードブロックの外側をクリックすると、コードが保存されてフォームが表示されます。

これで、フォームがあなたのサイト上に表示されているはずです。

JotformをWeeblyに追加する方法

Googleフォームよりも多機能なフォーム作成ツールをお探しなら、Jotformの利用を検討してみてください。Jotformは、Googleフォームと同じくらい簡単にWeeblyサイトへ埋め込むことができ、さらにデザインの自由度や機能面でも優れた選択肢です。

まずは、フォームの作成から始めましょう。Jotformでは、すぐに使えるカスタマイズ可能なテンプレートが数千種類以上用意されており、初心者でも簡単にスタートできます。もちろん、テンプレートを使わずにゼロから自由にフォームを作成することも可能です。Jotformのフォームビルダーはドラッグ＆ドロップ操作に対応しており、直感的にデザインできます。質問形式やウィジェットの種類も豊富で、用途に合わせて柔軟にカスタマイズできます。

フォームの作成が完了したら、Weeblyサイトへの埋め込み準備は完了です。以下の手順で追加してみましょう：

1. Jotformフォームビルダーの公開タブに移動します。
2. 埋め込みタブで、コードをコピーをクリックします。
3. Weeblyのページエディターに移動します。
4. 左側のメニューで埋め込みコードブロックを選択し、ページ上に配置します。
5. カスタムHTMLを編集を選択します。
6. コピーしておいた埋め込みコードを、ブロック内に貼り付けます。
7. 埋め込みコードブロックの外側をクリックすると、コードが保存されてフォームが表示されます。

Jotformアプリを使ってフォームをWeeblyに埋め込む方法

WeeblyでJotformアプリを使えば、フォームの埋め込みがさらに簡単になります。サイトに複数のフォームを埋め込みたい場合は、最初にアプリをインストールしておくととても便利です。

1. Weeblyにログインし、画面上部のナビゲーションバーにあるアプリをクリックして、Weebly App Centerを開きます
2. 検索バーにJotformと入力し、表示された検索結果からJotformを選択します。
3. 右側にある追加ボタンをクリックし、ポップアップウィンドウで接続リンクをクリックします。
4. 認証ウィンドウが表示されたら、許可ボタンをクリックします。まだJotformアカウントにログインしていない場合は、先にログインが必要です。
5. アカウントの認証が完了すると、自動的にWeeblyのエディター画面に戻ります。左側のサイドバーにあるインストール済みアプリの一覧に、Jotformアプリが表示されているはずです。このアプリを使えば、コードをコピーしたり、Weeblyの画面から離れたりすることなく、フォームを簡単に埋め込むことができます。
6. 左のサイドバーのインストール済みアプリセクションからJotformアプリをドラッグ＆ドロップして、フォームを表示したい場所に配置します。
7. ポップアップウィンドウで、既存のフォームを選択する、新しいフォームを作成する、または公開済みフォームのURLを入力する、いずれかを選んでください。
8. フォームを選択または作成したら、OKをクリックすると、ページにフォームが追加されます。

Jotformアプリを使えば、既存のフォームをサイトに簡単に埋め込むことができるだけでなく、Weeblyのページビルダー上で新しくフォームを作成・デザインすることも可能です。Jotformの豊富な機能をそのまま活用しながら、スピーディにフォームをWeeblyサイトへ追加できるのが大きな魅力です。

写真提供：Andrea Piacquadio