➡️ Instructions
To start using the plugin is very simple and practical, follow the instructions below and everything will work perfectly.

👉 Place the "Credit Card Form" element on your page and resize it to the size you want. The form has a maximum width limit of 550px, however when resizing the element with a width greater than 550px the element will always be in the center.

By placing the element on your page, basically the plugin will already be working perfectly. In the plugin's settings tab you can change the labels and colors of the form to the way you want.

➡️ Events & States

As soon as the user clicks on the send button, two events can be triggered in your workflow, they are:

● Submit - Empty Values: This event is always triggered when the user fails to fill in a form field. It might be useful for your use case when you want to display an alert or even perform some validation.

● Submit - Values: This event is always fired when the user fills in all the form fields.

When the user clicks on the submit button 5 States are filled and you can access them at any time, they are:

● Card Number: Saves the value filled in by the user in the Card Number field
● Card Holder: Stores the value filled in by the user in the Card Holder field
● Expiration Date - Month: Stores the value filled in by the user in the Expiration Date - Month field
● Expiration Date - Year: Stores the value filled in by the user in the Expiration Date - Year field
● CVV: Saves the value filled in by the user in the CVV field