WooCommerce の前後のスライダー

2 つの画像の比較を表示します。これは、WooCommerce Web サイトでの変革を強調したり、製品の利点を簡単に紹介したりするのに最適です。
4.8 rating
10,000+ reviews
Free plan available
Create Widget for Free
No credit card needed
WooCommerce の前後のスライダー

Before and Afterスライダーアプリを作成する

Before および After スライダーを設定して、WooCommerce Web サイトに無料で追加してください。

説明

Elfsight の比較スライダーは、Web サイトの素晴らしい宣伝写真をデモンストレーションするのに役立ちます。顧客はあなたの製品やサービスがもたらすあらゆる効果を確認する機会が得られます。 WooCommerce の Before and After Slider に 2 枚の写真をアップロードするだけで、違いを確認するために動く仕切りが表示されます。写真のセットを無制限に公開したり、キャプションやラベルを追加したりできます。スライドの方向は水平または垂直で、最適な画像比率を選択できます。

ビフォー/アフター スライダーを使用して、持続可能なビジネスの成長を体験し、売上を伸ばしましょう。

ウィジェットの基本機能は次のとおりです。

  • いくつかの画像の前後を無制限に整形
  • キャプションを作成各セットのテキスト書式設定付き
  • 2 つの既製レイアウト: リストとカルーセル
  • 区切り線の水平方向または垂直方向の移動
  • クリックしてドラッグするか、ホバーするだけで、ディバイダー
  • タッチ スクリーン デバイスでスワイプ

デモを使用してウィジェットが自分に合っているかを確認できます

WooCommerce Web サイトに前後のスライダーを追加するにはどうすればよいですか?

以下に説明する手順に従ってツールを統合します。

  1. 無料のエディターを管理して、独自の楽器の構築を開始します。
    ウィジェットの選択したレイアウトとパラメータを見つけて、変更を適用します。
  2. Elfsight アプリのウィンドウに表示される個別のコードを取得します。
    ツールのセットアップが完了したら、表示されるポップアップ内の専用コードをコピーし、後の機会のために保存します。
    li>
  3. WooCommerce サイトで比較プラグインの使用を開始します。
    最近コピーしたコードをページに追加し、編集内容を保存します。
  4. これで完了です。統合は完全に実行されています。
    サイトにアクセスして、ウィジェットがどのように機能するかを確認してください。

問い合わせがある場合や、問題が発生した場合は、ためらわずに対応してください。私たちのサポートチーム。私たちの担当者は、プラグインに関して皆様が抱く疑問をすべて解決したいと考えています。

Before と After を埋め込むにはどうすればよいですか?私の WooCommerce Web サイトへのスライダー?

ツールの作成は Elfsight ページで行われるため、コーディング方法を学ぶ必要はありません。ライブ デモを使用して個人用アプリを設計し、コードを取得して Web サイトに貼り付けます。

比較スライダー統合の最良の使用例

コンテンツ領域に埋め込むフルレングスのウィジェット、フローティング プラグインなど、多くのパーソナライゼーションの可能性を提供します。スクロール機能、フッターのサムネイル、ヘッドセクション、サイドバーやメニューのあらゆる種類の垂直オプションを備えています。

エディターを使用して、単純な比較またはレタッチ スライダーを作成してもいいですか?

ウィジェットの変更を形作ることができます。エディターには適用可能なレイアウトが多数あり、それらはすべて必要に応じて簡単に調整できます。

価格

14日間の返金保証。リスク無しでいつでもキャンセル出来ます。
Elfsight Apps
プラットフォームに依存しないバージョン
0ドル/月から
無料プランから始める
無制限のウェブサイト
専任の企業サポートと十分な文書化
無償導入サポート
完全にカスタマイズ可能