Only the users are allowed to enter the Central Administration. Login


Automatic creation of form, styles and popup script

  • A Block/Menu named «CODE_FORM_SCRIPTS_FILE» will be created. The Block/Menu will be located in the Footer of the site, and it will contain the code for the popup forms.
  • A form with the necessary settings will be created.
  • The design will be added to the end of the CSS styles in the design editor.
  • The button codes will be sent in a private message.

List of fields to create:
  • Name
  • Email
  • Phone
  • Text/Comment
  • Product ID
  • Order/item price
  • Product variations
  • Position of the form (the button from which the form is called)
  • The page the data was sent from.

Please select the site below to continue.
You need create site.


A form is a section of a document that allows the user to enter information for subsequent processing by the system. On the platform, you can create full-fledged forms, with the binding of names, id and class's for the fields.

Form data can be sent not only to your site, but also to any third-party server. The use of an answering machine is available. In the form, you can specify the type of data to be sent, and the type of encoding, and captions for buttons, and the text of messages in case of an error or successful processing, and specify a protective image, and much more.

The form fields can be flexibly configured, check for compliance with the data type, required filling, and much more.

You can send any data in the form, as well as files. When sending files, it is possible to use an array of data using one object name. Such a function may be needed when creating one field for attaching multiple files using JavaScript.

Some tips:
If you are creating a form for processing on your site, then in the form submission address it is enough to indicate «#». If you will use sending files when sending, be sure to specify the «POST» method, and Enctype - «multipart/form-data». To send data to your email address - indicate in the field «Result when sending to the internal address» - «Send the result to the mail and to the Private Messages». In this case, messages will be sent not only to your mail, but also to private messages.

Recommendations for styling forms:
    You can style your forms in CSS site styles, for example:

      #form_id { position:relative; width:100%; max-width:550px; margin:0 auto; text-align:left; }
      #form_id label { display:block; margin:10px 0px 10px 0px; padding:5px 0px; clear:both; }
      #form_id label span { float:left; display:inline-block; width:300px;}
      #form_id label span:first-child { float:left; display:inline-block; width:170px;}
      #form_id table { margin:30px auto; }

    In this example, the width of the header field is 170px and the values ​​are 300px;
    Example of a standard CSS style recommended for default use (default):

      /*STYLE FORM */
      #my_form { position:relative; width:250px; margin:0 auto; text-align:left; }
      #my_form label { display:block; margin:10px 0px 10px 0px; padding:8px 0px; clear:both; } 
      #my_form label span { float:left; display:inline-block; width:300px;}
      #dialog_form_constructor #my_form label span { width:100%; }
      #my_form label span:first-child{ float:left; display:none;}
      #my_form table { margin:30px auto; }
      #my_form label span input { line-height:31px; width:260px; margin:0px auto;  text-indent:10px; }
      #my_form .my_form_buttons_div .button[type="reset"]{  display:none;}
      #my_form .my_form_buttons_div .button[type="submit"]{ width:264px; padding:10px 0px; margin-top:8px;}
      .my_form_form_title, .my_form_whatform, .my_form_form_url, .my_form_form_price, .my_form_form_products_id, .my_form_form_products_varietyid{ display:none!important; }
      #my_form label span .form_text { width:260px; height:90px; text-indent:10px;}
      #dialog_form_constructor #hotengine-message-box.done {  background:none; border:none; font-size:18px; color:#008009; width: 290px;
      margin: 50px 0px;
      padding: 0px;}
      /*STYLE FORM END */

    You can create a standard form automatically:

    Créer un formulaire standard "Rappel", "Poser une question" et etc.

    Form - Popups

    Form - How do I create a popup submit form without refreshing the page (Ajax)?