Jump to content

How to add image to custom check out form?

Recommended Posts

Site URL: https://seahorse-grouse-kbyr.squarespace.com/checkout?cartToken=W6s7ZKj3fbwfYlj5Q9TtU86z5PWgpuehF_2oQThd

I have made a custom checkout form for my shirting website in development. In that there is a question where I ask "Which body type you associate with yourself?" and for this I need a photo to display before the options. I looked online for a solution and added the image in Design>Custom CSS and copied the link into the form. But it didn't work. Please help me out. I don't know coding.

Screenshot 2021-05-30 at 4.20.35 PM.png

Link to comment
  • Replies 4
  • Views 855
  • Created
  • Last Reply
1 hour ago, MilindRathod said:

Site URL: https://seahorse-grouse-kbyr.squarespace.com/checkout?cartToken=W6s7ZKj3fbwfYlj5Q9TtU86z5PWgpuehF_2oQThd

I have made a custom checkout form for my shirting website in development. In that there is a question where I ask "Which body type you associate with yourself?" and for this I need a photo to display before the options. I looked online for a solution and added the image in Design>Custom CSS and copied the link into the form. But it didn't work. Please help me out. I don't know coding.

Screenshot 2021-05-30 at 4.20.35 PM.png

Custom checkout form is not accept any custom code injection, you can only change how the product form looking

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace
🚀 Learn how to rank new pages on Google in 48 hours!

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

Link to comment
1 hour ago, MilindRathod said:

Oh. Thanks for explaining it. Another solution that comes to mind is to redirect checkout button on shopping cart page to my custom form instead of going directly to checkout. Can you help me with the coding?

What kind of form you already have?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace
🚀 Learn how to rank new pages on Google in 48 hours!

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

Link to comment

Archived

This topic is now archived and is closed to further replies.


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.