1 1

Artisan IT

Advanced Shopify Form Fields

Advanced Shopify Form Fields

from 
£99.00 GBP
£99.00 GBP
Sale Coming Soon

This service is ideal for those looking to create dynamic forms for product listings. With both mandatory and conditional form field options available, you'll be able to control the information you collect from a customer, based on choices they make when adding a product to the cart.

Seven different form fields are available for you to use, including checkboxes, colour pickers, numeric inputs, file upload, single and multi-line text fields, plus selection menu and radio buttons, all matching the styling of your theme.

Custom code will be written to a copy of your Shopify theme meaning your customer data will not be shared with ourselves and avoids the need to use a third-party app.

Want to learn more about this service, you'll find more details below, or if you want to find out how to use the form fields once the theme code has been updated, you can access all of the instruction content here (this is the same content you will use to add your form fields to your Shopify theme).

(Please note, advanced form fields cannot be used to adjust product prices or stock levels)

* This service is available in certain countries for compatible Shopify themes only - find out more here

View full details

Advanced Features and Controls

Take a moment to explore the features and controls that will be made available for you to use in your theme's product page templates.

  • All Form Fields

    • Match the styling of the default theme settings
    • Disable/enable the form field based on other customer selections
    • Display/hide form fields that are in a disabled state
    • Display/hide the value during the checkout
    • Works with multiple languages using the Shopify Translate & Adapt app
    • Automatically hide the Buy it Now button when required form fields are incomplete
    • Prevent products with additional form fields being added directly to the cart from the collection page

  • Single Line Text Input Fields

    • Capture short text messages and personalisation's from a customer
    • Set a minimum and maximum number of characters permitted
    • Optional placeholder text to help a user understand what type of value you are expecting
    • Enable/disable the browser's built in spell checker
    • Restrict characters being entered with the use of a regular expression

  • Numeric Input Fields

    • Accepts a numeric value only
    • Option to display a metric value alongside the form field
    • Set minimum and maximum values permitted
    • Set a default value when the product page first loads
    • Control the decimal places permitted
    • Control the numeric increment when using the browser arrow controls
    • Option to make the field mandatory
    • Control the width of the form field independent of other form fields

  • Checkbox Fields

    • Edit the text associated with each checkbox on the form
    • Option to make the field mandatory
    • Edit the checked value passed through with the order
    • Ability to add a hyperlink to supporting documents

  • File Upload Fields

    • Restrict file formats accepted
    • Assist customers by displaying accepted file formats in form field label
    • Option to make the field mandatory
    • Customisable helper text displayed when customers attempt to upload an unaccepted file type

  • Selection Menu / Radio Buttons

    • Appearance is the same as the product variant form fields
    • Enter an unlimited number of options for a customer to choose from
    • Easily change the field type from a selection (dropdown) menu to radio buttons

  • Multi-Line Text Area Fields

    • Appearance is the same as the product variant form fields
    • Enter an unlimited number of options for a customer to choose from
    • Easily change the field type from a selection (dropdown) menu to radio buttons

  • Colour Picker Fields

    • Set a default colour that is selected when the page first loads
    • Allow customers to send a precise colour with their order using a Hexadecimal, RGB or HSL value
1 8
Get the Advanced Shopify Form Fields

What are the key differences?

The Advanced Shopify Form Fields gives you everything the free Standard Shopify Form Fields offers, plus the ability the fine tune the user experience and get exactly the information you need when a product is ordered.

