WEEBLYの教科書
  • Weeblyを始めよう!
    • このHPについて
    • 直感的につくれるWeebly
    • Weeblyの教科書での学び方
    • 無料プレゼントのご案内
    • Weeblyで制作依頼の費用
    • News & Topics
    • 管理人日誌
    • セミナー情報 >
      • Weebly Lesson 1
      • Weebly Lesson 2
      • 3時間で学ぶHTML >
        • テキストダウンロード
      • VScodeインストール
  • weeblyについて
    • CMSの種類と選び方
    • こんなCMSは利用するな!
    • Weeblyのメリット、デメリット
    • Weeblyの特長 >
      • Weeblyの無料と有料プラン
      • 特長01 ドラッグ&ドロップで簡単編集
      • 特長02 100種類以上の豊富なデザイン
      • 特長03 強力なホスティング
      • 特長04 迅速で役立つサポート
      • 特長05 簡単なブログ設置&投稿
      • 特長06 優れた画像編集機能
      • 特長07 優れた画像設置・編集機能
      • 特長08 簡単なビデオ、オーディオ配置
      • 特長09 フォームも簡単設置&高度な編集機能
      • 特長10 詳細なトラフィック統計情報が確認できる
      • 特長11 独自ドメインホスティング
      • 特長12 無料版でも広告表示なし
      • 特長13 スマホ、タブレットから編集できる専用アプリ登場!
      • 特長14 さらなる高機能なツールが続々登場!
    • これからのHPとは?
    • 役立つホームページとは
    • 事業に役立つHPの作り方
  • サイトを作ってみよう!
    • はじめに-ホームページ作成準備 >
      • 構成を考えよう!
      • 素材を用意しよう!
    • Weebly登録・設定・基本操作 >
      • Step 01 登録&スタート
      • Step 02 デザインテーマの設定・変更
      • Step 03 仮ドメインで始めよう!
      • ​Step 04 ドメイン豆知識
      • Step 05 サイト設定
      • Step 06 サイトの管理画面
      • Step 07 編集操作画面
      • Step 08 編集操作の基礎知識
    • サイト作成・編集 >
      • 編集操作項目一覧
      • ページの追加・削除
      • 画像と文字の配置・編集
      • ギャラリーの配置・設定
      • スライドの配置・設定
      • HD動画・YouTube動画の配置と設定
      • 地図(Google Map)の配置・設定
    • SEO設定について
    • 独自ドメイン設定方法
    • ドメイン設定にかかる時間
  • 逆引き
  • 機能を拡張しよう!
  • Q&A
  • Weeblyの操作・設定のお問合わせ
  • Weeblyで制作したHP例一覧
    • 制作事例01-SIX SENSES
    • 制作事例02-いけばな作家 大泉麗仁
    • 制作事例03-アクロキューブ株式会社
    • 制作事例04-mom healing
    • 制作事例05-光苑 -書道教室-
    • 制作事例06-マウスガード -EPOCH-
    • 制作事例07-(株)ハイパフォーマー
    • 制作事例08-高橋工業有限会社
    • 制作事例09-横浜精密 精密ゲージ製作会社
    • 制作事例10-ミズモリサーチ 水漏れ調査第三者機関
    • 制作事例11-イタリアンレストラン TRATTORIA TOMATO

Q & A

フォームを設置し、入力必須の欄に未入力でも送信されてしまいます。対処する方法は無いでしょうか。

8/19/2020

0 コメント

 
画像
画像
問い合わせフォームを設置する際、記入を必須にするか、しないかの選択ができますが、入力を必須にしている欄が未入力でも「送信」ボタンを押すと、最初はメッセージが出て未入力の部分が太く表示されるのですが、「送信」ボタンを2度押すと「送信」されます。(送信ではなく、リンク設定で、移動先のページを指定したり、書類ダンロードを選択している場合はダウンロードされてしまいます)
対処する方法は無いでしょうか。
画像
以前のWeeblyのフォームではそのようなことが起きていなかったので、システム更新の際にバグが生じているのではないかと思います。
上記のような簡単なフォームを設定して試してみましたが、まさに未記入でも送信してしまいました。
修正されるまではWeeblyのフォームでは未記入でも送信されてしまっても大丈夫なフォームしか設定出来ないですね。この件はWeeblに問い合わせしてみます。

