Advice and answers from the Buildify Team help center

Content Settings

Form Fields

To customize the Email button, click on it and you refer to the settings in the right side-bar:

  1. Set the label and placeholder (they must be similar to the name).
  2. Set the width of the column.

Also, here you can set up:

  • Input size.
  • Labels - show or hide labels.
  • Required marks - show or hide the Required mark (option is available when you turn Labels on).

Submit Button

The Submit button has the following settings:

  • Text - enter the input text of the button.
  • Size - set the size of the button.
  • Column width - set the width.
  • Alignment - set the position of the button within the section.
  • Icon - select the icon for the button.
  • Icon position - decide if the icon will appear before or after the text.
  • Icon spacing - set the distance between the text and icon within the button.

Form Description

  • Write a few words (rules, conditions, etc.), if need be. Edit text with simple text editor.
  • Set the alignment of the description.

Emails & Options

Here you can enter the text of the message that will be sent to the Customer after he/she has sent a message to you. Also, you can add a redirect URL. In this case, the message will be redirected to another page.

Style Settings

Form

  • Set column and rows gap.
  • Set spacing, typography, text and mark color for Labels.
  • Set border width, typography, text, background and border color for "Success" message.

Form Description

  • Set padding of the description.
  • Choose text color.
  • Make typography settings - set size, font, style, letter spacing, etc.

Field

  • Set text color.
  • Typography - set size, font, style, letter spacing, etc.
  • Choose background color.
  • Set border color, width and radius.
  • Set text padding.

Button

The following setting are available for the Normal position:

  • Text and background color 
  • Typography
  • Border type and radius
  • Text padding

The following setting are available for the Hover position:

  • Color settings - text, background
  • Animation - set the animation for the section.

 

Advanced Settings

  1. Element Style (margin, padding, entrance appearance).
  2. Background & Border (type, radius, box shadow).
  3. Responsive (hide or show it on a desktop, tablet, mobile).

Did this answer your question?