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

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

Weeblyのウェブサイトはデザインやカスタマイズが簡単で、eコマースやサービス業などのビジネスを始める実用的な方法です。Weeblyは多くの機能やオプションを提供しており、さらにフォームを追加することで、サイトにさらなる機能と価値を与えることができます。

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

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

Googleフォームに代わる最高の選択肢をお探しですか?

Googleフォームに代わる最高の選択肢をお探しですか?

Jotformの充実したフォーム作成ソリューションはモバイルフレンドリーで、業界で最も多くの統合を提供しています。これを利用して、支払いの回収、ワークフローの自動化、リードの収集などが可能です。

or
ゼロから始める

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

わずか数分で、WeeblyサイトにGoogleフォームを追加できます。以下はステップバイステップガイドです。

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

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

JotformをWeeblyに追加する方法

Googleフォームでは提供されていない機能を求めている場合は、Jotformを検討してください。JotformフォームをWeeblyに埋め込むのもGoogleフォームと同様に簡単で、より多くのデザインオプションや機能を選択できます。

まず、フォームを作成する必要があります。Jotformでは、利用開始に役立つ数千の完全にカスタマイズ可能なテンプレートを提供しています。もしお好みであれば、フォームビルダーを使用して、ゼロからフォームを作成することも可能です。ドラッグ&ドロップ機能により、フォームのデザインは簡単で、多くの質問の種類やウィジェットを選んで、フォームの動作をカスタマイズできます。

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

  1. Jotformフォームビルダーの公開タブに移動します。
  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

著者
Jotform's Editorial Team is a group of dedicated professionals committed to providing valuable insights and practical tips to Jotform blog readers. Our team's expertise spans a wide range of topics, from industry-specific subjects like managing summer camps and educational institutions to essential skills in surveys, data collection methods, and document management. We also provide curated recommendations on the best software tools and resources to help streamline your workflow.

コメントの送信:

Jotform Avatar
このサイトはreCAPTCHAによって保護されており、Googleプライバシーポリシー利用規約が適用されます。

Podo Comment 最初のコメントを投稿してください。