アプリの利用で対処出来る方法があります。

基本的なホームページ作成の知識がないと難しいかもしれませんが、Weeblyでは本来JQueryなどのJavaScriptで設定しないと出来ない機能をサードパーティのアプリという形で簡単に導入できる機能があります。(お名前.com経由でWeeblyのアカウント取得した人には表示されません。「お名前.comでWeeblyを申し込むと思わぬ落とし穴が!!」で詳しく説明しています。)
フォームについては「Jotform」というアプリをおすすめします。
Weebly内で使えるアプリというよりも「Jotform」自体は別のWEBサービスです。
本来は「Jotform」に自分のアカウントを作って様々なフォームを作れて、その作ったフォームをコードで書き出して、自分のホームページのフォームを設置したい場所(html)にコードをペーストするとフォームが設置でき、送信されたデータは「Jotform」のアカウントで管理するという形態です。
Weebly内のアプリに「Jotform」というアプリがあり、こちらでアプリをインストールするとWeeblyのアカウントで自動的にリンクされますが、送信データ等はすべて「Jotform」に蓄積されます。
Weeblyの中にデータが保存されるのではなく「Jotform」に保存されます。
送信ボタンはデータをフォームペー式でデータを受け取る以外に、指定したページへのリンクなども設定出来ますので、送信されたデータは「Jotform」に保存され、送信後に表示させるページを指定して、そのページにダウンロードして欲しい書類等と設置しておくことが出来ます。
ボタンを押すと送信とダウンロードが同時に機能するように設定することも出来ると思います。

Jotformは全世界で利用されているフォーム作成サービスです

サイトは日本語ページが無いので基本は英語ですが、いろんな国での使用を考えて作られているので単語が少し理解できれば、直感的に分かりやすく作られています。
すでに沢山の人が作ったフォームで汎用的に使用出来るフォームで利用可能なフォームが沢山選べて、それを元にしたカスタマイズで自分専用のフォームが作れる優れたサイトです。
サイト自体に日本語ページはないですが、全世界で利用されることを考えて作られているので単語が分かればそんなに難しくないです。操作方法で分からないことがあればお問い合わせフォームにGoogle翻訳で英語にして質問すると、3〜6時間以内にGif動画を使って返答が届いたのには驚きました。
フォームもこのサポートのおかげで助かった経験があります。
かなり高度なフォームが作れます。
HTML,CSSの知識があれば、レイアウトも自在に変えられるので、サイトに合わせたデザインが出来ます。
レイアウトまで含めて「Jotform」でフォームを作ります。
できあがったらそのフォームをコードで書き出します。

そのコードをWeeblyの場合では「埋め込みコード」ツールを使用して設置して、コードをペーストすればそのページに​「Jotform」で作成したフォームがそのまま表示されます。
「送信」したデータは「Jotform」の自分のアカウントにCSV形式で蓄積され、いつでも観覧でき、Excel形式してダウンロード可能です。

Jotformの使い方は「検索」すると出てくる

Jotformの使い方も私が時間を作って紹介したいのですが、時間が取れないので検索して見てください。「Jotform」にアクセスしてアカウント作って触ってみて分からなかったら調べる方が覚えるかもしれません。
もしかすると、Weeblyは基本で使えるフォームはテコ入れしてくれないかもしれないと思っています。優れたアプリ提供会社が沢山あるので、専門的な動作や機能はアプリを使ってというスタイルなのかもしれません。
0 コメント

あなたのコメントは承認後に投稿されます。


