# Contact Form

Use the Contact Form section to give customers a clear way to reach your team from any page.

{% embed url="<https://www.loom.com/share/7126ac8b4e914418acbb36fc92841b70>" %}

### Add the section

{% stepper %}
{% step %}

### Open the theme customiser

Go to your Shopify theme editor.

Open the page or template where you want the form to appear.
{% endstep %}

{% step %}

### Add the Contact Form section

Click **Add section**.

Select **Contact Form** from the sections list.
{% endstep %}

{% step %}

### Move it into position

Drag the section to the right spot in the page layout.

Place it where customers expect help options to sit.
{% endstep %}

{% step %}

### Update the content

Set the section heading and any supporting copy.

Keep the message short and clear.
{% endstep %}

{% step %}

### Save and test

Save your changes.

Submit a test enquiry to confirm the form works as expected.
{% endstep %}
{% endstepper %}

### Best practice

* Use a clear heading like `Contact us` or `Need help?`
* Add short supporting text so users know why to reach out.
* Keep the form close to other support content if relevant.
* Always test the form after publishing changes.

{% hint style="info" %}
Some Orion builds include custom fields or custom submission handling. If your form looks different from the video, your store may have additional customisation.
{% endhint %}

### What to check before going live

* The section appears on the right page.
* The heading matches the page purpose.
* Spacing looks correct on desktop and mobile.
* A test submission goes through successfully.
* Your team knows where submissions are received.

### Troubleshooting

#### The form is not showing

* Confirm the section was added to the correct template.
* Make sure the section is not hidden in the customiser.
* Save the template after adding the section.

#### The form layout looks off

* Check the section position against nearby sections.
* Review spacing settings on the page template.
* Test on mobile as well as desktop.

#### The form submits but nobody receives it

* Run another test submission.
* Check the store email setup and inbox routing.
* If your build uses custom handling, ask your developer to verify the destination.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.almond.studio/pages/sections/contact-form.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.