{"id":32258,"date":"2024-11-15T13:58:33","date_gmt":"2024-11-15T12:58:33","guid":{"rendered":"https:\/\/www.westcam-group.com\/contact-form\/"},"modified":"2025-01-21T13:32:43","modified_gmt":"2025-01-21T12:32:43","slug":"contact-form","status":"publish","type":"page","link":"https:\/\/www.westcam-group.com\/en\/contact-form\/","title":{"rendered":"Contact form"},"content":{"rendered":"\n
<\/span>\"\"
\n

BUILD CONTACT FORM<\/p>\n<\/div><\/div>\n\n

<\/div>\n\n

How to create your personal contact form! <\/strong><\/p>\n\n

<\/div>\n\n
\n
\n
\n
\n

1<\/strong><\/p>\n\n\n\n

Insert<\/strong><\/p>\n<\/div>\n<\/div>\n\n\n\n

\n

Select the“Form Block<\/strong>” in the Gutenberg Editor by clicking on“+<\/strong>“. You can now choose a variant. “Full” already contains name, email and message fields as well as a send button and success\/error message blocks. <\/p>\n\n\n\n

\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n
<\/div>\n\n
\n
\n
\n
\n

2<\/strong><\/p>\n\n\n\n

Form fields<\/strong><\/p>\n<\/div>\n<\/div>\n\n\n\n

\n

Now click on the “Form Block” <\/strong>and add further fields with“+<\/strong>” and select“Form Field<\/strong>“. On the right in the Inspector SideBar you can select which field you want to use under“Field Type<\/strong>“. The following fields are available:(Text, Email, Textarea, Checkbox, Radiobuttons, Select, File and Hidden<\/strong>). Under “Field Name<\/strong>” you can name the fields (e.g. first name, telephone number, etc…). Under Placeholder you can enter the text that will be displayed as a placeholder in the frontend. You can also make a field mandatory by selecting“required<\/strong>“. <\/p>\n\n\n\n

\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n
<\/div>\n\n
\n
\n
\n
\n

3<\/strong><\/p>\n\n\n\n

Receiver <\/strong><\/p>\n<\/div>\n<\/div>\n\n\n\n

\n

When you click on the “Form Block”<\/strong>, you can specify the email address to which the form should be sent under“Send Email To<\/strong>” in the Inspector sidebar on the right. You can also specify the subject of the email under“Email Subject<\/strong>“. select“Use URL Param “email” for recipient?<\/strong>” if you pass on an email address as a URL parameter and the Form Block should read this as the recipient. <\/p>\n\n\n\n

\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n
<\/div>\n\n
\n
\n
\n
\n

4<\/strong><\/p>\n\n\n\n

Recaptcha<\/strong><\/p>\n<\/div>\n<\/div>\n\n\n\n

\n

You also have the option of securing your contact form against spam with Google Recaptcha v3. Add the“Form Captcha<\/strong>” block in the “Form Block”<\/strong>. In the Inspector SideBar you can set whether the Google badge should be at the bottom left or right. Now go to Settings in your Admin Dashboard and click on“Form Recaptcha<\/strong>“. There you can now enter your two Recaptcha keys and click “Save changes”. <\/p>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n
<\/div>\n\n
\n
\n
\n
\n

5<\/strong><\/p>\n\n\n\n

Automatic<\/strong>answer<\/strong><\/p>\n<\/div>\n<\/div>\n\n\n\n

\n

You can generate an automatic response as soon as someone submits a contact form. (e.g. Thank you for contacting us, we will get back to you shortly).You can enter the subject under“SUBJECT<\/strong>“.“Show Post Title in Subject<\/strong>” determines whether the page title should be displayed in the subject. (e.g.: “Request for article #344234”).You can also specify a salutation text<\/strong>. The form then takes the corresponding name from the field with “Field Name” Name <\/em>or Surname<\/em>.Under Email Body <\/strong>you enter the message of your email. “Input Fields<\/strong>” determines whether you want to list the data entered by the user again, e.g. for checking purposes.“End Email Body<\/strong>” is an additional message at the end, such as a signature, etc., if desired.<\/p>\n\n\n\n

\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n
<\/div>\n\n
\n
\n
\n
\n

6<\/strong><\/p>\n\n\n\n

email<\/strong>template<\/strong><\/p>\n<\/div>\n<\/div>\n\n\n\n

\n

The “Form Block” automatically collects the input of all input fields and adds them to the email template.It is therefore important that you enter the correct “Field Name” for the individual fields, e.g. here (Job, First name, Last name, etc.)See the following example of the email template<\/p>\n\n\n\n

\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n
<\/div>\n\n
\n
\n
\n
\n

7<\/strong><\/p>\n\n\n\n

Dynamic<\/strong>field<\/strong><\/p>\n<\/div>\n<\/div>\n\n\n\n

\n

You can also insert a dynamic field with“Form Field Dynamic<\/strong>” with which you can either read out the Post Title, the Post ID or Post Meta and either display it or pass it on to the email template as a hidden field. Under “Hidden Input Name” you can again specify what the field should be called in the email template. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Here as an example “Post Title” and as “Hidden Input Name”: Job<\/em><\/p>\n\n\n\n

\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n
<\/div>\n","protected":false},"excerpt":{"rendered":"

How to create your personal contact form! 1 Insert Select the“Form Block” in the Gutenberg Editor by clicking on“+“. You can now choose a variant. “Full” already contains name, email and message fields as well as a send button and success\/error message blocks. 2 Form fields Now click on the “Form Block” and add further […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":"","footnotes":""},"class_list":["post-32258","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.westcam-group.com\/en\/wp-json\/wp\/v2\/pages\/32258","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.westcam-group.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.westcam-group.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.westcam-group.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.westcam-group.com\/en\/wp-json\/wp\/v2\/comments?post=32258"}],"version-history":[{"count":2,"href":"https:\/\/www.westcam-group.com\/en\/wp-json\/wp\/v2\/pages\/32258\/revisions"}],"predecessor-version":[{"id":32260,"href":"https:\/\/www.westcam-group.com\/en\/wp-json\/wp\/v2\/pages\/32258\/revisions\/32260"}],"wp:attachment":[{"href":"https:\/\/www.westcam-group.com\/en\/wp-json\/wp\/v2\/media?parent=32258"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}