How to Add Contact Form to Your Page ?

Through this document , you will uncover the 'Contact Form' feature properties in site editor page through these key elements: 1. Adding a Contact Form 2. Feature Settings Window 3. Style Settings Window 

 Adding a Contact Form 

 

 Drag the contact form icon from the available features 

 

 

 

 Drop the contact form icon into the desired location on your website page 

 

 

 Feature Settings 

 Upon dropping the subscribe icon, a settings window will appear, offering three main features: 

 

 

 Records 

 

 

 You will be able to see entries from dashboard which allows you to manage contact form conveniently. 

 

 

 

 

 Settings 

 

 Determine how your contact form is visible on devices (Mobile , Tablet , Desktop , Large desktop). 

 

 

 Animations 

 

 

 Add animation to your contact form from a long list of animation options. 

 

 

 Enhance your animated contact form by incorporating timing in seconds. 

 

 

 

 

 

 Style Settings 

 Design Features 

 

 

 Access the "Design" feature to customize your contact form appearance. Within this feature, you can determine the following properties: 

 

 

 Margin : Set the spacing around your contact form to control its placement on the page. 

 

 

 Border : Define a border for your contact form to add a distinct visual element. 

 

 

 Color : Choose the color that best complements your website's theme or design. 

 

 

 Style : Apply different styles to your contact form, enhancing its visual appeal. 

 

 

 Gradient : Add gradient effects to your contact form for a more dynamic and modern look. 

 

 

 

 

 Background Features 

 

 Navigate to the "Background" feature to enhance the backdrop of your contact form. 

 

 

 Upload Images : Insert images as a background for your contact form, providing visual interest. 

 

 

 Sample Images : Explore pre-loaded image samples for quick and easy background selection. 

 

 

 Background Styling : Customize the contact form background further with options like: 

 - Background Repeat: Control how the background image repeats. - Background Fill: Adjust how the background fills the space around the contact form. - Background Position: Define the positioning of the background image for optimal display. 

 

 

 

 

 Style Customization 

 

 Within the "Style" section, further refine your contact form presentation by adding classes from a dropdown list with a plethora of options. 

 Determine how your contact form are visible on devices (Mobile , Tablet , Desktop , Large desktop).