ウェブサイト用スライドショー 作成ウィジェット

バナー、商品の紹介、画像ギャラリー、お知らせ、プロモーション用カルーセルセクション向けに、1ページのスライドショーを作成できます。Jotformの画像スライダーウィジェットを使えば、スライダーのHTMLを書くことなく、画像や動画、見出し、バッジ、CTAボタン、リンク、オーバーレイ、自動再生、ループ、フェードやスライドのトランジション、レスポンシブなナビゲーションを追加できます。

画像スライダーウィジェットの作成方法

Add your slides

スライドを追加

各バナー、プロモーション、ギャラリーアイテム、お知らせに合わせて、タイトル、本文、バッジ、ボタン、画像、動画、リンク先を含むスライドを作成できます。

Set layout and motion

レイアウトと動きを設定

スライドコンテンツの表示位置を選択し、フェードまたはスライドのトランジション、自動再生のタイミング、ループの動作、ナビゲーションコントロールを設定します。

Style and embed

スタイル設定と埋め込み

幅、高さ、オーバーレイ、メディアのフィット、矢印、ページネーション、色、ブランディングを調整し、埋め込みコードをコピーして画像スライダーウィジェットをウェブサイトに追加できます。

ページに合ったスライダーを作成

画像を豊富に使ったスライドセクションを作成

シンプルなウェブ画像スライダーを、洗練されたウェブサイトセクションに変えましょう。各スライドには、キャンペーン、ギャラリー、商品の紹介向けに、バッジ、見出し、説明、CTAボタン、リンク、画像、そして必要に応じて動画ソースを含められます。

Create image-rich slide sections

バナーコンテンツを見やすく保つ

テキストとボタンを、各画像や動画の上で最も効果的な位置に配置できます。柔軟なコンテンツ配置により、スライドをヒーローバナー、プロモブロック、ビジュアルストーリーのいずれとして使う場合でも、ウェブサイトページ用のピクチャースライダーが常に見やすく保たれます。

Keep banner content readable

動きとナビゲーションを制御

スライドまたはフェードのトランジション、自動再生、ループ、矢印、ドット、番号、ストローク、サムネイルによるページネーションを活用できます。訪問者が手動で閲覧したり、メインメッセージを損なうことなく自動で再生したりできるバナーカルーセルを作成できます。

Control motion and navigation

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

スライダーの幅、高さ、カードスタイル、コンテンツの余白、オーバーレイの強さ、テーマプリセット、ボタンスタイル、色、カスタムCSSを調整して、画像スライダーウィジェットをページに自然になじませられます。

Match your website design

画像スライダーを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日対応します。必要なときに助けがあると分かっているので、安心して前に進めます。

画像スライダーウィジェットの活用シーン

ローテーション表示するビジュアル、プロモーションメッセージ、または複数のコンテンツを1つのセクションにコンパクトにまとめたい場所ならどこにでも、スライダーを追加できます。

ホームページのヒーローセクションで、キャンペーン、新商品の発表、季節のオファー、重要なお知らせを順番に表示できます。

プロモーション用スライダーセクションで、セール、期間限定オファー、クーポン情報、注目のCTAを目立たせられます。

商品・コレクションページでは、商品写真、メリット、購入リンクをバナースライダーにまとめられます。

ポートフォリオ・事例紹介ページでは、プロジェクトの画像、成果、お客様の声、実績などを通して訪問者を案内できます。

イベント・ウェビナーページでは、登壇者、スケジュール、スポンサー、参加登録のプロンプトを1ページのスライダーにまとめて紹介できます。

ランディングページでは、画像、メッセージ、行動喚起へと訪問者を導く、ストーリー性のあるウェブサイトスライダーを作成できます。

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

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

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

よくある質問 (FAQ)

  • 画像スライダーウィジェットとは何ですか?

    画像スライダーウィジェットは、1つのウェブサイト埋め込み内に複数のスライドを表示します。各スライドでは、画像や動画をテキスト、バッジ、リンク、CTAボタンと組み合わせられます。

  • ウェブサイトのバナースライダーとして使えますか?

  • 自分のウェブサイト用に画像スライダーを作成できますか?

  • 同じスライダー内で画像と動画を使えますか?

  • スライドごとに異なるテキストやリンクを設定できますか?

  • テキストの表示位置を指定できますか?

  • フェードやスライドのトランジションに対応していますか?

  • スライダーの自動再生やループはできますか?

  • どのようなナビゲーションスタイルが利用できますか?

  • スライダーのサイズを変更できますか?

  • 埋め込むにはスライダーのHTMLが必要ですか?

  • 画像スライダーウィジェットはどのウェブサイトプラットフォームに対応していますか?

  • 画像スライダーウィジェットの設定にサポートを受けられますか?

  • 画像スライダーウィジェットは無料ですか?