How to use Register Form Widget of Sky Addons for Elementor

The Sky Addons Register Form widget gives you a fully customizable user registration form that you can drop into any Elementor page. It handles WordPress account creation natively — no plugin dependencies beyond Sky Addons Pro — and supports optional first/last name fields, a password strength meter, a requirement checklist, confirm-password matching, custom meta fields, a terms-and-conditions checkbox, redirect-after-registration, and auto-login. This documentation will guide you through the process of using the Register Form Widget to create a branded, conversion-ready signup experience on your website.

Features:

1. Flexible Field Set: Toggle first name, last name, password, and confirm-password fields on or off to match your registration flow.
2. Password Strength Meter: Show a live strength bar and an optional checklist (8+ chars, uppercase, number, symbol) so users know exactly what is required.
3. Custom Meta Fields: Add unlimited extra fields (text, email, phone, URL, number, textarea, select) stored as user meta — with prefix control so they integrate cleanly with any CRM or membership plugin.
4. Terms & Conditions Checkbox: Include an optional terms checkbox with a custom label and link — required before the form submits.
5. Post-Registration Actions: Choose between showing a success message, redirecting to any URL, or auto-logging the user in immediately after signup.
6. Spam Protection: Built-in honeypot field and time-trap make the form resistant to automated submissions without adding a CAPTCHA.
7. Full Style Control: Independently style the card container, labels, inputs, submit button, helper links, and success/error messages from the Style tab.

Insert Register Form Widget

1. Open your page in Elementor and click the + icon to add a new section.
2. Search for Register Form in the widget panel and drag it onto the canvas.

Configure Layout

The Layout section in the Content tab controls the overall form structure.

1. Card Container: Toggle on to wrap the form in a padded card with a shadow. Toggle off for a flat, borderless layout.
2. Show Field Labels: Hide all labels for a cleaner placeholder-only look, or keep them visible for accessibility.
3. Button Width: Set the submit button to Full Width or Auto (shrink-wrapped). Responsive — you can override per breakpoint.

Configure Form Fields

The Form Fields section controls which core fields appear and what text they display.

1. First Name / Last Name: Toggle each field on or off. When visible, set a custom label, placeholder text, and responsive width (Full, Half 1/2, or Third 1/3) so names can sit side by side on desktop.
2. Email Address: Always required. Customize the label and placeholder text.
3. Password Field: Toggle on or off. When off, WordPress auto-generates a password and emails it to the user. When on, set the label and placeholder, then choose whether to show the Show/Hide toggle eye icon, a Strength Meter bar, a Requirement Checklist, and whether to require a strong password before the button becomes clickable.
4. Confirm Password Field: Toggle on to add a second password input with live mismatch detection. Customize label and placeholder independently.
5. Terms & Conditions: Toggle on to add a required checkbox before the submit button. Set the checkbox text, the link label, and the link URL (with external/nofollow options).

Add Custom Fields

The Custom Fields section uses a repeater to add unlimited additional inputs that are saved as user meta after registration.

1. Click Add Item to add a new custom field.
2. Set the Label (visible to the user) and a Meta Key (lowercase letters, numbers, underscores). The key is saved as sky_reg_{key} by default.
3. Toggle Save Without Prefix to store the raw key (e.g. phone) instead — useful for compatibility with other plugins.
4. Choose the field Type: Text, Email, Phone, URL, Number, Textarea, or Select. For Select, enter one option per line in the Options textarea.
5. Set a Placeholder, a responsive Width (Full, Half, Third), and toggle Required if the field must be filled before submission.

Configure Button & Behaviour

The Button & Behaviour section controls the submit button text and what happens after a successful registration.

1. Button Text: Change the default “Create Account” label to anything that fits your brand.
2. Helper Text: Add a small note shown just above the submit button — useful for password requirements or privacy notes.
3. Success Message: Customize the text shown after a successful registration. Leave blank to use the WordPress default.
4. Auto Login After Register: Toggle on to sign the user in immediately after they submit the form.
5. Logged-in Message: When enabled, signed-in visitors see a “You are logged in as…” notice instead of the form — with a log-out link.

