Help! Making a product a form or requiring form fill out on product,

Technical Q&A

Topic summary

A gaming community website owner needs to collect specific registration information (team name, Activision account, K/D ratio, Discord name, stream URL) when users purchase tournament entrance tickets. They want payment linked to form data and to avoid receiving registrations from non-paying users.

Current Issue:

  • Created a custom product template with required fields, but users can skip the form and add to cart anyway
  • The code appears corrupted/reversed in parts of the template

Recommended Solution:

  • Use cart attributes on the cart page (before checkout) instead of the product page
  • Utilize Shopify’s UI Elements generator to create the form fields
  • No need for <form> tags since the entire cart functions as a form
  • Form data will automatically appear in “Additional details” section of orders

Alternative Option:

  • A Shopify app for custom product options ($8.99/month) was suggested as a ready-made solution

The discussion appears resolved with actionable guidance provided.

Summarized with AI on November 19. AI used: claude-sonnet-4-5-20250929.
1

Hello!

I’ve been working on our gaming community website and are in need of making a registration form as a product or as a requirement to purchase.

essentially we are running tournaments with entrance fee’s and need people to fill out specific information when purchasing their entrance ticket.

I thought about making it a requirement at the end either during or after checkout but I feel like running it as the product itself would work best but im open to ideas.

I used to write code 10 years ago so im knowledgeable but also quite rusty. I tried creating a product template as seen here https://ksmgaming.com/products/single-registration

Even though code is written as certain fields are required you can still skip entire process and hit add to cart.

would maybea link an external form from a form hosting website to be the actual product itself?

The important part is having the payment information linked with the information on the form but also not receive any form information if they don’t actually purchase. last thing we need is a whole bunch of registered teams who haven’t paid.

I’m not sure if I am over thinking it, can somebody please give me some help / advice.

this is code I have for template.

Team Name

Activision Account (#numbers included)

K/D Ratio

Stream URL (Only 1 required per team)

Discord name (Check in member required only)

Players 2-4 Activision name - KD Ratio (if applicable) {{ cart.attributes["Players 2-4 Activision name - KD Ratio (if applicable)"] }}

{% unless current_variant.available %} {{ 'products.product.sold_out' | t }} {% else %} {{ 'products.product.add_to_cart' | t }} {% endunless %} {% include 'icon-spinner' %} {% if section.settings.enable_payment_button %} {{ form | payment_button }} {% endif %} {% endform %}
2

Hi @KSMGaming ,

If you don’t have any other limitations I may not be considering, you can grab user information that you can link to a customer’s order (and therefore the payment info) directly from the cart page. You can use cart attributes for that, which will then appear as Additional details inside the order, right below the order Notes.

You can use the Shopify UI Elements generator to create a whole form with the fields you need. Check it out here, it’s pretty straightforward.

3

Hello thank you for your speedy reply

So just to clarify you do mean the “your cart” page before you hit check out correct?

So if I code in a standard form it will automatically input data to the additional notes section or will i have to code in the destination?

4

Indeed, you can add your form in the cart page, which is right before checkout.

You don’t even need to include the tags, or anything else form related (like the buttons—the checkout button will function as the form submission), since technically the whole cart is a form by itself. You only need to include the input fields and their labels and it should work as expected.

5

@KSMGaming Hi again!

I found this Shopify app that will do exactly what you want. It’s $8.99 a month.

1 Like
6

@TechSolver Thank you for posting this. I know this is forever old, but it’s exactly what I needed too! Thanks for being awesome :grinning_face: