WordPress で粘着性のある「カートに追加」ボタンを作成する方法

Rifat WordPressチュートリアル Jan 16, 2024

スティッキーな「カートに追加」ボタンを有効にすると、顧客が WooCommerce 製品ページのどの部分からでも簡単に製品をカートに追加できるようになり、便利な方法です。

このボタンは、迷っている訪問者を購入に導くことにもなります。

WooCommerce にはカートに追加するスティッキー機能が組み込まれていないため、プラグインまたはテーマを使用してこの機能をストアに追加する必要があります。

このガイドでは、 Merchant Pro プラグインを使用して、スティッキーなカートに追加ボタンを WooCommerce Web サイトに組み込む方法を説明します。

素晴らしいウェブサイトを作成します

最高の無料ページビルダーElementor を使用

今すぐ始める

始める前に、 Merchant Pro プラグインはすべての WooCommerce テーマと互換性があり、推奨される方法であることに注意することが重要です。

はじめましょう。

スティッキーな「カートに追加」ボタンの作成

Merchant Pro を使用して WooCommerce ストアにスティッキーな「カートに追加」ボタンを表示するには、次の手順に従います。

無料の販売者プラグイン

カートに追加機能を有効にするには、無料とプレミアムの両方の Merchant プラグインが必要です。

無料の Merchant プラグインは、WooCommerce 用の強力なツールであり、「今すぐ購入」ボタン、アニメーション化された「カートに追加」ボタン、クイック ビュー モーダル、支払いロゴ、信頼バッジなど、ストアにさまざまな機能を提供します。

ただし、WooCommerce ページにスティッキーな「カートに追加」ボタンを追加するには、Merchant Pro プラグインが必要です。無料のプラグインに基づいて構築されているため、Pro バージョンをアクティブ化する前に、無料の Merchant プラグインがインストールされていることを確認してください。

無料の Merchant プラグインを入手するには、「無料ダウンロード」オプションをクリックします。プラグインはローカル コンピューターに保存されます。

WordPress ダッシュボードに移動し、「プラグイン」→「新規追加」→「プラグインのアップロード」を選択して、プラグインをインストールしてアクティブ化します。

マーチャントプロプラグイン

Merchant Pro プラグインの価格は、1 ライセンスあたり年間 79 ドルです。プラグインを入手するには、それをローカル コンピューターにダウンロードし、前のセクションの無料プラグインの場合と同様にインストールしてアクティブ化します。

インストールすると、WordPress 管理領域のサイドバーに「販売者」オプションが表示されるはずです。それをクリックして、「販売者の設定」→「ライセンスのアクティベーション」に移動します。ライセンス コードを入力してプレミアム プラグインをアクティブ化します。

aThemes アカウント、または aThemes から登録メール アドレスに送信されるウェルカム メールでライセンス コードを見つけます。

スティッキーを有効にする カートに追加

Sticky カートに追加モジュールを有効にするには、「販売者」→「もっと変換」→「Sticky カートに追加」に移動します。

Sticky の [カートに追加] モジュール内には、ページの上部に青い [有効にする] ボタンがあります。それをクリックしてモジュールを有効にします。

プレビューと構成

モジュールを有効にすると、「有効」ボタンの横にある「プレビュー」オプションをクリックして、製品ページのスティッキーな「カートに追加」ボタンの外観をプレビューできます。

ボタンの外観に満足できない場合は、モジュールのページでスタイルと設定をカスタマイズします。

[設定] セクションでは、ボタンの位置の調整、表示ルールの設定、デスクトップ、モバイル、またはタブレットでのみボタンを表示することの選択、製品画像、タイトル、価格の非表示などのオプションを実行できます。

「スタイル」セクションでは、スティッキーな「カートに追加」ボタンの色 (境界線、背景、コンテンツ、タイトルの色など) を変更できます。

モジュールを終了する前に、ページの上部にある [保存] ボタンを使用して構成を保存してください。

そして、それができました。 Merchant Pro プラグインを使用して、WooCommerce 製品ページにスティッキーな [カートに追加] ボタンを追加することに成功しました。

まとめ

適切なツールにアクセスできる場合、スティッキーな「カートに追加」ボタンを WooCommerce ストアに組み込むのは簡単なプロセスです。

Merchant Pro は、スタイリッシュなスティッキーな「カートに追加」ボタンなど、さまざまな機能を商品ページに追加できる堅牢なツールです。

これらのツールはユーザーフレンドリーで、多数のカスタマイズオプションを提供しているため、サイトのデザインに合わせて機能を調整できます。

さらに、これらのツールは、Web サイトの速度を向上させることを目的として設計されています。

Divi WordPress Theme