Shopify Product Cares/Registration
BlogSchedule a callContact us
V2 Latest
V2 Latest
  • Overview
  • Frontend Page
    • Prefill form fields
    • Registered entries
    • Fill product with serial number
  • Claim Warranty
  • App Admin
    • Forms
      • Listing
        • Registration detail
      • Form Design
      • Form Settings
        • Limit product search to specific products
        • Auto registration on new order
      • Claim Warranty Form
    • Serial Numbers
      • Serial number with file download
    • Warranty / Care Plans
      • Create a warrant plan product
      • Cross-selling warranty / care plan
    • App Settings
      • General Settings
      • Custom From Email
      • Languages
    • Email Templates
    • Warranty
    • Navigation
    • Customer Admin Link
    • Registrations In Account Area
    • Form inside Shopify Page
    • Add registrations for customer
  • POS (Point Of Sales)
  • Shopify admin links
  • Integrations
    • Klaviyo
    • Mailchimp
    • Stripe payment
    • Gorgias
  • Video tutorials
  • Advance
    • API
    • Import/Migrate Registrations
    • Webhook
    • Downloadable assets after submit
    • Serial number checker/validator
    • Shopify Flow
  • Frequently Asked Questions (FAQ)
    • Why is View on the frontend link not working?
  • Migrate to v2
  • Change Logs
  • Contact us
  • Terms & Conditions
  • Privacy Policy and Data Protection
Powered by GitBook
On this page
  • Using Query Strings to Prefill Fields
  • Example
  • Prefilling the Product Field
  • Prefilling Other Fields
  • Example
  • Formatting Guidelines
  • Example
  • Testing the Prefill URL
  1. Frontend Page

Prefill form fields

Simplify customer interactions by pre-filling form fields.

Prefilling form fields enhances the customer experience by reducing manual input. You can achieve this by appending specific parameters to a URL and sharing it with the customer. When the customer accesses the URL, the form fields will automatically populate with the specified values.

Using Query Strings to Prefill Fields

Query strings are added to the URL in the format of key-value pairs, separated by &. For example:

https://apple.myshopify.com/apps/product-registration?sn=123&purchaseDate=2023-08-08

In this URL, everything after the ? is the query string. Each key-value pair represents a field and its value:

  • sn=123: Prefills the serial number field.

  • purchaseDate=2023-08-08: Prefills the purchase date field.

You can include multiple query strings by separating them with &.

Example

The following URL prefills both the serial number and purchase date fields:

https://apple.myshopify.com/apps/product-registration?sn=123&purchaseDate=2023-08-08

Prefilling the Product Field

The product field requires a product ID to match the product in Shopify. Use the following format:

product=product_id_12323

For example:

https://bigapple.myshopify.com/apps/product-registration?product=product_id_12323

To find the product ID:

  1. Navigate to Products in the Shopify admin.

  2. Open the product details.

  3. Locate the product ID in the URL's last segment.

Prefilling Other Fields

You can prefill any form field by identifying its name. To find the field name:

  1. Go to Forms in the App admin.

  2. Select the form.

  3. Navigate to Design.

  4. Click on the field.

  5. Check the field name in the options panel on the right.

Once you have the field name, use the same query string pattern:

fieldName=value

Example

To prefill the purchase date field:

https://apple.myshopify.com/apps/product-registration?purchaseDate=2023-08-08

Formatting Guidelines

Ensure values are in the correct format. For example:

  • Dates should follow the YYYY-MM-DD format.

Incorrect formats may prevent fields from being prefilled.

Example

Correct: purchaseDate=2023-08-08 Incorrect: purchaseDate=08-08-2023

Testing the Prefill URL

Before sharing the URL with customers, test it to ensure it works as expected:

  1. Copy the URL.

  2. Open a new browser window or tab.

  3. Paste the URL into the address bar and press Enter.

  4. Verify that the form fields are correctly prefilled.

Testing ensures all query strings are properly formatted and functional.

PreviousFrontend PageNextRegistered entries

Last updated 2 months ago