Documentation
v1.2
GETTING STARTED
Premium element
Interaction
Smart Notify
Smart Notify allows users to subscribe via email using a customizable and responsive form. It includes validation, error handling, and feedback messages, ensuring a seamless user experience.
Preview
Quick Setup
data-notify=true
Required
Add this attribute to the div element for the notification form.
data-notify-email
Required
Specify the email address where notifications will be sent.
Advanced configuration
data-font-family
Optional
Customize the font used in the form
Default: system-ui
data-font-size
Optional
Set the font size for the form elements.
Default: 16px
data-input-bg
Optional
Background color for the email input field.
Default: #1a1a1a
data-button-bg
Optional
Background color for the submit button.
Default: #2563eb
data-text-color
Optional
Text color for the form elements.
Default: #ffffff
data-gap
Optional
Spacing between the input and button.
Default:8px
data-border-radius
Optional
Border radius for the input and button elements.
Default: 8px
data-button-hover
Optional
Background color for the button on hover.
data-input-border
Optional
Border color for the input field.
Default: rgba(255, 255, 255, 0.1)
data-input-text
Optional
Placeholder text for the email input
Default: "Enter your email"
data-button-text
Optional
Text for the submit button.
Default: "Notify Me"
data-success-text
Optional
Message displayed on successful submission.
Default: "Thank you for subscribing!"
data-error-text
Optional
Error message displayed when submission fails.
Default: "An error occurred. Please try again."
data-loading-text
Optional
Text displayed when the form is loading.
Default: "Sending..."
data-invalid-text
Optional
Message shown for invalid email addresses.
Default: "Please enter a valid email"
We're here to help
Choose how you'd like to connect with our support team
Contact Support
Get help from our team of experts
Response within 24 hours