返信を残す

    Access Octomono Masonry Settings
    画像

    Weeblyの教科書

    WEB制作15年。誰でも簡単にホームページ作成を楽しめるWeeblyをみんなに伝えたくてこのサイトを作りました。
    これからは誰もが簡単にホームページを作成できる時代です。
    ぜひ、ご活用ください。
    <管理人>

    Picture

    Archives

    5月 2022
    5月 2021
    3月 2021
    8月 2020
    11月 2019
    10月 2019
    9月 2019
    6月 2019
    5月 2019
    9月 2016

    Categories

    すべて
    Googleアドセンスについて
    SEOについて
    このサイトについて
    エディター追加
    サイトの設定について
    サイト機能の追加
    フォームについて
    ブログについて
    管理権限について
    編集について

    RSSフィード

操作方法についてご質問

共有できるご質問へは無料でご案内しています。
個別案件は内容によって有料の場合があります。
お気軽にご相談ください。
操作質問フォーム

Weeblyでサイト作成相談・依頼

¥55,000-(税別)〜 +オプションで制作します。詳しくはお問合せください。
​お気軽にご相談ください。
新規作成・ご相談フォーム

Weeblyへサイト移行相談・依頼

デザインブラッシュアップも含め¥55,000-〜 +オプションで制作しています。
​お気軽にご相談ください。
サイト移行・御相談フォーム

Weeblyで作成したサイトを
​ブラッシュアップ相談・依頼

Weeblyで作成しているサイトをデザイン、イアウト、構成などブレッシュアップを相談・依頼など​お気軽にご相談ください。
Weebly制作サイトをブラッシュアップ相談・依頼

Weeblyの基本設定・操作・集客できるサイト運営など、オンラインセミナー開催しています。

まずは、ご相談ください。
セミナー情報・お申込み
セミナー情報・お申込み
セミナー情報・お申込み
セミナー情報・お申込み

Weeblyをすぐ始める

Weebly.comを今すぐ始めたい方は、
Weeblyのバナーをクリック ▶▶▶
登録からサイトOPENまで ▶
Create your online store and start selling. Try it free at Weebly.com!
The Easiest Way to Create a Website. Weebly.com

サイトマップ

ホーム
このHPについて
├ HPの作り方無料プレゼントのご案内
└ これからのHPとは?
    ├ 役立つHPの作り方
    ├ 事業に役立つHPの作り方
    └
こんなCMSは利用するな
└ Weebly.comの特長
    ├ 他のCMSとの比較
    ├ Weeblyの有料プラン紹介
    └ Weeblyメリット、デメリット
└ Weeblyの特長の詳細 
 ├ ドラッグ&ドロップで作成
    ├ 豊富なデザイン
    ├ 強力なホスティング
    ├ 迅速で役立つサポート
    ├ 簡単ブログ配置&編集
    ├ 優れた画像設置・編集機能      
    ├ 簡単なビデオ,オーディオ配置
    ├ フォームも簡単配置・編集
    ├ トラフィック統計
    ├ 独自ドメインホスティング
    ├ 無料版でも広告なし
    └さらなる様々な機能
└  こんなHPが作れます!
 サイトを作ってみよう!
​
└ホームページの作成準備
 ├ サイトの構成を考えよう!
 └  素材を用意しよう!
​
└ WEEBLY登録・設定・基本操作
 └ Step01登録&スタート
     ├ デザインの選択
​  
└ コラム・ドメインについて
 ├Step02 サイトの設定
 
├ Step03 サイトの管理画面
 
├ Step04 サイトの編集操作画面
 └ Step05 サイトの編集操作の基礎知識

└ サイト作成・編集
 
└ 編集操作項目一覧
     ├ デザインテーマの変更
     ├ ページの追加・編集
  └ タイトルを横長のロゴ画像に変更
    └ ブログページの追加・編集
       └ SNSと連携設定
    ├ 画像と文字の配置・編集
    
├ 複数の画像をポートフォリオ表示
    ├ 複数の画像をスライド表示
    ├ 動画の配置
    ├ リンクボタンの配置
    ├ Google Adsenseの配置
    ├ Google Mapの設置
    ├ ブログ一覧(RSS FEED)の設置
    ├ お問合せフォームの設置・編集
    ├ アンケートの設置・編集
    ├ Googleカレンダーの設置
    ├ オリジナルHTMLコードの設置
    ├ ページ内検索BOXの配置
    └ ダウンロード書類の配置
