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

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

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

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

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

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

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

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

著者
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
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

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