1. Documentation /
  2. Affiliate For WooCommerce /
  3. How to create affiliate registration forms with Elementor form builder

How to create affiliate registration forms with Elementor form builder

Affiliate for WooCommerce plugin helps you to add, manage affiliates, and track performance from a single place – commissions, sales, payouts, leaderboard, etc. Earn money without hard work. Increase your brand outreach, and get potential customers.

The plugin provides a simple form that allows affiliates to sign up for your affiliate program. But you can also use Elementor Form Builder to create beautiful custom affiliate registration forms the way you want.

Add the form to any page of your site to show the affiliate registration form and allow users to sign up for your affiliate program.

Requirements

↑ Back to top

You would need two plugins installed and activated on your site: Elementor and Elementor Pro.

Steps to create an affiliate registration form with Elementor form builder

↑ Back to top
  1. Go to your WordPress Admin panel > Pages > Add or Edit an existing page.
  2. Edit this page with Elementor by clicking on “Edit with Elementor”.
  3. Now, follow this documentation from Elementor to create a form using the Form Widget.
  4. After adding the Form Widget, you can remove unwanted default fields by clicking on the cross icon(x) on each field.
  5. To set up affiliate registration form fields, click on + Add item to add fields one by one.
  6. Affiliate for WooCommerce plugin gives 8 default fields. For these default fields, we have introduced eight dynamic tags on Elementor which helps to set field id for the default fields. We recommend using those for field IDs only and not changing them.

    affiliate elementor form builder
  7. Default Fields: to select any of the following dynamic tags, click on Advanced on any item (the “type” and “field ID” should be the same as described below):
    1. Email Address: To enter the email address of the affiliate for registration.
      1. Type: Email
      2. ID: Click on the dynamic tag icon and choose Affiliate Registration Form > Email Address.
      3. Required: Enable
    2. First Name: To enter the affiliate’s First Name for registration.
      1. Type: Text
      2. ID: Click on the dynamic tag icon and choose Affiliate Registration Form > First Name.
    3. Last Name: To enter the affiliate’s Last Name for registration.
      1. Type: Text
      2. ID: Click on the dynamic tag icon and choose Affiliate Registration Form > Last Name.
    4. Password: To enter the affiliate’s Password for registration.
      1. Type: Password
      2. ID: Click on the dynamic tag icon and choose Affiliate Registration Form > Password.
      3. Required: Enable
    5. Confirm Password: To enter Confirm Password for matching with the Password field.
      1. Type: Password
      2. ID: Click on the dynamic tag icon and choose Affiliate Registration Form > Confirm Password.
      3. Required: Enable
    6. PayPal Email Address: To enter the affiliate’s PayPal Email Address for payout.
      1. Type: Email
      2. ID: Click on the dynamic tag icon and choose Affiliate Registration Form > PayPal Email Address.
    7. Referral affiliate user ID: To enter the referrer user ID.
      1. Type: Number
      2. ID: Click on the dynamic tag icon and choose Affiliate Registration Form > Referral affiliate user ID.
    8. Website URL: To enter the Website URL.
      1. Type: URL
      2. ID: Click on the dynamic tag icon and choose Affiliate Registration Form > Website URL.
  8. You can set a Label, Placeholder, and Required options as per your choice. Note: Email Address and Password are mandatory (required) fields for creating an affiliate registration form.
  9. To validate the “Password”, you can add the “Confirm Password” field to enter the password again. Please make sure you have already added the “Password” field as Confirm Password is useful only with the Password field.
  10. For adding any extra fields other than the default fields, you can refer to this doc.
  11. Next, open the “Actions After Submit” section and then:
    1. Remove any default actions by clicking on the cross icon(x) before the action name, as there is no need to set any other action while doing the affiliate registration.
    2. Add the “Affiliate Registration” action by searching on the “Action” field for receiving the form data and other operations.
  12. Click on “Publish” and view the page to see the affiliate registration form.

Existing/logged-in users

↑ Back to top

If a logged-in user tries submitting their request via the above form, then they will not see a few form fields like first name, last name, password/confirm password as that information will be already available in their account. The email field will be visible – with their account email pre-filled – but the user will not be allowed to edit it.

Actions after submit

↑ Back to top
  1. Approve/reject affiliate requests and see what details they have entered in the form
  2. Email notifications

Feature request

↑ Back to top

Have a feature request or enhancement suggestion for Affiliate For WooCommerce? Submit it from here: Submit a feature request.

WooCommerce

The most customizable eCommerce platform for building your online business.

  • 30-day money-back guarantee
  • Support teams across the world
  • Safe and secure online payment