Enhance customer interaction and gather valuable information with the MageAnts Magento 2 Custom Form Extension. This versatile tool allows you to create and manage custom forms easily, tailoring them to capture specific data and meet diverse business needs.
Key Features:
Flexible Form Creation: Design and customize forms to collect information such as feedback, inquiries, registrations, and more.
Drag-and-Drop Builder: Build forms effortlessly with a user-friendly drag-and-drop interface.
Multiple Form Types: Choose from various form types including contact forms, survey forms, quotation forms, and registration forms.
Advanced Field Options: Add diverse field types such as text fields, checkboxes, radio buttons, file uploads, and more.
Integration and Compatibility: Seamlessly integrate with Magento 2 and other extensions for enhanced functionality.
Upgrade your Magento 2 store with the MageAnts Custom Form Extension to streamline data collection, improve customer engagement, and optimize business processes. Create personalized customer interactions and gather valuable insights with tailored, easy-to-manage custom forms.
About MageAntsStore
MageAnts is your trusted partner of Magento Custom Development & Hyvä theme development solutions provider. Put your trust in us to create an online presence for you. Let us bring you into the digital age to embark on an incredible journey. Enhance your Magento store with our Magento 2 extensions & extend store functionality.
Custom form
– Magento 2
USER MANUAL
Supported Version: 2.0, 2.1, 2.2, 2.3, 2.4
www.mageants.com support@mageants.com 1
Table Of Contents
Preface ......................................……………………………………......3
Installation...................................………………………………………..4
Option 1: Magento 2 install extension using COMMAND LINE .........…………..…..4
Option 2: Magento 2 install extension manually ………………………………….......5
Backend Example ………………………………………………………...……...6
Extension configuration………………………………………………………...9
Frontend Example………………………………………………………………….13
www.mageants.com support@mageants.com 2
Preface
Mageants Custom Form is create customize custom form in few steps.
You can use this form to collect customer data and use it in future.
- Drag and Drop control
- Create form using multiple elements
- Manage admin and customer notification
www.mageants.com support@mageants.com 3
Installation:
There are two ways of installing extension in magento2.
1) Using COMMAND LINE.
2) Manually install extension.
Option 1: Magento 2 install extension using COMMAND LINE (Recommended).
Follow below steps to install extension from the command line.
Step 1: Download the extension and unzip it.
Step 2: Upload it to code directory in your magento installation’s app directory.
If code directory does not exists then create.
Step 3: Disable the cache under System → Cache Management.
Step 4: Enter the following at the command line:
php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy -f
Step 5: Once you complete above steps log out and log in back to the admin
panel and switch to Stores -> Configuration -> Mageants -> Custom Forms,
The module will be displayed in the admin panel.
www.mageants.com support@mageants.com 4
Option 2: Magento 2 install extension manually.
Step 1: Download the extension and unzip it.
Step 2: Upload it to code directory in your magento installation’s app directory.
If code directory does not exists then create.
Step 3: Disable the cache under System → Cache Management Edit
app/etc/config.php file and add one line code:
‘Mageants_Customform’ = 1
Step 4: Disable the cache under System → Cache Management
Step 5: Once you complete above steps log out and log in back to the admin
panel and switch to Stores -> Configuration -> Mageants -> Custom Forms,
The module will be displayed in the admin panel.
www.mageants.com support@mageants.com 5
Configuration
After Installation of Extension log in to Magento admin panel for
set configuration of the extension.
Backend Configuration
Admin Notification
Enable Notification to Email : Set Yes to enable admin email
notification.
Send Emails to : Set email to send notification email to admin.
Email Sender : Set email sender.
Email Template : Set email template.
Reply Form Configuration
www.mageants.com support@mageants.com 6
Email Sender : Set email sender.
Email Template : Set email template.
Send Blind Copy to : Set email to send blind copy email.
Autoresponder
Enable Auto Response : Set Yes to enable auto response.
Email Sender : Set email sender.
Email Template : Set email template.
GDPR Consent
Enabled : Set Yes to enable GDPR Consent.
www.mageants.com support@mageants.com 7
Сonsent Text : onsent Text : Set Consent Text.
Advanced
Google Api Key : Set Google API key for Google Map.
Backend Functionality
Form Grid that contains created form.
Add new form
www.mageants.com support@mageants.com 8
Title : Set Form Title.
Code : Set form code.
Success Url : Set success url after submit form.
Store View : Set Store View of form.
Customer Groups : Set Customer group.
Status: Enabled/Disabled Form.
Send notification to email : Set Yes to send email notification.
Recipients email : Set recipients email.
Email Template : Set email template.
www.mageants.com support@mageants.com 9
Success Message : Set Success Message.
Submit Button Text : Set Submit Button Text.
Show Form on Button Click : Enable/Disable to show form in popup.
Form Button Text : Popup Button Text.
Hide Email : Hide Email when user is logged in.
Email Field Code : Set Email Field Code.
www.mageants.com support@mageants.com 10
When we fill the email value in the input field title, we must need to fill
same value in the code input field as per the above screenshot.
www.mageants.com support@mageants.com 11
Here you can create form. You can drag and drop or click on control.
You can create single/multi-page form. You can also set page title if
you have created multi page form. You can set validation for
control.
CMS Page : Copy CMS Embedding code and paste into cms page
form will be display.
Templates : Copy Templates Embedding code and paste into phtml
file form will be display.
Layout : Copy Layout Embedding code and paste into xml layout
form will be display.
www.mageants.com support@mageants.com 12
Submitted Form data grid that contains all submiited form by customer.
Frontend Functionality
Single Page Form
Multi Page Form
www.mageants.com support@mageants.com 13
Popup Functionality
www.mageants.com support@mageants.com 14
Thank you!
if you have any questions or feature suggestions, please contact us at:
https://www.mageants.com/contact-us
Your feedback is absolutely welcome!
www.mageants.com support@mageants.com 15