How can I customize a contact form to include additional customer questions?

Store Design
, ,
1

I am looking to customize a contact form on my site to include additional questions for customers to answer when submitting on this page: https://www.localnomadshop.com/pages/group-gifting

I would like to add lines such as “event date”, “approximate # of people”, “budget”, etc.

Is there any way to do this via the new custom CSS feature? Thank you!

2

Hi @meganjennifer

May I suggest to update code these steps:

  1. Go to Store Online-> theme → edit code

EBOOST_1-1672356985580.png
EBOOST_1-1672356985580.png532×438 15.6 KB

  1. Sections/contact-form.liquid
  2. add code below before {%- endform -%} and button

ecstyletheme-·-Edit-Dawn-·-Shopify.png
ecstyletheme-·-Edit-Dawn-·-Shopify.png1483×733 41.4 KB
  1. Follow code above to create a new field
3

Will this work just to change the contact form on a specific page, not all contact forms on my website?

4

Hi @meganjennifer

It will apply all templates that used Sections/contact-form.liquid. If you don’t want apply all forms .You can create a new section base on Sections/contact-form.liquid and a new template after that insert new fields to new section and new template use new section. After that you can apply new template to specific page.

5

Thank you for your reply! I am not the best at coding so I have no idea how to go about doing what you mentioned above as far as sections go, but thank you all the same! I was hoping there was a simpler way to do it in the new custom CSS feature within the theme editor but maybe I will just have to wait!

Snip20230420_35.png
Snip20230420_35.png584×1198 51.6 KB

6

Hi @meganjennifer ,

You could BookThatApp’s “Appointment” widget to collect that information for you on your “Group Fitting” page. The app’s support team can assist you with the setup without you having to lift a finger.

Cheers!

7

Hii , I have tried this date new field , it is working fine response also getting. I want image field added image input but in response getting just image name. Any idea how to get image in response? Here’s the screenshot of response. https://prnt.sc/0PcHslx-sklR

8

Hi,

If you use a file after that it will apply all. If you use multiple files. You need update all files.

9

Hey!

If you only need a couple of extra fields, you might be able to tweak Shopify’s built-in form with some Liquid edits or a simple form app from the Shopify App Store. But if you want something more flexible, especially with fields like event date, number of people, budget, etc., it’s often easier to use a dedicated form builder instead of relying on CSS changes.

One option is Elfsight’s Form Builder for Shopify - it works with a drag-and-drop editor so you can add any fields you need (dates, dropdowns, file uploads, etc.) without touching code. I’ve looked through the available templates and the “multistep contact form” might be what you’re looking for. You can customize colors, fonts, and spacing to match your brand, plus connect it to Google Sheets or email notifications.

If you’d like to explore alternatives, Typeform, Jotform, or Google Forms can also handle these kinds of custom fields and logic. The main difference is styling and how easily they embed into Shopify.

Hope that helps you get the form working the way you want!

Cheers,

Elfsight Team