ウェブサイト向けタイムライン作成ウィジェット

マイルストーン、製品の更新、イベント、ロードマップ、ブランドストーリー向けに、レスポンシブなタイムライン作成が可能です。日付、タイトル、説明、画像、ボタン、マーカースタイル、テーマ、カスタムカラー、レイアウトプリセットを、コード不要で追加できます。

Timelineウィジェットの作り方

Add your events

イベントを追加

日付、マイルストーンラベル、タイトル、説明、画像、そしてリンクやイベントモーダルを開く任意のボタンを備えたタイムラインの項目を作成できます。

Choose a layout

レイアウトを選択

項目を左右のリスト、横型カルーセル、スナップスクロールセクション、スライダー、またはストーリービューとして表示できます。

Style and embed

スタイル設定と埋め込み

公開前に、テーマ、カラー、マーカースタイル、角丸、カード間隔、幅、ブランディングを調整できます。

ページやストーリーに合わせたタイムライン作成

すべてのマイルストーンを構造化

各イベントには、自動的に導き出される年を含む日付、マイルストーンラベル、タイトル、補足テキスト、画像、任意のコールトゥアクションボタンを含めることができます。

Structure Every Milestone

タイムラインレイアウトを切り替え

詳しいストーリーには左右のタイムラインリスト、コンパクトなページにはカルーセルやスライダービュー、没入感のあるセクションにはスナップスクロールを活用できます。

Switch Between Timeline Layouts

マーカーとカードをカスタマイズ

ポイント、番号、またはアイコンのマーカーを選び、角丸、カード間隔、最大幅または全幅表示を調整できます。

Customize Markers and Cards

ウェブサイトのデザインに合わせる

ライトまたはダークテーマを選ぶか、カラー、テキストの表示、カスタムCSSをカスタマイズして、ウェブサイトに合わせられます。

Match Your Website Design

TimelineをWordPressに埋め込む方法

1埋め込みコードを取得

Jotformウェブサイトウィジェットをカスタマイズしたら、「Try it on your website for free」をクリックし、生成された埋め込みコードをコピーします。

2ページエディタを開く

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

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

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

4更新して表示

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

Jotformウェブサイトウィジェットが選ばれる理由

Jotformのウィジェットは、ウェブサイトをよりインタラクティブにし、コンバージョンを高めます。星評価やお客様の声のスライダーから、社会的証明のポップアップ、メディア埋め込みまで、多彩なツールが利用可能です。フォームやランディングページにウィジェットを追加して、データ収集、証明の表示、リードの獲得を実現しましょう。コーディングは不要です。

コーディングなしでウィジェットを埋め込む

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

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

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

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

ウィジェットの設定、カスタマイズ、埋め込み、トラブルシューティングでサポートが必要な場合、Jotformのカスタマーサポートチームが24時間365日対応します。必要なときに助けがあると分かっているので、安心して前に進めます。

タイムラインウィジェットの活用シーン

訪問者が順序、履歴、計画、進捗のストーリーを理解する必要がある場所であれば、どこにでもウィジェットを追加できます。

会社概要ページでは、会社の沿革、創業者のストーリー、資金調達の節目、製品のリリースなどを紹介できます。

製品ページ:バージョンのリリース、ロードマップの段階、開発の進捗を説明できます。

イベントページ:アジェンダ、セッションの流れ、登壇者の順番、重要な日程を紹介できます。

プロジェクトページ:フェーズ、成果物、承認、実装ステップを示せます。

ポートフォリオページ:ブリーフから最終成果まで、ケーススタディの進行を訪問者に順を追って伝えられます。

教育関連ページでは、コースの各モジュール、入学手続きの手順、歴史的な出来事の順序などを説明できます。

Jotformフォーム作成ツールで、リードを有料顧客へと変えましょう

Jotformで、エンゲージメントをアクションへと変えましょう。リードの獲得、決済の回収、返信の自動化まで、すべてを一か所で実現する強力なフォームを作成できます。すべての回答はJotform受信トレイに届き、そこからフォローアップしたり、お気に入りのアプリと連携したりできます。

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

よくある質問 (FAQ)

  • タイムラインウィジェットとは何ですか?

    タイムラインウィジェットは、イベント、マイルストーン、ストーリーのステップを時系列順にウェブサイト上に表示します。

  • 各タイムラインイベントに画像を追加できますか?

  • どのようなレイアウトが利用できますか?

  • マーカースタイルを変更できますか?

  • ウィジェットを自分のブランドに合わせられますか?

  • 埋め込むのにコードは必要ですか?