Create a New Product Builder Page

Pages are what we call each Product Builder product during the creation process within the app admin.

This article outlines how to create a brand new Product Builder page.

 Caution

As of February 19th, 2021, Product Builder is unavailable for new installations. If you are currently using Product Builder, you will be able to continue using the app as your account will now be grandfathered.

 


 

Setup

  1. From the Shopify Admin, select Apps.
  2. Select Product Builder.
  3. Select Create New.

    Select Create New

  4. Enter a Product Name.

    Enter a Product Name

  5. Edit the Product Handle. (optional)

    Note: This will be the unique URL to your Builder product. This can be different from your Product Name, but if left empty, will auto-fill based on what's entered into the Product Name field.

    Edit the Product Handle (optional)

    Example:

    Example Product Handle 1

    Example Product Handle 2

  6. Select a Default Theme.

    Select a Default Theme

  7. Select Create.

    Select Create

  8. Select Edit Steps.

    Select Edit Steps

  9. Select Create Option Select Step.

    Create Option Select Step

  10. Enter Step Name.

    Enter a Step Name

  11. Select Upload Image.

    Note: All images must be 85 x 85 pixels.

    Upload your Step Image thumbnail

  12. Enter Step Description Title.

    Enter your Step Title

  13. Enter Step Description.

    Enter a Step Description

  14. Select desired Settings. (optional)
    • Check this box if you would like to provide more information about this step - Presents a clickable link in the form of a tooltip with more information about the step.
    • Check this box if this step is required before the user can add the product to cart - Displays the Finish button when a customer makes a selection within this step.

    Note: This doesn't enable or disable other steps, and does not allow a customer to skip this step. A selection is required for every step.

    • Check this box if this step will change the displayed product image - Changes the image for each option selected. Having this checkbox filled will generate an image scenario for this step and its selections.
    • Check this box if you want to allow the customer to select multiple options in this step - Customers can select multiple options within the step.

    Select your Settings

  15. Under Add an Option, complete all of the fields for Option One.

    Note: Linking to a variant adds a price to your option. (optional)

    Enter Option info

  16. Select Add Option and repeat steps 15 thru 16 for each option within this Step.

    Select Add Option

  17. Select Save.

    Select Save

  18. Repeat steps 9 thru 17 until all steps and options are added.

    Repeat steps 9 thru 17

  19. Select Create Confirmation Step.

    Create Confirmation Step

  20. Enter Confirmation Step Details.

    Enter Confirmation Step details

  21. Select Create.

    Select Create

Was this article helpful?
0 out of 0 found this helpful