CD Website Builder | Contact Form

The Contact Form allows your website visitors to send messages directly through your site. It’s a convenient way to receive inquiries, feedback, or service requests without displaying your personal or company email address.

 

On This Page

• Adding a Contact Form element
• Customising and configuring the Contact Form
• Changing the Submit button design

 

Adding a Contact Form element

1. Open your Website Editor.
2. From the side menu, click the Add Element button. This will open the Element panel.
3. Locate the Contact Form element, then drag and drop it into your desired location on the canvas.
   
   
    

 

Customising and configuring the Contact Form

You can customise the contact form fields and configure its settings to ensure you will receive the contact form submissions. Just click anywhere inside the form area, and then click the Edit icon on the top-right corner.

 

You’ll see three tabs: Layout, Settings, and Advanced.

 

• LAYOUT
  • The default fields include Full Name, Phone, Email, Select Service, and Subject. Click Add Form Field to include additional fields like checkboxes, links, text areas, etc.
    
    
     
• SETTINGS
  • Form Name – Set your preferred name for this form name (useful for internal tracking).
  • Send Form To – Type the email address where you want the form submissions to be sent, then click ENTER. Ensure it’s valid and regularly monitored.
    
     
• ADVANCED
  • Form Layout – Choose a vertical, horizontal, or two-column layout.
  • Placeholders – Toggle on/off to display sample text inside fields.
  • On Submit – Customize what visitors see after submitting the form (e.g., a thank-you message or confirmation note).
    

 

Changing the Submit button design

You can also change the layout of your form’s Submit or Send Message button. Simply double-click on it and you will see the following options.

 

Click Settings (gear icon) to adjust the Submit button’s appearance.

• Background – Change the button color to match your site theme 
• Type – Choose between solid or outlined styles. 
• Hover Effects – Enable animations when users hover over the button. 
• Full Width – Toggle this option if you want the button to span the full width of the form.

 

Once you’re done customising your Contact Form, click Preview to see how it looks on your live site. Test the form by sending a message to yourself. When satisfied, click Publish to make the form live on your website.