The customers can add their favorite Names & Number together on the product using our BYI Product Designer Tool. i.e., Sports T-Shirt.

Backend Configuration

You can allow the customers to design the product using the “Name Number” option. You can enable the Name Number option for both types of products: Simple and Configurable.

Manage Layouts

First of all, you need to enable the “Name Number” tab from the Manage Layouts for the specific Theme (Layout). Navigate to the Product Designer → Manage Layouts.


You will see the “Simple Product” and “Configurable Product” options under the Name Number tab. Here, you can decide to enable the Name Number designer either for both typed of products or only for one of them (Single Product/Configurable Product).


After configuring the layout options, click on the Save button.



Store Configuration

Navigate to the Stores → Configuration (Product Designer Settings) to configure the “Name Number” related options.


By scrolling down from the settings page, you will see the “Name Number Import” option. You need to expand the Name Number Import option by clicking on the arrow icon.


– Enable Import CSV: If you want to provide the CSV file support to import the Name Number to the designer tool, enable this option. By enabling this option, the customers can import multiple “Name Number” data for the product.

– Attribute Code: Select the default attribute (variant) that will be displayed at the time of inserting the Name & Number. So the customers can design the product by inserting the Name & Number for the specific product attribute (variant).


After configuring the Name Number, click on the Save button to save the changes.

Frontend View

The customers will see the Name Number tab from the “Designer Explorer” panel on the left side. The customers can see the “Name Number” designer option in a sub-panel by clicking on it.


Now, the customers can add the Name, Number, and Logo of their choice on the product. They can Add Multiple Numbers and Names at a time to the product to design as they want.

Name Number tab

By clicking on the Add Name & Add Number button your customers can add their name and number to the product. 


By clicking on the Add Logo your customers can also add the Logo to the product. The logo you have added from the backend will be applied to the product. 


Name & Number can be added on multiple sides as well. 


Add Name-Number data

By clicking the Add Players button, the Name & Number Data tab will open up. By clicking on the Add More button more records for Name & Number can be added. 


Your customers can set the name number details along with the color and size for each record. They can also upload the Logo on the product as per their requirement. 


By clicking on the Preview All button customers can have a preview of all the records. 


In the right corner, they can see the “logo”, “name & number”, “product name”, and “size” of the record. They can also change the side of the product. 

In the Name & Number tabs, you can have the sub-tabs through which you can change the properties of the text and images.


For Text, there is Font, Opacity, Stroke, Drop Shadow, and Object Position. For Image/Logo, there is Image Filters, Image Effects, Opacity, and Object Position. 


Note: Undo-Redo will be disabled by default for the Name & Number feature.

Price Details & Add To Cart

The customers will see the pricing details once they hover over the mouse beside the Amount display. The customers will be charged as per the data of the Name & Number inserted.


Add to Cart


After designing the product with Name and Number, when the customers add the product to the cart, the “Add To Cart” details will pop up from the right side. 


The customers can see the Total Quantity as per inserted data of the Name and Number. Here, two data are added, which means two products with different Names and Numbers are added.


The customers can also add products with different attributes as they want. Here, the two different attributes are selected. i.e., Large and Medium. 


Now, by clicking on the Buy Now button, the customers will navigate to the “Checkout page”. They can see the Name / Number details and default attributes for the product.


After clicking on the Buy Now button, Customers will land on the cart page. By clicking on the Display Name Number Data button they will get the Name Number Data popup. Here they can view the name number details added to the product. 


After reviewing the details, your customers can proceed to the checkout and place an order. Once the order is placed they will get the “Thank You” message with the Order number. 


Sales Orders

Once the order is placed by your customers, you can view it by navigating to the Sales Orders, you will land on the listing page of the orders. 

Open the order by clicking on the View button, you will land on the Order Details page. Now, navigate to the Items Orders section below and click on the View Design button. 


By clicking on the button you can view the designs of the product and you can also download it. You can also view the Text, Name & Number Details on the page.