I have a contact page, which contains the Shopify form and a few added elements. A photo and text which are above the form. But then the map and instafeed are also above the form. How do I move just the map and instafeed below the form, so the position of the contact form makes more sense. I've searched and can't find a solution. Any tips are appreciated!
Solved! Go to the solution
My name is Lilith, I'm on the Social Care team at Shopify.
I'd be happy to help you out!
I have a question that can help me figure out how to help:
If you've added them directly onto the Online Store > Pages section of your admin, then you can decide to copy and paste the HTML code for that page into your theme template.
To help clarify I have a couple of GIFs below using one of my testing themes on how to grab that code from your page.
Here's an example of an awkward placement for pizza on the test contact page:
Here's how to solve the positioning issue.
Depending on how comfortable you are with HTML/CSS/Java or Liquid, you may also opt to hire on a professional developer to help customize the page for you. I highly recommend hiring one of our partners to help you with this. You can find a suitable Shopify Partner in the Experts Marketplace or request a quote by following this guide here.
Let me know how you do with the information above! I'm happy to answer any questions you think of as you work on your business.
Thank you so much for the detailed reply! That allowed me to move both the map and Instafeed under the contact form.
For those that come here at another time and want to view the page, it's https://www.jwcouture.ca/pages/contact
Great job on that! Looks fantastic!
You could also test out different image dimensions as well. The top image might look great if it were in landscape format with a shorter height. This will be a great way to help mobile users get to the contact form quicker versus scrolling down a bit.
I recommend using design software or a quick online one like Canva (which is free) to help you get the right shape and design that will work for your brand.
Test that out and let me know what you decide!
Looks great on mobile! Much easier to scroll and find the details for the page right away. Great job on that.
The only other feedback on that image would be to make sure it fits in your contact page width. You can leave it the way it is now or test out a 16:9 dimension ratio.
Something along these lines might take up the width of the form page and also stay well-sized for both desktop and mobile:
Test it out. Either way, it looks great!
|an hour ago|