今週は作り方をご紹介します フォーム ディビと運命の輪を持つサブスクリプションと WP Optin Wheelプラグイン。 このチュートリアルがコンバージョン率の向上に役立つことを願っています。 Lucky Wheel Optin Formのギャンブル機能を使用すると、訪問者とやり取りし、オンライン購入に使用できる割引コードで訪問者に報いることができます。

行こう!

概要

チュートリアルに入る前に、さまざまな画面サイズでの結果を簡単に見てみましょう。

オプチンホイール結果プレビューインストーラ WooCommerce

プラグインとインストールの検索

まだ行っていない場合、最初にすることはインストールすることです  WooCommerce WordPressのWebサイトで。 また、ご利用をお願いします ハードウェアストアレイアウトパック あなたが取り組んでいるDiviウェブサイトで。

プラグインに移動して見つけます WooCommerce. 見つかったら、[今すぐインストール] ボタンをクリックします。

woocommerceをインストールします活性化します

必ずプラグインを有効化してください WooCommerce すぐに。

woocommerceプラグインをアクティブ化するWooCommerceを設定する

その後、WooCommerce は自動的にそのページにリダイレクトします。 フォーム 構成。 ここで、ストアを公開する準備を整えるためにすべての詳細を入力する必要があります。 このプロセスが完了すると、必要なすべての WooCommerce ページが自動的に Web サイトに追加されます。

Woocommerce設定ページ

WP Optin Wheelプラグインをインストールする

プラグインとインストールの検索

ラッキーホイールのオプトイン形式を作成するには、無料のludificationプラグインを使用します WPオプティンホイール 。 プラグインに戻り、WP OptinWheelプラグインを見つけます。 次に、[今すぐインストール]ボタンをクリックします。 次に、プラグインをアクティブ化する必要があります。

wpオプチンホイールを取り付けます

WooCommerceに製品を追加する

新製品を追加します

すでにeコマースWebサイトを運営している場合は、この部分をスキップできます。 何かを試したいだけの場合は、WooCommerceプラグインに製品を追加することをお勧めします。 これは、後でラッキーホイールオプチンフォームをテストするのに役立ちます。 新製品を追加するには、 製品>新規追加 .

woocommerce製品を追加する製品の詳細を追加

すべての製品の詳細を入力します。 これには、製品名、説明、注目の画像、価格、およびカテゴリが含まれますが、これらに限定されません。 これらの詳細の追加が完了したら、製品ページを公開します。

製品の詳細を追加製品ごとに繰り返す

Webサイトに追加する製品ごとに同じ手順を繰り返します。

Woocommerce製品

WooCommerceにクーポンを追加する

クーポンに行く

今がクーポンを追加する時です。 この記事の後半では、作成したクーポンを報酬として使用します。 あなたにアクセスする WordPressダッシュボード> WooCommerce>クーポン 。 そこに到達したら、最初のクーポンの作成を開始します。

Woocommerceプロモーションコード

クーポンを追加n°1:5%オフ

一般的な

12スライスの運命の輪では、賞品を含めるスライスの数を決定できます。 たとえば、4つの賞を提供し、それぞれに異なるクーポンを作成できます。 ホイール上の複数のポイントにクーポンを使用することもできます。 最初のクーポンを作成したら、先に進んでページの上部にクーポンコードを入力します。 次に、一般設定を変更します。

  • 割引タイプ:パーセント割引
  • クーポン金額:25
  • クーポンの有効期限:選択した日付を入力してください

woocommerceプロモーションコードを作成する使用制限

使用制限タブに切り替えて続行します。 ここで、クーポンに関連する最小および最大の支出があるかどうかを決定できます。 次のチェックボックスをオンにすることもできます。

  • クーポンを他のクーポンと一緒に使用できない場合は、このチェックボックスをオンにします。
  • クーポンを販売アイテムに適用しない場合は、このチェックボックスをオンにします。 アイテムごとのクーポンは、アイテムが販売されていない場合にのみ機能します。 カートごとのクーポンは、カートに販売されていないアイテムがある場合にのみ機能します。

Woocommerceクーポン制限3の他のクーポンについて手順を繰り返します

上記と同じ手順で、必要な数のクーポンを作成します。 あなたはパーセンテージオフを提供することに限定されていません。 カートまたは製品の固定割引を提供するクーポンを作成して、それを運の輪に含めることもできます。

woocomerceプロモーションコードのリスト

Optin Lucky Wheelフォームを作成する

プラグイン設定に移動

ホイールオブフォーチュンが機能するために必要なすべての手順を完了したので、作成を開始できます。 あなたのアクセス タブロー・ド・ボルド WordPress > WPオプチンホイール .

WpオプチンホイールMailChimp APIキーを追加する

ラッキーホイールを作成する前に、MailChimpAPIキーを追加する必要があります。 WP Wheel Optinプラグインの無料バージョンは、MailChimpとの統合のみを提供します。 運の輪を別のプロバイダーとリンクさせたい場合は、プレミアムバージョンにアップグレードする必要があります。

Mailchimpフィールド新しいホイールを作成する

テーマを選択してください

ホイールの作成を始めましょう! お好みのカラーパレットを選択してください。 このチュートリアルでは、オレンジを選択します 金物屋レイアウトパック .

運命の輪を選ぶ

セットアップチャンス

作成の次のステップ フォーム Route de la fourtune への登録は、成功率の選択から成ります。 このパーセンテージは、ルーレットを回して何かを獲得した回数を示します。 この場合、ルーレットを回す各訪問者は、70% の確率でプロモーション コードを獲得できます。

成功の可能性を定義するインストールスライス

12の異なるスライスを構成して続行します。 各スライスは、次のXNUMXつのオプションのいずれかに割り当てることができます。

  • 値段なし 訪問者は何も得られません
  • クーポンコード: 訪問者がプロモーションコードを獲得
  • リエン: たとえば、訪問者は電子ブックを獲得します

この例では、4個のスライスのうち12個を使用してクーポンコードを追加しています。 また、これらの各スライスのオッズを個別に設定します。

ホイールのスライスを定義する

フォームビルダーの設定

次のステップは、 フォーム サブスクリプション自体。 ここにはすでに電子メールフィールドがあることがわかります。 登録フォームに追加できる他のタイプのフィールドはチェックボックスのみです。 フォームを GDPR に準拠させるために、特にこのタイプのフィールドを追加しました。

運命の輪のサブスクリプションフォームを追加するフォームを構成する

コンテンツ設定

次に、ラッキーホイールシェイプの記述内容を構成できます。 先に進み、すべてのコンテンツをWebサイトに一致するように変更します。

サブスクリプションフォーラムオプションを定義する設計パラメーター

次に、デザイン設定を開き、背景パターンオプションとして「パターンなし」を選択します。

運命の輪の設計パラメータ

動作パラメータ

オプションのLucky Wheelフォームが動作設定に表示されるタイミングを選択するオプションもあります。

運命の輪の行動パラメータ

GDPR

大事なことを言い忘れましたが、訪問者が登録フォームのさまざまなチェックボックスをオンにして完了しない限り、訪問者が共有するデータが保存されないようにすることができます。 ラッキーホイール登録フォームを保存し、ウェブサイトにアクセスしてテストしてください。

デニエールホイールオブフォーチュンセットアップセクション概要

すべての手順が完了したので、さまざまな画面サイズで何が起こったかを最後に見てみましょう。

運命の結果ホイールをプレビューする最終的な考え

このチュートリアルが、より迅速かつインタラクティブにメーリングリストを作成するのに役立つことを願っています。 質問や提案がある場合は、下のコメントセクションにコメントを残してください!