Layers
Classes
Variables
Popup Builder
Visibility Conditions
Figma to Kirki
Custom Code
Review and Publish
Layers
Classes
Variables
Popup Builder
Visibility Conditions
Figma to Kirki
Custom Code
Review and Publish

Forgot Password

Forgot Password Utility Page

Using the Forgot Password Utility Page, easily set up a form to help users securely reset their passwords and regain access to their accounts.

How to Create a Forgot Password Page

Create a Forgot Password Utility Page

To create a Forgot Password page in Kirki:

  1. Go to the Pages panel in the Left Sidebar and click the plus (+) icon.
  1. Hover over Utility Page in the menu.
  1. Select Forgot Password.

Kirki will automatically add a pre-made Forgot Password form to the page.

How to Set Up SMTP for Form Emails

Install and Setup SMTP App

To securely automate sending emails through your form, you need to install and configure SMTP.

Install SMTP

  1. Open the Kirki Editor.
  1. Go to Apps from the Left Sidebar.
  1. Find SMTP and install it.

Configure SMTP for Gmail

Configure SMTP for Gmail

In this guide, we’ll walk you through how to set up SMTP for Gmail.

Step 1: Enable 2-Step Verification

  1. Go to your Google Account Security page.
  1. Find 2-Step Verification and turn it on.

Step 2: Generate an App Password

  1. After enabling 2-Step Verification, go to App Passwords.
  1. Name your app like “WordPressSMTP” or “KirkiSMTP.”
  1. Copy the 16-character password generated. This is your SMTP password, not your normal Gmail password.

Step 3: Enter SMTP Settings in Kirki

  1. In the Kirki Editor, go to Apps.
  1. Find SMTP, click the ellipsis (…) icon next to it, and select Configure.
  1. Set Status to Full Website.
  1. Fill in the following fields:
  • Port: 587 (TLS) or 465 (SSL).
  • Encryption: TLS for 587 / SSL for 465.
  • Password: The 16-character App Password from Step 2.
  • Sender Name: Your name or company name, as it will appear to email recipients.

How to Set Up Your Email Content

Structure Your Email Content Template

Next, set up the email your users will receive when they request a password reset.

  1. Select your form and go to Settings on the Right Panel.
  1. Enter your Email Subject – for example, “Reset Your Password”.
  1. Design your email body using the available dynamic fields, such as username and reset link, to personalize the message for each user in one go.

How to Publish Your Forgot Password Page

Publish Your Page

Once your form and email template are ready, go ahead and publish your page:

  1. Click the arrow next to Save in the top bar of the Kirki Editor.
  1. Select Publish.

Your Forgot Password page is now live.

How to Test Your Forgot Password Page

Once published, test it to make sure everything works correctly:

  1. Visit your Forgot Password page as a regular user (you can do this by logging out or visiting the page in incognito mode.
  1. Enter a registered email address that you have access to and submit the form.
  1. Check that the password reset email is received and that the reset link works correctly.

If it works as expected, add the Login page link to your navbar so users can easily access the sign-in page and the forgot password form from anywhere on your site.

Was this page helpful?

Our website uses cookies to improve your browsing experience on our website. By continuing to use this website, you agree to their use. For details, please check our Privacy Policy.