How do I customize the “contact me” section of my page?

I need help creating a custom “contact me” section. I know it can be done because other artists have done the same thing as seen here and here. Is this something I can edit to the contact-form.liquid code? Do I have to edit it somewhere else or with meta objects? I really don’t know anything about meta objects or HTML. I would like to do this on my own so any helpful advice is welcome. Thank you!

As some background knowledge, I already created a duplicate section so that I can make the edits to the duplicate. That way it won’t create changes to the original “contact me” section.

Yes, you can edit the contact-form.liquid code to create a custom “contact me” section.

Here are the general steps you can follow:

  1. Duplicate the contact-form.liquid file in your theme so you can make changes without affecting the original file.

  2. Open the duplicated file and search for the section you want to modify. This may include the form fields, labels, and button.

  3. Edit the HTML and liquid code to match the layout and functionality you want to create.

  4. Save the file and preview the changes on your website.

If you’re not familiar with HTML and liquid code, you may want to consider hiring a developer or designer to help you create the custom section. You can also check out the Shopify documentation or community forums for more guidance and resources. Good luck!

I’ve already done step 1 and 2. I was wondering if you could elaborate on the third step. When you say the HTML and liquid code, are both of those located under the templates tab in the “contact-form.liquid” section? I’ve already done an extensive amount of work to my website so I know I’m capable of creating the edits necessary. I need specific help when it comes to editing the code and what edits need to be made to create the results I want.