How to Add HTML custom option in Product Custom Options

How to Add HTML custom option in Product Custom Options

    Here's a structured guide on how to add an HTML custom option in product custom options:

  1. Step 1: Access Product Custom Options

    Firstly, navigate to the product custom options section and select the product where you intend to add the custom option. Click on "Add Options" to proceed.

    Step 1 Image
  2. Step 2: Create a New Custom Option

    Next, upon clicking "Add Options", a new page will appear. Look for the option to "Create a New Custom Option" and select it. This will trigger a pop-up window to open, providing fields for inputting your custom option details.

    Step 2 Image
  3. Step 3: Provide Information for Custom Option

    In the pop-up, fill in the necessary information. Begin by giving your custom option a descriptive name in the "Option Title" field. Then, set the field name as "HTML" to enable the HTML input block. Now, input your HTML code into the provided block. Additionally, fill out any other required fields according to your custom option needs.

    Step 3 Image
  4. Step 4: Save the Custom Option

    Finally, click on the "Save" button to ensure your custom HTML option is saved.

    Step 4 Image
  5. Step 5: Review and Preview

    After saving, you'll see the newly added custom option. To verify its functionality, locate the option for previewing in the upper right corner. Click on "View Product Option" to confirm that your custom HTML option is working as expected.

    Step 5 Image
  6. Step 5 Image

    By following these steps, you can successfully add an HTML custom option to your product's custom options.

Copyright © 2024 Scale-up print. All Rights Reserved.