注目キーワード
  1. Wordpress
  2. テーマ
  3. プラグイン
  4. SEO
  5. 集客

チャット風のフォームを実装できるスクリプト・「chatty-form」


目次

chatty-form


chatty-formはチャット風のフォームを実装できるスクリプトです。React向けに設計されています。かなり昔にChattyというjQueryのプラグインがありましたが同じような感じのものです。

質問に対して回答を入力すると、次の質問がチャットのUIで表示される、というもの。扱いもシンプルで使いやすそうでした。

<ChattyForm disableAutoScroll onSubmit={(formState) => alert('calling onSubmit')} onChange={(formState) => alert('calling onChange')} > <Input name="name" question="Howdy! What's your name?" placeholder="Type your answer" /> <Select name="pet" question="Do you like dogs more or cats?" options={[ { label: 'Dogs', value: 'dogs' }, { label: 'Cats', value: 'cats' }, ]} /> </ChattyForm>

基本的にはformと同じです。question属性が質問になっており、入力する事で次の要素のquestionが表示されます。

場合によっては通常のフォームよりも離脱率を下げられるかもしれないですね。ライセンスは明記がありませんでしたのでご利用の際は開発者にお問い合わせください。

chatty-form

#wordpress #ワードプレス #SEO #集客

「かちびと.net」を閲覧する

最新情報をチェックしよう!
>WordPressに関連する情報まとめ

WordPressに関連する情報まとめ

ブログ / ホームページの価値の最大化をさせるCMS、WordPress(ワードプレス)。フリーのブログとは違い、いくらか敷居の高い印象がありますが、一つ一つクリアにしてみるときっとあなたもWordPressのパワーの恩恵に預かれると思います。当サイトを見て、まずはトライしてみましょう!

CTR IMG