Site.pro
  • Website Builder
    • Website Builder
    • Prices
    • Website Import
    • Online Stores
    • Plugins
    • Collaboration
    • Templates
    • Languages
    • Affiliate Program
    • Examples
    • AI Website Builder
    • For Design Studios
    • We Build for You
  • Domains
  • Email
  • Learn
    • Tutorials
    • Blog
    • FAQ
    • Growth Hacking
    • For Hostings
    • Domainity
    • For Education
  • For Resellers
    • Prices
    • White Label
    • Revenue Share
    • Panels
    • How it Works
    • Mass Import
    • Our Partners
    • Reselling Examples
    • Marketing Materials
    • Documentation
    • Free Websites
  • Website Builder
    • Website BuilderEverybody can easily create a website, landing page, or e-commerce store.
    • PricesSite.pro Prices: Templates 200+, Websites, Basic Builder Functions, Online Stores
    • Website ImportTransfer your existing website from anywhere to Site.pro website builder
    • Online StoresSell your goods or services anywhere on the website
    • PluginsMany functions and plugins depending on geographical preferences
    • CollaborationCollaborative Website Builder, Create a website with teammates in real-time in one space
    • Templates
    • Languages
    • Affiliate Program
    • Examples
    • AI Website Builder
    • For Design Studios
    • We Build for You
  • Domains
  • Email
  • Learn
    • TutorialsVideos for Beginners
    • BlogWebsite Builder Lifehacks:Shared hosting tips. Web Design, Marketing
    • FAQHelp center. Payment Issues. Basic Tutorial. Quick search.
    • Growth HackingBoost your sales. Strategy
    • For HostingsEducation. Generate more website builder sales
    • DomainityDomainity: Domain quantity per 1000 people
    • For EducationFree Website Builder for Online and Offline Classrooms
  • For ResellersWhite Label
    • PricesStart reselling. Pay for live websites. Free Websites
    • White LabelThe most popular white label tool is ideal for reselling
    • Revenue ShareWebsite Builder: Provide free website builder and earn 50% commissions
    • PanelsOne product for all platforms. Download plugin for your panel
    • How it WorksCloud or On-Premises. Recommendations for Builder Server
    • Marketing MaterialsVideo. Mockups. Website Blocks. Marketing Materials.
    • Mass Import
    • Our Partners
    • Reselling Examples
    • Documentation
    • Free Websites
  • inputRegister

    Register

    (Buy Domain, Create email)
    (For Hosting Companies)
    By registering, you accept our Terms of Service
    Number of Customers: 1-100
    Number of Customers: 1-100
  • Log in

    Log in

    New user? Create account
    Forgot password?
  • $
  • English
Please use keywords in English only.
Account & Billing (34)Mixpanel (2)License (24)Managing Website (12)Domains: Purchasing (15)Domains: Connecting (26)Mailboxes (26)Brand: Cloud (5)Brand: On-Premises (14)Installation: Builder (10)Installation: Builder Plugin (5)Hosting/Billing panels: cPanel (9)Hosting/Billing panels: DirectAdmin (7)Hosting/Billing panels: ISPmanager (4)Hosting/Billing panels: Plesk (7)Hosting/Billing panels: Webuzo (2)Hosting/Billing panels: WHMCS (5)Website Builder: Plugins (5)Website Builder: Website creation (52)Website Builder: Pictures (11)Website Builder: Media (15)Website Builder: Additional (8)Website Builder: Text (14)Website Builder: Import (5)Website Builder: SEO (21)Website Builder: Social (13)Website Builder: Commerce (80)Website Builder: Maps (12)Website Builder: Forms (6)Website Builder: Advanced (18)Website Builder: Errors (21)Web Design Studio (3)Affiliate Program (7)Education (8)
Filter
All (506) For Hosting Companies (396) For Website Owners (376)
FAQ
›
Website Builder: Forms
How to use "Form"?
Website Builder

How to use "Form"?

  1. Adding form:
    • Drag & drop "Form" from main toolbar;
    • Choose form composition.
  2. Customising form:
    • Form:
      • Select form and choose “Edit Form” in right toolbar.
      • Select “Type” to choose the field type.
      • Write “Name” to name the field.
      • (Optional) Write “Placeholder” to give a placeholder text to the field.
      • (Optional) Select “Required” to make the field required.
      • To change field order, drag and drop using arrow symbol on the left.
      • If additional fields are required, choose “Add Option”.
      • Select “Apply” to save changes.
      • Write email(s) for the form to be sent from and to.
      • Write email subject, form sent message.
      • (Optional) Set to "Submit to URL instead" to have your form data sent to URL.
      • Select “Inquires” to view received form replies.
    • Button:
      • Write submit button text.
      • Select near “URL after submit” to insert URL or select a page on your website, if needed select "Open in a New Window".
      • To customise the button more, use “Align”, “Font”, “Style”, “Colour”, “Background”, “Border”, “Shadow”, and “Spacing” options.
    • Fields:
      • Select "Font" to customise the font of the fields.
      • Select "Background" to change field background.
      • Select “Border” to add borders to fields.
      • Select “Spacing” to adjust the field spacing.
    • Labels:
      • Select "Font" to customise the font of the labels.
      • Select "Label Column Width" to change label size.
      • Adjust label position by selecting “Left”, “Above”, or “As placeholder”.
    • SMTP:
      • Click "SMTP Enable" to enable SMTP.
      • Write "SMTP Host" and "SMTP Port".
      • Select "SMTP Encryption".
      • Write "SMTP Username" and "SMTP Password".
    • CAPTCHA:
      • Select CAPTCHA type (Google reCaptcha, Yandex SmartCaptcha, or hCaptcha)
      • Write "Site key" and "Secret key" in right toolbar to add CAPTCHA.
    • Size:
      • Set form size or "Allow to adjust size automatically".
    • Advanced:
      • Write desired JavaScript code in "onSubmit JS event" field (this code will be triggered once the form is submitted);
      • Mark "Capture GCLID identifier" box to enable Google Click Identifier capture.

Video


People also found this article using these queries:

  • How to add a feedback form to my website?
  • Can I make the fields required in the form element?
  • How to configure the email address for a contact form?
  • Form sending failed (5): Receiver not specified
  • How to add different field types in the form element?
  • Where can I change the color of the form elements?
  • Is it possible to edit the order form?
  • How to change the field order in form?
  • I want to change the field type
  • Can I edit the contact form?
  • Where to view form replies?
  • How to add date and time to form?
  • Do forms support validation rules?
  • How to add placeholder text to fields?
  • I need to add registration form
  • Is there a feedback form?
  • What are the different field types?
  • How to add more fields to form?
  • Can I enable Google reCAPTCHA?
  • I need to add a checkbox to my form
  • How to configure SMTP settings in contact form?
© Site.pro 2011. Website Builder. United States.
Contact SalesTerms of Service