└ SEO対策の設定 
機能を拡張しよう!
├ Facebook「いいね!」boxの設置
├ Fecebook Recommend Boxの設置
└ Twitter連携BOXの設置

Q&A

カスタマイズ(有料会員専用)
├ RSS FEEDの設定&カスタマイズ
├ カスタムHTMLの設定
├ CSS3を活用した設定
├ デザインのカスタマイズ
├ ナビのカスタマイズ
└ フッターのカスタマイズ
└ Google Analitycsの設置
└ Google Webmasterコードの設置

お問合せ
└ 有料サポートのご案内

管理人プロフィール

2012- Copyright © Weeblyの教科書. All Rights Reserved

クリエイティブコモンズに基づいて次から使用された写真: FindYourSearch
  • Weeblyを始めよう!
    • このHPについて
    • 直感的につくれるWeebly
    • Weeblyの教科書での学び方
    • 無料プレゼントのご案内
    • Weeblyで制作依頼の費用
    • News & Topics
    • 管理人日誌
    • セミナー情報 >
      • Weebly Lesson 1
      • Weebly Lesson 2
      • 3時間で学ぶHTML >
        • テキストダウンロード
      • VScodeインストール
  • weeblyについて
    • CMSの種類と選び方
    • こんなCMSは利用するな!
    • Weeblyのメリット、デメリット
    • Weeblyの特長 >
      • Weeblyの無料と有料プラン
      • 特長01 ドラッグ&ドロップで簡単編集
      • 特長02 100種類以上の豊富なデザイン
      • 特長03 強力なホスティング
      • 特長04 迅速で役立つサポート
      • 特長05 簡単なブログ設置&投稿
      • 特長06 優れた画像編集機能
      • 特長07 優れた画像設置・編集機能
      • 特長08 簡単なビデオ、オーディオ配置
      • 特長09 フォームも簡単設置&高度な編集機能
      • 特長10 詳細なトラフィック統計情報が確認できる
      • 特長11 独自ドメインホスティング
      • 特長12 無料版でも広告表示なし
      • 特長13 スマホ、タブレットから編集できる専用アプリ登場!
      • 特長14 さらなる高機能なツールが続々登場!
    • これからのHPとは?
    • 役立つホームページとは
    • 事業に役立つHPの作り方
  • サイトを作ってみよう!
    • はじめに-ホームページ作成準備 >
      • 構成を考えよう!
      • 素材を用意しよう!
    • Weebly登録・設定・基本操作 >
      • Step 01 登録&スタート
      • Step 02 デザインテーマの設定・変更
      • Step 03 仮ドメインで始めよう!
      • ​Step 04 ドメイン豆知識
      • Step 05 サイト設定
      • Step 06 サイトの管理画面
      • Step 07 編集操作画面
      • Step 08 編集操作の基礎知識
    • サイト作成・編集 >
      • 編集操作項目一覧
      • ページの追加・削除
      • 画像と文字の配置・編集
      • ギャラリーの配置・設定
      • スライドの配置・設定
      • HD動画・YouTube動画の配置と設定
      • 地図(Google Map)の配置・設定
    • SEO設定について
    • 独自ドメイン設定方法
    • ドメイン設定にかかる時間
  • 逆引き
  • 機能を拡張しよう!
  • Q&A
  • Weeblyの操作・設定のお問合わせ
  • Weeblyで制作したHP例一覧
    • 制作事例01-SIX SENSES
    • 制作事例02-いけばな作家 大泉麗仁
    • 制作事例03-アクロキューブ株式会社
    • 制作事例04-mom healing
    • 制作事例05-光苑 -書道教室-
    • 制作事例06-マウスガード -EPOCH-
    • 制作事例07-(株)ハイパフォーマー
    • 制作事例08-高橋工業有限会社
    • 制作事例09-横浜精密 精密ゲージ製作会社
    • 制作事例10-ミズモリサーチ 水漏れ調査第三者機関
    • 制作事例11-イタリアンレストラン TRATTORIA TOMATO