Wsbサイト向けテキストアニメーションウィジェット

テキストアニメーションウィジェットを数秒でウェブサイトに追加。Jotformのノーコードウェブサイトウィジェット作成ツールで、デザインをカスタマイズして埋め込めます。

今すぐ無料で作成!
Dynamic Text Widget for your website Hero Background image

ダイナミックテキストウィジェットの作成方法

Write your message

メッセージを入力

アニメーションフレーズの前後に固定テキストを追加し、訪問者に見せたいローテーションメッセージを入力します。

Customize the design

デザインをカスタマイズ

色、文字サイズ、文字の太さ、強調スタイル、角の丸み、配置を調整します。最終ステップで、フェード、スライド、タイプライター、またはアニメーションなしを選択します。

Embed it on your website

ウェブサイトに埋め込む

完成したウィジェットをプレビューし、埋め込みコードをコピーして、ページで強調が必要な場所にレスポンシブ対応のテキストアニメーションを設置します。

画面をすっきり保ちながら、より多くのメッセージを強調

最大10個のフレーズを切り替えて表示

複数のメリット、特典、キーワード、お知らせをコンパクトな見出し内で切り替えて表示できます。ページに新しいセクションを追加せずに、訪問者がより多くの情報を得られます。

Rotate up to ten phrases

フレーズスタイルを選択

テキストアニメーションの表示方法を選べます。切り替わるフレーズを通常のテキストとして自然に表示することも、ピル型の背景を付けてアニメーション部分を目立たせることもできます。

Choose phrase style

ブランドに合ったハイライトをデザイン

文字の色、フレーズの色、フォントサイズ、文字の太さ、通常表示またはピル型のデザイン、角の丸み、ブランディング、必要に応じて適用範囲を限定したカスタムCSSを設定できます。

Design a highlight that fits your brand

どのレイアウトでも読みやすく表示

テキストを横並びまたは縦並びで表示し、配置や幅(自動またはカスタム)を設定できます。パソコンとスマートフォンの両方、またはどちらか一方に表示することもできます。

Keep every layout readable

ダイナミックテキストをWordPressに埋め込む方法

1埋め込みコードを取得

Jotformのホームページウィジェットをカスタマイズしたら、「無料で試す」をクリックし、生成された埋め込みコードをコピーします。

2ページエディターを開く

ウィジェットを表示したいWordPressの投稿または固定ページを開き、新しいブロックを追加します。

3カスタムHTMLブロックを追加

カスタムHTMLを選択し、Jotformホームページウィジェットの埋め込みコードをHTMLフィールドに貼り付けます。

4更新して表示

更新または公開をクリックし、ページを開いて埋め込まれたウィジェットを確認します。

Jotform ホームページウィジェットが選ばれる理由

Jotformのウィジェットは、ウェブサイトをよりインタラクティブにし、コンバージョンを高めます。星評価やお客様の声を表示するスライダー、ソーシャルプルーフのポップアップ、メディア埋め込みまで、多彩なツールが利用可能です。フォームやランディングページにウィジェットを追加して、データ収集、実績や信頼性のアピール、見込み顧客の獲得を実現できます。コーディングは不要です。

コーディングなしで埋め込む

シンプルな埋め込みコードで、Jotformウィジェットをウェブサイトに追加できます。ウィジェットをカスタマイズし、見た目をプレビューして、カスタムHTMLや埋め込みブロックに対応したあらゆるページに貼り付けるだけ。開発者は一切不要です。

よりインタラクティブなページを作成

Jotform ホームページウィジェットを使って、見込み顧客の獲得、お客様のフィードバックの表示、ソーシャルプルーフの活用、メディアの埋め込み、便利なウェブページツールの追加ができます。各ウィジェットは、訪問者がウェブサイトから直接あなたのビジネスとやり取りできるようサポートします。

必要なときにサポートを受けられる

ウィジェットの設定、カスタマイズ、埋め込み、トラブルシューティングでサポートが必要な場合、Jotformのカスタマーサポートチームが24時間年中無休で対応します。必要なときにいつでもサポートを受けられるので、安心してご利用いただけます。

テキストアニメーションウィジェットの活用場所

ひとつのメッセージで複数の内容を伝えたいとき、重要な情報を強調したいとき、注目してほしい一文を目立たせたいときなどに、テキストアニメーションを活用できます。

ランディングページのメインビジュアルで、製品のメリット、ターゲット層に合わせた訴求、キャンペーンメッセージ、商品やサービスの価値を切り替えて表示します。

キャンペーン・販促セクションで、セール、締め切り、新着商品、セット販売、期間限定特典などを目立たせます。

新規登録ページで、サービスを利用するメリット、機能のカテゴリー、テンプレート、アカウントを作成する理由などを強調します。

イベントページで、開催日程、プログラム、登壇者、参加登録期間、参加者向けの特典などを切り替えて表示します。

商品ページで、活用例、他社製品との違い、料金プラン、顧客層、機能グループなどを目立たせます。

長文コンテンツのページで、大きな画像を追加せずに、重要なメッセージに動きを付けて目立たせます。

Jotformのフォーム作成ツールで見込み顧客を顧客へと導く

Jotformで訪問者の関心を具体的なアクションにつなげましょう。見込み顧客の獲得、決済の受付、返信の自動化ができる高機能なフォームを、すべて一か所で作成できます。送信された回答はすべてJotformインボックスに届くため、フォローアップやお気に入りのアプリとの連携も簡単です。

無料で今すぐ始める
Convert leads into customers

よくある質問 (FAQ)

  • テキストアニメーションとは何ですか?

    テキストアニメーションは、Webサイトのメッセージ内にある単語やフレーズを切り替えて表示するウィジェットです。ひとつのテキスト内で複数のメッセージを伝えられます。

  • テキストアニメーションはどのような用途に使えますか?

  • どのアニメーションスタイルが利用できますか?

  • テキストのデザインをカスタマイズできますか?

  • 切り替えて表示するフレーズはいくつまで追加できますか?

  • テキストアニメーションはスマートフォンでも使えますか?

  • 使用するにはコードを書く必要がありますか?

  • テキストを切り替えずに表示できますか?