Category 4: Forms & Signups

22 Expert-crafted Claude.AI prompts for creating Shopify form elements

GDPR-Compliant Newsletter Signup

Create a newsletter signup section for Shopify that:

  • Includes email input, submit button, and GDPR consent checkbox
  • Validates email format, displays success/error messages
  • Integrates with Shopify's customer privacy API
  • Allows background image or color customization
Provide Liquid, JSON-T schema, and CSS.

Multi-Step Contact Form

Build a contact form section that:

  • Splits into multiple steps (e.g., Name/Email, Message, Confirmation)
  • Includes progress indicator and validation at each step
  • Sends submissions to store email
Provide Liquid, JSON-T schema, JavaScript, and CSS.

Popup Email Capture Modal

Create a popup modal for newsletter signup that:

  • Triggers on exit intent or after X seconds
  • Includes customizable headline, email input, and consent checkbox
  • Stores email in Shopify Customers or integrates with Mailchimp/Klaviyo
Provide Liquid, JSON-T schema, JavaScript, and CSS.

Review Submission Form

Generate a product review submission form that:

  • Allows customers to rate (1-5 stars), write a review, and submit their name/email
  • Validates required fields and displays confirmation message
  • Integrates with Shopify Product Reviews app or metafields
Provide Liquid, JSON-T schema, and CSS.

Order Tracking Form

Build an order tracking form section that:

  • Lets customers enter order number and email
  • Displays order status using Shopify API
  • Shows error if info is invalid
Provide Liquid, JSON-T schema, JavaScript, and CSS.

Customizable Contact Form

Create a contact form section that:

  • Lets merchants add/remove fields (e.g., phone, subject, dropdowns)
  • Includes spam protection (honeypot or reCAPTCHA)
  • Sends submissions to store email
Provide Liquid, JSON-T schema, and CSS.

Product Inquiry Form

Generate a product inquiry form for product pages that:

  • Auto-fills product name/SKU
  • Allows customers to ask questions about the product
  • Sends inquiries to store email with product reference
Provide Liquid, JSON-T schema, and CSS.

Event Registration Form

Build an event registration form section that:

  • Collects name, email, and event preferences
  • Sends confirmation email to registrant
  • Lets merchants export registrations as CSV
Provide Liquid, JSON-T schema, and CSS.

Giveaway Entry Form

Create a giveaway entry form that:

  • Collects name, email, and optional social handles
  • Displays entry confirmation and countdown to winner announcement
  • Integrates with Shopify Customers or third-party app
Provide Liquid, JSON-T schema, and CSS.

Quote Request Form

Generate a quote request form section for B2B stores that:

  • Collects company info, contact details, and message
  • Lets merchants customize fields in the theme editor
  • Sends submissions to a designated email
Provide Liquid, JSON-T schema, and CSS.

Back-in-Stock Notification Signup

Build a back-in-stock notification form for product pages that:

  • Collects email and variant info
  • Notifies customer when item is restocked
  • Integrates with Shopify or Klaviyo
Provide Liquid, JSON-T schema, JavaScript, and CSS.

Survey/Feedback Form

Create a survey or feedback form section that:

  • Supports multiple question types (rating, text, multiple choice)
  • Lets merchants customize questions and options
  • Stores responses in metafields or emails to store owner
Provide Liquid, JSON-T schema, and CSS.

Account Registration Form

Generate a custom account registration form that:

  • Collects name, email, password, and optional marketing consent
  • Validates password strength and email format
  • Integrates with Shopify Customers
Provide Liquid, JSON-T schema, and CSS.

Referral Signup Form

Build a referral signup form that:

  • Collects referrer and referee emails
  • Sends confirmation to both parties
  • Tracks referrals via metafields or app integration
Provide Liquid, JSON-T schema, and CSS.

Wholesale Application Form

Create a wholesale application form section that:

  • Collects business info, tax ID, and contact details
  • Lets merchants review and approve applications
  • Sends auto-reply to applicant
Provide Liquid, JSON-T schema, and CSS.

File Upload Form

Generate a form that:

  • Allows customers to upload files (e.g., for custom orders)
  • Accepts specific file types and size limits
  • Sends uploaded files to store email or Shopify Files
Provide Liquid, JSON-T schema, JavaScript, and CSS.

SMS Signup Form

Build an SMS signup form section that:

  • Collects phone number with country code validation
  • Integrates with SMS marketing platforms (e.g., Postscript, Klaviyo)
  • Includes consent checkbox
Provide Liquid, JSON-T schema, and CSS.

Newsletter Signup with Incentive

Create a newsletter signup form that:

  • Offers a discount code or freebie after signup
  • Automatically emails the code to the subscriber
  • Lets merchants customize incentive in the theme editor
Provide Liquid, JSON-T schema, and CSS.

Appointment Booking Form

Generate an appointment booking form section that:

  • Collects name, email, preferred date/time, and notes
  • Sends confirmation to both customer and store email
  • Lets merchants set available time slots
Provide Liquid, JSON-T schema, and CSS.

Accessibility-First Form

Build a form section that:

  • Uses proper labels, ARIA attributes, and keyboard navigation
  • Ensures high contrast and large clickable areas
  • Validates accessibility with screen readers
Provide Liquid, JSON-T schema, and CSS.

Multi-Language Form Support

Create a form section that:

  • Displays all labels, placeholders, and messages in the user's selected language
  • Pulls translations from metafields or Shopify Markets
  • Includes fallback content if translation is missing
Provide Liquid, JSON-T schema, and CSS.

Survey Popup on Order Confirmation

Generate a popup survey that:

  • Appears on the order confirmation page
  • Asks for feedback on shopping experience
  • Stores responses in metafields or emails to store owner
Provide Liquid, JSON-T schema, JavaScript, and CSS.

How to Use:

  • Copy any prompt into Claude.AI 3.7
  • Add your branding or special requirements
  • Paste the generated code into your Shopify theme editor
  • Customize using the provided schema fields in Shopify's Theme Editor
Prompt copied to clipboard!