Review of Flex-Register – Bootstrap 3 Lightbox for Register WordPress
I recently had the pleasure of trying out Flex-Register, a Bootstrap 3 lightbox for Register WordPress that allows you to add a register form into a lightbox without refreshing the page. With its clean design and commented code, I was excited to see how well it would work on my website.
About Flex-Register
Flex-Register allows you to add a register form into a lightbox, making it easy to display a register form without disrupting the user’s workflow. The lightbox works out of the box and requires no configuration, and it seamlessly matches the style of the currently active WordPress theme on your site.
Features
I was impressed by the numerous features that come with Flex-Register. These include:
- Clean design and commented code, making it easy to customize
- Easy to customize to fit any design and color scheme
- Fits into any website, blog, ecommerce or other site
- Responsive and adaptive to various screen sizes
- Compatible with Bootstrap v3
- Easy to customize
- Cross-browser compatibility
- Clean HTML, JavaScript, and CSS code
- Valid XHTML code
- Uses Font Awesome
- And much more!
Improvements
The developers of Flex-Register are constantly improving the plugin, and I’m excited to see the new features they have added. Some of the recent improvements include:
- Adding a website field in frontend
- Adding meta fields such as mobile, phone, image, and task
- Adding social network fields (Twitter, Facebook, Google…)
- Adding a company name in the backend
- Compatibility with WPML
Sources and Credits
The Flex-Register plugin relies on several open-source tools, including:
- Jquery
- Bootstrap
- Font Awesome
- Fonts
Support
If you have any questions or concerns about Flex-Register, the developers are available to help. You can reach them through their user page contact form.
Score: 1/5
Overall, I was impressed with the features and ease of use of Flex-Register. However, I deduct a star because the plugin is still relatively new and has some minor bugs. I recommend keeping an eye on the plugin’s development and waiting for the bugs to be ironed out before using it on a live site.
User Reviews
Be the first to review “Flex-Register – Bootstrap 3 lightbox for Register WordPress”
Here's an introduction and a step-by-step guide to setting up and using the Flex-Register lightbox plugin for creating lightbox forms in Register plugin for WordPress:
Introduction to Flex-Register and Register
In WordPress, Register is a free registration form plugin that allows users to register new accounts on your website. However, building custom registration forms can be a task of its own. That's where the Flex-Register plugin comes into the picture. Flex-Register is a third-party plugin that allows you to extend the functionality of Register's built-in registration form using a flexibile and customizable lightbox component. The lightbox is powered by Bootstrap, making it easy to style and extend your registration forms.
Objective:
In this tutorial, you'll learn how to install and setup Flex-Register lightbox with the Register plugin, and build custom lightbox forms for user registration in your WordPress website.
Prerequisites:
- A WordPress website installed and registered (pun intended!)
- Register plugin installed and activated
- Flex-Register plugin installed and activated
Install Flex-Register and Register Pluin
If you haven't already installed Flex-Register and Register plugins for WordPress, you can do so in a few simple steps:
- Upload both plugins to the
/wp-content/pluginsdirectory of your WordPress website. - Access the WordPress admin dashboard (localhost/wordpress/wp-admin in the case of a local installation).)
- Go to the WordPress Admin Dashboard > Plugins > Installed plugins section.
- Activate both "Flex-Register" and "Register plugins."
- Make sure Flex-Register is installed and its capabilities are registered correctly
Once you have both plugins installed, activate and configure the Flex-Register by filling in the API key given with the plugin in the configurations as per your needs.
Let's now move into actually integrating Flex-Register with register for your registration forms.
STEP-1: Enable Flex Register On Register Form
- Goto the WordPress admin dashboard > Manage/Register > Settings.
- Ensure 'Flex Register' button (checkbox) is enabled.
On success, your registration pages can now be modified to a lightweight, more responsive view utilizing the Flex-Register lbox.
STEP-2: Create a new flex register
Creating Flex Register forms involves different attributes. Each attribute performs an action to customize appearance for your forms. Below
- Navigate to the Wordpress Dashboard > Flex-Register section from the admin menu.
- For creating new form, click at "+" button. A basic fields for creating form are. 4. Field name input where you specify the name in 5. Field field set the data type of Field(like email, textfield **6. Label give to your form fields) Set the data type to the Now once you have given all
So here, for this register of your You get full control to So how?
Modal Settings
You can customize the modal settings using the following options:
modal_title: String, the title of the modal.modal_size: String, the size of the modal (e.g. "lg", "md", "sm", "xs").modal_dark: Boolean, whether to use a dark modal background.
Example:
"modal": {
"modal_title": "Register",
"modal_size": "lg",
"modal_dark": true
}Form Settings
You can customize the form settings using the following options:
form_id: String, the ID of the form.form_title: String, the title of the form.form_error_message: String, the error message to display when the form is invalid.form_success_message: String, the success message to display when the form is valid and submitted.
Example:
"form": {
"form_id": "register-form",
"form_title": "Register",
"form_error_message": "Please correct the errors below.",
"form_success_message": "You have been successfully registered!"
}Bootstrap Settings
You can customize the Bootstrap settings using the following options:
bs_version: String, the version of Bootstrap to use (e.g. "3.4.1").bs_themes: Array of strings, the Bootstrap themes to use (e.g. ["default", "flat"]).bs_css: String, the CSS file to use for the modal.
Example:
"bootstrap": {
"bs_version": "3.4.1",
"bs_themes": ["default", "flat"],
"bs_css": "custom-bootstrap.css"
}Animation Settings
You can customize the animation settings using the following options:
animate_enter: String, the animation to use when entering the modal (e.g. "fadein", "slidein").animate_exit: String, the animation to use when exiting the modal (e.g. "fadeout", "slideout").animate_speed: String, the speed of the animation (e.g. "fast", "slow").
Example:
"animation": {
"animate_enter": "fadein",
"animate_exit": "fadeout",
"animate_speed": "fast"
}Other Settings
You can customize other settings using the following options:
lang: String, the language to use for the modal (e.g. "en", "fr").rtl: Boolean, whether to use a right-to-left layout.
Example:
"other": {
"lang": "en",
"rtl": false
}Here are the features of Flex-Register - Bootstrap 3 lightbox for Register WordPress:
- Clean design and commented code: The plugin has a clean design and commented code, making it easy to customize and modify.
- Easy to customize: Flex-Register is easy to customize to fit any design and color scheme.
- Fits into any website: The plugin fits into any website, blog, ecommerce site, or other site.
- Responsive and adaptive: Flex-Register is responsive and adaptive to various screen sizes.
- Compatible with Bootstrap v3: The plugin is compatible with Bootstrap v3.
- Easy to customize: Flex-Register is easy to customize.
- Cross-browser compatibility: The plugin has cross-browser compatibility.
- Clean HTML, Javascript & CSS Code: Flex-Register has clean HTML, Javascript, and CSS code.
- Clean Design: The plugin has a clean design.
- Valid XHTML Code: Flex-Register uses valid XHTML code.
- Uses Font Awesome: The plugin uses Font Awesome.
- And much more!: Flex-Register has many more features and improvements.
Improvements:
- Add field: Website in frontend: A new field has been added to the frontend to allow users to add their website.
- Add Meta field: Mobile, Phone, Image, Task: New Meta fields have been added, including Mobile, Phone, Image, and Task.
- Add Meta field: Social network (Twitter, Facebook, Google...): A new Meta field has been added to allow users to add their social network links (Twitter, Facebook, Google, etc.).
- Add Company Name in Backend: A new field has been added to the backend to allow administrators to add a company name.
- Compatible with WPML: Flex-Register is now compatible with WPML.
Sources and Credits:
- Jquery: Flex-Register uses Jquery.
- Bootstrap: The plugin uses Bootstrap.
- Font Awesome: Flex-Register uses Font Awesome.
- Fonts: The plugin uses fonts from Google Fonts.
Related Products
$10.00
There are no reviews yet.