Adding a Contact Form

This article shows you how to place a contact form on a webpage. Create contact forms on webpages by using the Form drag and drop component.

Contact forms help you connect with your audience. For more information, see:

• Customising a Contact Form
• Customising Contact Forms and Fields

1  Inserting a Form Component

You create a contact form by placing a component on a webpage. Click PUBLISH on the top menu bar. A popup window displays. Click Website Content > Manage.

The Website Content page displays.

1. Hover your mouse pointer on a page.

2. Click the Edit button. The Edit Content area opens.

    

Drag the Form Component from the left side panel to the page. The Form Name box displays. Type a unique name in the box. Click OK. A basic form appears on the webpage.

2  Changing field names

You can customise the name of each field by opening the Settings panel.

1. Hover the mouse pointer over a field. The toolbar displays.
    
2. Click the round icon in the top left corner of the toolbar. The Text Settings panel displays.
3. On the Label line, enter text to replace the current name.
    
4. Click the Translate icon to translate an English name to a language based on locale.
5. Click OK to finish.

3  Copying a field

Insert a new field by copying an existing field. (Note that it is not possible to copy the First Name field).

1. Hover the mouse pointer over an existing field. The toolbar displays.
2. Click the Clone button in the top right corner of the toolbar.
3. A new field is placed under the original field.
4. Change the name of the new field by repeating Step 2 above.
5. To move a field, click the tab and drag the field to a new location.

• If you want to add different types of fields (e.g. radial buttons or checkboxes) to collect different types of data (e.g. numbers or dates), see Customising Contact Forms and Fields.

4  Deleting fields

You can remove a field. Deletions are permanent; there is no Undo function. You cannot delete a field from a published form if data has been submitted for that field. This situation can occur, for example, if you are testing a newly published form and submit test data. 

1. Click the X (Remove) button in the top right corner of the toolbar.
2. Click YES in the confirmation popup window. The field is removed, and the form is automatically resized.
    

5  Saving and publishing a form
 

When you save a form, Sinorbis holds the content and structure on a webpage. However, the form does not become active - or visible to website visitors - until that webpage is published.

1. Hover the mouse pointer over the form. The form toolbar displays.
    
2. Click the form once. The webpage goes dark, and the Save button appears at the button of the form.
3. Click Save. The webpage returns to normal.
    
4. To publish a page, go to the top of the page and click Publish.

6  Notes

To edit a form, open the original webpage (see above step 1. You cannot edit a form on the Forms page. To view submission data, open the Forms page.