Add a Contact Form to Your EmDash Site

Cloudflare recently launched EmDash, a new open source content management system designed as a modern alternative to WordPress. It has already sparked plenty of discussion in the developer community, from Hacker News to Search Engine Journal. If you are building a site with EmDash and need a contact form, HelpdeskHero makes it simple. You can add an embeddable contact form widget to any website or page, including EmDash, in just a few minutes.

This guide walks you through the process from start to finish.

Create Your HelpdeskHero Account

Head to HelpdeskHero and sign up for an account. Once you are in, create a new helpdesk for your site. Give it a name that matches your brand and fill in the basic details.

You will land on your dashboard, where you can manage articles, categories, and your contact form widget.

From your dashboard, navigate to the Widget settings. This is where you configure the embeddable contact form that will appear on your EmDash site.

Customize the widget to match your site's look and feel. You can adjust colors, text, and the fields your visitors will fill out. For a detailed walkthrough, check out Adding the Widget to Your Site.

Copy the Embed Code

Once your widget is configured, HelpdeskHero gives you a small snippet of code to place on your site. You will find the embed code in the Widget section of your dashboard.

It looks something like this:

<script
  src="https://helpdeskhero.app/widget/embed.js"
  data-helpdesk-id="YOUR_HELPDESK_ID"
  defer>
</script>

Copy this snippet. You will paste it into your EmDash site in the next step.

Open your EmDash project and find the main layout or template file for your site. This is usually the file that controls the structure shared across all your pages.

Paste the embed code just before the closing </body> tag. This ensures the widget loads on every page without slowing anything else down.

Save the file and deploy your changes. The HelpdeskHero contact form will now appear on your EmDash site, ready for visitors to reach out.

Test Your Contact Form

Visit your live EmDash site and look for the widget icon, usually in the bottom corner of the page. Click it to open the contact form and submit a test message.

Check your HelpdeskHero dashboard to confirm the message arrived. If everything looks good, your contact form is live and working.

Customize Further

Now that the basics are in place, you can take things further. HelpdeskHero lets you customize your widget's appearance to blend seamlessly with your site's design. You can also enable the Ask AI feature so visitors get instant answers from your help articles before they even submit a message.

Start Collecting Messages Today

Adding a contact form to your EmDash site takes just a few minutes with HelpdeskHero. Whether you are running a blog, a documentation site, or a business page, HelpdeskHero works with any website, not just EmDash.

Sign up for free and start hearing from your visitors today.