登録フォームのカスタマイズ

WordPress プラットフォーム上に構築された他のすべての SaaS と差別化したネットワークに見せるため、Ultimate Multisite では Checkout Forms 機能を使って登録ページとログインページをカスタマイズできます。

新規顧客の獲得率を高めるためにさまざまな方法を試せる、簡単で柔軟な機能ですが、主な用途はパーソナライズされた登録フォームの作成です。この記事では、その方法を説明します。

ログインページと登録ページ:

Ultimate Multisite をインストールすると、メインサイトにカスタムログインページと登録ページが自動的に作成されます。これらのデフォルトページは、Ultimate Multisite > Settings > Login & Registration ページからいつでも変更できます。

ログインと登録の設定ページ全体は次のとおりです。

Login & Registration ページでカスタマイズできる各オプションを見ていきましょう。

• 登録を有効化: このオプションで、ネットワーク上の登録を有効または無効にできます。オフにすると、顧客は登録できず、商品を購読できません。

• メール認証を有効化: このオプションをオンにすると、無料プランまたは試用期間付きの有料プランを購読した顧客に認証メールが送信され、サイトを作成するには認証リンクをクリックする必要があります。

• デフォルト登録ページ: 登録用のデフォルトページです。このページはサイト上で公開されており、登録フォーム（checkout form とも呼ばれます）を含んでいる必要があります。ここで顧客が商品を購読します。登録ページや checkout form は必要なだけ作成できますが、登録ページに checkout form のショートコードを配置する必要があります。配置しないと表示されません。

• カスタムログインページを使用: デフォルトの wp-login.php ページ以外の、カスタマイズされたログインページを使用できます。このオプションをオンにすると、すぐ下の Default login page オプションで、ログインに使用するページを選択できます。

• 元のログイン URL（wp-login.php）を難読化 : 元のログイン URL を隠したい場合は、このオプションをオンにできます。ブルートフォース攻撃を防ぐのに役立ちます。このオプションを有効にすると、ユーザーが元の wp-login.php リンクにアクセスしようとしたときに、Ultimate Multisite は 404 エラーを表示します。

• 同期的なサイト公開を強制: 顧客がネットワーク上の商品を購読した後、新しい保留中のサイトを実際のネットワークサイトに変換する必要があります。公開処理は Job Queue により非同期で行われます。このオプションを有効にすると、サインアップと同じリクエスト内で公開が実行されます。

次に、ログインと登録プロセスに関連する他のオプションを見てみましょう。同じ Login & registration ページの Other options のすぐ下にあります。

• デフォルト権限: サインアップ処理後に、顧客が自分のサイトで持つ権限です。

• Jumper を有効化: 管理画面で Jumper ショートカットを有効にします。Jumper を使うと、管理者はすべてのメニューをたどらずに、Ultimate Multisite の画面、ネットワークオブジェクト、その他の対応先へすばやく移動できます。管理インターフェースからこのクイックナビゲーションツールを隠したい場合はオフにしてください。

• メインサイトにもユーザーを追加: このオプションを有効にすると、サインアップ処理後にユーザーもネットワークのメインサイトへ追加されます。このオプションを有効にすると、これらのユーザーに対するサイト上の デフォルト権限 を設定するオプションもすぐ下に表示されます。

• 複数 Account を有効化: ユーザーが同じメールアドレスで、ネットワーク内の異なるサイトに Account を持てるようにします。このオプションがオフの場合、顧客は同じメールアドレスで、ネットワーク上で稼働している他のサイトに Account を作成できません。

カスタマイズできるログインと登録関連のオプションは以上です。編集が終わったら、設定を保存するのを忘れないでください。

複数の登録フォームを使用する:

Ultimate Multisite 2.0 には checkout form エディターがあり、さまざまなフィールドや提供商品などを持つフォームを必要なだけ作成できます。

ログインページと登録ページはいずれもショートコードで埋め込まれます。ログインページには [wu_login_form]、登録ページには**[wu_checkout]** を使用します。checkout form を構築または作成することで、登録ページをさらにカスタマイズできます。

この機能にアクセスするには、左サイドバーの Checkout Forms メニューに移動します。

このページでは、所有しているすべての checkout form を確認できます。

新しいものを作成したい場合は、ページ上部の Add Checkout Form をクリックするだけです。

開始点として、次の3つのオプションから選択できます。単一ステップ、複数ステップ、または空白です。その後、Go to the Editor をクリックします。

