パスワードリセットフォームウィジェット

ShopEngine を使用すると、WooCommerce のパスワードリセット ページをブランドのアイデンティティに合わせて柔軟に作成およびカスタマイズし、顧客に明確で使いやすい指示を提供できます。

WooCommerce のパスワードリセットページを作成してカスタマイズする方法 #

WooCommerce パスワード リセット ページを作成するには、まずウィジェットを有効にし、次に WooCommerce パスワード リセット テンプレートを作成する必要があります。

必要なプラグイン:

ステップ 1: ウィジェットを有効にする #

パスワードリセットリンクフォームを有効にするには、まずWordPressダッシュボードにログインします。その後、

  1. 案内する ショップエンジン > ウィジェット.
  2. を見つける パスワードリセットリンクフォーム ウィジェットを切り替えて「の上“.
  3. クリックしてください 変更内容を保存 右上隅にあるボタン。
WooCommerce パスワードリセットウィジェットを有効にする

ステップ2: WooCommerceパスワードリセットページテンプレートを作成する #

パスワード リセット リンク フォームは、「パスワード リセット フォーム」テンプレートでのみ使用できます。したがって、このページのテンプレートを作成する必要があります。

テンプレートを作成するには:

に行く ShopEngine > ビルダーテンプレート > 新規追加をクリックし、テンプレート設定からテンプレートを構成します。

ドキュメントを読む: パスワードリセットテンプレートを作成する方法 詳細については。

WooCommerce パスワードリセットページテンプレートを作成する

その後、「Elementor で編集」ボタンをクリックして、Elementor エディターでテンプレートをカスタマイズします。

ステップ3: パスワードリセットフォームウィジェットをカスタマイズする #

Elementor エディターで、「パスワード フォームのリセット」ウィジェットをデザイン領域にドラッグ アンド ドロップします。

パスワードリセットフォームウィジェットを使用すると、 ラベル, 入力、 そして ボタン スタイル。

3.1 ラベル

ラベルには次のカスタマイズ可能なオプションがあります。

  1. テキストを選択 ラベルの。
  2. 調整する フォントサイズ ラベルテキスト用。

3.2 入力

入力フィールドは次のようにカスタマイズできます。

  1. を調整します。 身長 そして 入力フィールドを個別に選択します。
  2. をセットする マージン 入力フィールド用。
  3. をセットする パディング 入力フィールド用。
  4. を調整します。 フォントサイズ 入力テキスト用。
  5. 個別に設定できます 入力色 (テキストの色)、 背景色、 そして 枠線の種類 通常状態と集中状態の場合。

3.3 ボタン

ボタンのスタイルもカスタマイズできます。

  1. を選択してください テキストの色 ボタンのテキスト用。
  2. を選択してください 背景色 ボタン用。
  3. をセットする タイポグラフィ ボタンのテキスト用。
  4. を調整します。 パディング ボタンの。
  5. を調整します。 境界半径.

ボタンの通常状態とホバー状態に別々のスタイルを設定できます。

WooCommerce パスワードリセットページテンプレートをカスタマイズする

ついに アップデート カスタマイズを完了します。

ShopEngine には、WooCommerce ウェブサイトの構築を楽にする素晴らしい機能が多数搭載されています。ShopEngine Pro を入手して、今すぐ高度な機能にアクセスしましょう。

あなたの気持ちは何ですか
2023 年 9 月 20 日更新