Embed the contact form in WordPress

Step by step

1. Open the page or post on which the contact form should appear in the editor.
2. Click the plus sign at the desired place and choose the “Custom HTML” block.
3. Paste the two lines of your code into the block.
4. Click “Update” or “Publish” and open the page.

The names of the menus may differ slightly depending on the version of your system.

What to watch out for

• An administrator or an editor has to paste the code. For authors and contributors WordPress removes the script line when saving. In a network of several sites (multisite) only the super admin may do it.
• On WordPress.com, custom script code only works on plans that allow plugins.
• In the classic editor, switch from the “Visual” tab to “Text” before pasting. In Elementor, Divi and similar page builders, use the “HTML” or “Code” element.
• Security plugins that filter custom code can remove the script line. If the place stays empty, check in the block whether both lines are still there.

How to see that it works

1. Open the published page, not the preview in the editor. Some systems only run custom code on the published page.
2. The contact form appears with your fields and colours. If the place stays empty, the system has changed or filtered the code: check whether both lines arrived completely.
3. Send a test enquiry. It comes from noreply@ssl-contact.de. Check your spam folder as well and add the address to your safe senders.