または、フォーム名の下にあるオプションをクリックして、既存のフォームを編集または複製できます。そこには、フォームのショートコードをコピーするオプションや、フォームを削除するオプションもあります。

単一ステップまたは複数ステップを選択すると、checkout form には動作に必要な基本ステップがあらかじめ入力されています。その後、必要に応じて追加ステップを加えることができます。

Checkout Form の編集:

前述のとおり、さまざまな目的に合わせて checkout form を作成できます。この例では登録フォームを扱います。

checkout form エディターに移動したら、フォームに名前（内部参照のみに使用）とスラッグ（たとえばショートコードの作成に使用）を付けます。

フォームはステップとフィールドで構成されます。Add New Checkout Stepをクリックすると、新しいステップを追加できます。

モーダルウィンドウの最初のタブで、フォームのステップ内容を入力します。ID、名前、説明を設定します。これらの項目は主に内部で使用されます。

次に、ステップの表示設定を行います。Always show、Only show for logged in users、Only show for guestsから選択できます。

最後に、ステップのスタイルを設定します。これらは任意のフィールドです。

次に、最初のステップへフィールドを追加します。Add New Fieldをクリックし、必要なセクションの種類を選択します。

各フィールドには、入力すべき異なるパラメータがあります。最初の項目では、Usernameフィールドを選択します。

必要な数だけステップとフィールドを追加できます。顧客が選択できるように商品を表示するには、Pricing Tableフィールドを使用します。顧客にテンプレートを選択させたい場合は、Template Selectionフィールドを追加します。必要に応じて同様に設定してください。

注: Checkoutフォームを作成した後に商品を作成した場合は、Pricing tableセクションにその商品を追加する必要があります。追加しない場合、その商品は登録ページで顧客に表示されません。

注2: ユーザー名、メールアドレス、パスワード、サイトタイトル、サイトURL、注文概要、支払い、送信ボタンは、Checkoutフォームを作成するための必須フィールドです。

Checkoutフォームの作業中は、いつでもPreviewボタンを使って、顧客にフォームがどのように表示されるかを確認できます。既存ユーザーとしての表示と訪問者としての表示を切り替えることもできます。

最後に、Advanced Optionsでは、Thank Youページのメッセージ、コンバージョン計測用スニペット、Checkoutフォーム用のカスタムCSS、または特定の国への制限を設定できます。

右カラムのこのオプションを切り替えることで、Checkoutフォームを手動で有効化または無効化できます。また、フォームを完全に削除することもできます。

Checkoutフォームを保存するのを忘れないでください。

フォームのショートコードを取得するには、Generate Shortcodeをクリックし、モーダルウィンドウに表示された結果をコピーします。

注: このCheckoutフォームを登録ページに追加するには、このショートコードを登録ページに追加する必要があります。

URLパラメータで商品とテンプレートを事前選択する:

商品のためのカスタマイズされた価格表を作成し、価格表またはテンプレートページで顧客が選んだ商品またはテンプレートをCheckoutフォームで事前選択したい場合は、URLパラメータを使用できます。

プランの場合:

Ultimate Multisite > Products > Select a planへ移動します。ページ上部にClick to copy Shareable Linkボタンが表示されます。これは、Checkoutフォームでこの特定のプランを事前選択するために使用できるリンクです。

この共有可能リンクはPlansにのみ有効です。パッケージやサービスには共有可能リンクを使用できません。

テンプレートの場合:

Checkoutフォームでサイトテンプレートを事前選択したい場合は、登録ページのURLでパラメータ ?template_id=X を使用できます。「X」はサイトテンプレートID番号に置き換える必要があります。この番号を取得するには、Ultimate Multisite > Sitesへ移動します。

使用したいサイトテンプレートのすぐ下にあるManageをクリックします。SITE ID番号が表示されます。この特定のサイトテンプレートをCheckoutフォームで事前選択するには、その番号を使用してください。ここでの例では、URLパラメータは ?template_id=2 になります。

ネットワークWebサイトがwww.mynetwork.comで、Checkoutフォームを含む登録ページが /register ページにあるとします。このサイトテンプレートが事前選択された完全なURLは、www.mynetwork.com/register/?template_id=2 のようになります。

必要であれば、Checkoutフォームで商品とテンプレートの両方を事前選択できます。プランの共有可能リンクをコピーし、末尾にテンプレートパラメータを貼り付けるだけです。www.mynetwork.com/register/premium-plan/?template_id=2 のようになります。