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

インタラクティブなステップバイステップチュートリアル

Weeblyのウェブサイトはデザインやカスタマイズが容易で、eコマースビジネスやサービスビジネス、その他のベンチャーを立ち上げる実用的な方法になり得ます。Weeblyは多くの機能やオプションでサイトのカスタマイズを可能にしますが、フォームを追加することでさらに機能と価値を向上させることができます。

GoogleフォームやJotformなどのプラットフォームを使用して、連絡フォームやアンケート、サインアップフォームなどを作成することができます。これらのタイプのフォームをサイトに追加することで、ランディングページを最大限に活用し、メールマーケティングのファネル用に連絡先情報を取得できます。

何よりも、フォームをWeeblyサイトに追加するのは簡単です。

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

Jotformのフル機能のフォームビルディングソリューションはモバイル対応で、業界最多の統合を誇ります。決済の収集、ワークフローの自動化、リードの収集などに使用できます。

フォームをJotformに移行する

or

ゼロから始める

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

GoogleフォームをWeeblyサイトに追加するのは数分で済みます。以下にステップバイステップガイドを示します。

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

これでサイトにフォームが表示されるはずです。 

JotformをWeeblyに追加する方法

Googleフォームよりも多くのフォーム機能を求めているなら、Jotformを考慮することをお勧めします。Jotformのフォームを埋め込むのはGoogleフォームを埋め込むのと同じくらい簡単で、Jotformはより多くのデザインオプションと機能を選択できます。

はじめに、フォームを作成する必要があります。Jotformは、使用開始に最適な数千もの完全にカスタマイズ可能なテンプレートを提供しています。希望に応じて、Form Builderを使用してゼロからフォームを作成することもできます。ドラッグ＆ドロップ機能により、フォームのデザインが簡単になり、多くの質問タイプやウィジェットから選択して、フォームの操作性をカスタマイズできます。

フォームが完成したら、それをWeeblyのウェブサイトに追加する準備が整いました。以下の方法で行えます。

1. JotformのForm Builderで公開タブに移動します。
2. 埋め込みタブの下で、コードをコピーオプションをクリックします。
3. Weeblyのページエディターに移動します。
4. 左側のメニューでコードを埋め込むブロックをクリックして、ウェブページに追加します。
5. カスタムHTMLを編集ボタンをクリックします。
6. コピーしたコードをブロックに貼り付けます。
7. 埋め込みコードブロックの外をクリックして、コードを保存します。

ブロックの外をクリックすると、ページにフォームが表示されます。

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

WeeblyでJotformアプリを使用すると、サイトにJotformフォームを埋め込むのがさらに簡単になります。複数のフォームをサイトに埋め込む予定がある場合は、アプリをインストールする価値があります。

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

Jotformアプリは、既存のフォームをサイトに組み込んだり、Weeblyのページビルダーでフォームを作成およびデザインしたりするためのシンプルで迅速な方法です。Jotformのすべての利点を享受しながら、Weeblyサイトにフォームをすばやく追加することができます。

写真提供：Andrea Piacquadio