Configure Redirect & Links

The Redirect & Links section controls where users go after registering and which helper links appear below the form.

1. Redirect After Register: Toggle on and set a Redirect URL to send users to a thank-you page, dashboard, or any internal URL after a successful submission.
2. Login Link: Toggle on to display a “Already have an account? Log in” link below the form. Customize the link text.
3. Lost Password Link: Toggle on to add a password-recovery link. Customize the label text.

Style Your Register Form

Use the Style tab to customize every visual element of the form.

1. Form:
   Set an accent color (used for focus states), control the gap between fields, and — when the card container is active — customize its background, border, border radius, box shadow, and padding.
2. Labels:
   Set the text color, typography, and spacing (margin-bottom) for all field labels.
3. Inputs:
   Control typography, text color, placeholder color, background color, border (style/width/color), border radius, padding, and the border color on focus state.
4. Button:
   Set typography, padding, and border radius for the submit button. Use the Normal/Hover tabs to set text color and background independently for each state.
5. Links:
   Control typography, color, and hover color for the login and lost-password links below the form.
6. Messages:
   Set typography, success message color, and error message color for the inline feedback shown after submission.

Save and Preview

1. Click Update in Elementor to save your page.
2. Preview the page to see your Register Form widget in action.

Best Practices

1. Keep the form short — only ask for what you actually need at signup. Extra custom fields can always be collected in a profile edit screen later.
2. Enable the Strength Meter alongside the Requirement Checklist so users understand exactly what makes a password acceptable before they hit submit.
3. Use the Half-width option for First Name and Last Name fields so they share one row on desktop — this reduces the perceived form length.
4. Make sure “Anyone can register” is enabled in WordPress Settings > General — the widget shows an admin notice in the editor if registration is disabled at the site level.

Troubleshooting

1. Form shows “Registration is disabled” notice. Go to WordPress Settings > General and check the “Anyone can register” checkbox, then save.
2. Logged-in users see the form instead of the logged-in message. In the Content tab under Button & Behaviour, make sure the Logged-in Message toggle is on.
3. Custom field data is not saved after registration. Check that each custom field has a unique, non-empty Meta Key using only lowercase letters, numbers, and underscores. Keys with spaces or special characters are silently skipped.

Frequently Asked Questions

Do registered users get a confirmation email?

Yes. WordPress sends its standard new-account email regardless of how the account is created. When the Password Field is turned off, that email includes a link to set a password.

Can I assign a specific user role at registration?

The widget uses the default role set in WordPress Settings > General. To assign a different role, use a membership plugin alongside the widget or add a custom role-assignment hook.

Where are custom field values stored?

Each custom field value is stored in wp_usermeta. By default the key is prefixed as sky_reg_{your_key}. Toggle “Save Without Prefix” in the repeater item to store the raw key name instead.

Can I use this widget on multiple pages?

Yes. You can place the Register Form widget on any number of pages. Each instance is independent, so you can have different field sets, redirect URLs, and styles on each page.

Is the form protected against spam bots?

The widget includes a hidden honeypot field and a time-trap that rejects submissions arriving too quickly — the two most common automated bot patterns. For additional protection on high-traffic sites, consider also enabling a CAPTCHA plugin.

Related Documentation

Explore other Sky Addons widgets and extensions that complement the Register Form widget:

• Social Share: Add social sharing buttons to your site, including share-on-registration confirmation pages.
• Rounded Cursor: Apply a branded custom cursor across your site to reinforce design identity on membership pages.

Conclusion

The Register Form widget gives you complete control over how new users sign up on your WordPress site — from field selection and layout to post-registration actions and visual styling, all from the Elementor editor. If you have any questions or need help, visit the Sky Addons support center.