Skip to main content

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 user subscriptions conveniently.

        Settings

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

          Animations

              Add animation to your subscription box from a long list of animation options.

              Enhance your animated subscription box 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).