Feature Standard Shopify Form Fields Standard Shopify Form Fields - Plus Advanced Shopify Form Fields
Match styling of product page form Styling is matched with the Free Shopify themes N/A ✔
Use Quick Add to Cart Button on the collection page ✘ ✔ ✔
Use Buy it Now button on the product page ✘ ✔ ✔
Retain line-breaks entered into multi-line text fields when viewed by the customer in the checkout pages ✘ ✔ ✔
Restrict files formats accepted for file uploads ✘ ✔ ✔
Disable / enable fields based on other values selected ✘ ✘ ✔
Hide / unhide disabled fields ✘ ✘ ✔
    Get The Advanced Shopify Form Fields

    Want to learn more?

    You'll find the most commonly asked questions below.

    What happens after I book the Advanced Shopify Form Field Service

    Assuming everything is okay with your request, I will send you an email containing a proposed date when I will be able to update your theme files, along with an invoice for the work. This invoice must be paid in full prior to any work commencing.

    Once the invoice has been paid, I will submit a request to yourself using my Shopify Partner account to access the parts of your Shopify site that I will need to update to add the feature code to your theme. You will need to approve this request in order for me to gain access.

    With access approved, I will get to work on updating your theme files to add the necessary code for the form fields to function correctly.

    Following a short test, I will then contact you to inform you that the setup work is complete and it is at this stage that I will provide you with the feature code for each of the form fields.

    It is then over to you to use and setup each of the form fields that you want to add to a product page template. You don't need to worry though, as I demonstrate how each of the form fields can be set up in the supporting setup videos.

    How do I preview the setup instruction video for each form field

    You can preview the feature setup instructional videos here.

    These are the videos that you will use, once your theme code has been updated by myself to add the fields to your website.

    I have purchased the Advanced Shopify Form Field service previously and my theme has been updated. Will the feature code work on the updated theme

    Any work carried out in the theme customiser will be copied from the existing theme to the new updated theme. This means the work that you will have carried out should not require completing again.

    However, the updates made in the theme code by Artisan IT Ltd will require carrying out again, as this custom code will not be transferred.

    If you wish to upgrade to the latest theme version, the Advanced Shopify Form Field service will require purchasing again.

    I will then arrange to carry out the code installation process on your updated theme.

    Can I duplicate a theme that has the Advanced Shopify Form Fields installed

    Yes, if you are duplicating a theme that contains the code for the advanced product page features, the code will be copied into the duplicate theme.

    How do I add the form fields to the theme template

    Instructional videos have been created to guide you through the setup of each type of form field including in this package. You can access the instructional setup videos here.

    How many form fields can I add to a product page form

    Shopify allows for up to 50 blocks to be added to a section.

    (this will include other form elements, such as quantity and add to cart blocks)

    Can I disable form fields based on a combination of options chosen by a customer

    Yes, to disable/enable and hide/unhide a form field based on choices made by the customer, the conditional settings for the form field should be completed.

    I demonstrate how to do this in each of the form field setup videos which can be found here.

    By adding a form field to a template, will the information be displayed on the packing slip and email notifications

    Maybe, it depends on whether or not the email template and packing slip has been updated to display line item properties, which are generated in Shopify by the new form fields.

    If the email template and packing slip code has been updated already to display line item properties, then no further updates will be required.

    However, if the item property code is not written to the email and packing slip templates, then the additional form field information will not be displayed.

    To add the required code to each of these templates, there are two options:

    1. Follow the free instructional guide, where I provide you with and show you how to add the required code to each of the templates.
    2. Select the option to Update email notifications and the packing slip when booking the Advanced Shopify Form fields service.

    Important - there are a small number of templates that I cannot access with my partner account, due to privacy reasons. If you were to ask me to update the email notifications for you, I would provide details of how to add the necessary code to the templates, where access is prohibited.

    Can the new form fields be used to modify the product price and stock levels

    No, the additional product form fields are to be used to capture additional information / confirmation from a customer when ordering a product only.

    Any options that effect the product price should be created using one of the standard 3 Shopify product variants.

    The reason for this is because any 3rd party apps developed for Shopify will be designed to work with the 3 Shopify variants and not the additional form fields added to a product page template.

    Will the additional fields be available to use in the Shop App and Shopify admin area when creating manual orders

    No - both the Shop app and Shopify admin orders, only allow for the default 3 Shopify variant options to be selected (this is the same if an app is being used for personalisation's).

    When completing manual orders you will need to ask the customer questions for the additional (non-product variant fields) and enter this information manually.

    What parts of my site can you access as a collaborator

    In order to add the necessary code to your theme for the conditional product page features, we will require access to the following areas of your Shopify site:

    • Themes - to edit and test the theme code for the named theme
    • Products - to test the custom metafield is working correctly
    • Settings - to access the custom data settings
    • Metaobjects - to create a Metafield which is used to control the 'quick add to cart' functionality on the collection page
    • Shipping and Delivery - to update the packing slip code template
    • Notifications - to update the email order templates

    How do I remove your collaborator access once the work is completed

    You can remove my access following the successful implementation of the feature code by heading to 'Settings > Users and Permissions'.

    At the bottom of the page, you will see a list of collaborators that have access to your account.

    Click on Artisan IT Ltd to view and control my access.

    I will send details of how to do this via email once the feature setup is complete.

    Theme compatibility

    Any theme that is available to select in Booking form is compatible with the Advanced Shopify Form Fields.

    If your theme and version number is not available to select, it means that either the theme version is not compatible with the Advanced Shopify form fields (see below), or the theme has not been tested.

    If your theme and version number is not listed below, feel free to get in touch to arrange a compatibility check of the theme you are using.

    The following themes have been tested and are not compatible with the Advanced Shopify Form Fields:

    • At present no incompatible themes have been tested

    Will the Advanced Form Field feature code work with Shopify product variant color swatches

    At the time of testing the feature code, Shopify had not fully released the color swatch feature. Therefore testing for compatibility with the color swatch feature could not be performed.

    Because testing could not be carried out at the time of the Advanced Shopify Form Field feature, you should assume that the feature is not compatible, until we have been able to test.

    Book the Advanced Shopify Form Field Service

    To book this service simply complete the form below (no payment is taken at this stage). Once I have reviewed your request I will send you details of the next steps, along with an invoice to carry out this work (payment must be made in full before any work is started).

    If the version of theme you are using is not listed, check the Theme compatability details within the Learn More section above for a list of themes we have assessed previously that are not compatible. If it's not on the previously assessed list contact us to arrange an evaluation of your theme code.

    Work request details

    Contact / business details

    Business Tax

    Are you registered to collect tax in your Country?

    Total price: £0

    Terms