# Add a product during Prebuilt Checkout

You can create and add a new product or choose to add a current product to the **Create Prebuilt Checkout links** page.

If you have an Administrator role, you can create and add a new product or choose from an existing product without having to leave the **Create Prebuilt Checkout links** page. If you have a Customer Service role, you can add a current product without leaving the **Create Prebuilt Checkout links** page.

{% hint style="info" %}
**Note:** You must first provide the 3-character currency code in the **Product** subsection of the **Create Prebuilt Checkout links** page to add any products to the page.
{% endhint %}

## Create and add a new product to the **Create Prebuilt Checkout links** page

To create and add a new product to the **Create Prebuilt Checkout links** page, do the following:

{% hint style="info" %}
**Note:** If you have a Customer Service role, you can only add a current product and will not see the option to **Create new product** on the modal.
{% endhint %}

1. In the **Required information** section of the **Create Prebuilt Checkout links** page, provide the 3-character currency code in the **Product** subsection of the page.
2. In the **Required information** section of the **Create Prebuilt Checkout links** page, click **Add product(s)** to display the **Add product** modal.

   <figure><img src="https://334437993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LqH4RJfLVLuHPXuJyTZ%2Fuploads%2FTJMlfaTrZWdpTF8Vp6oZ%2F1%20Add%20a%20new%20product%20during%20PBCO.png?alt=media&#x26;token=54ffb386-9287-445a-b457-996a385888cc" alt=""><figcaption></figcaption></figure>
3. Select **Create new product** to expand the **Add product** modal. If your account has no SKU groups, you cannot use the Create new product option when the modal opens. You will only have the ability to choose from current products.

   <figure><img src="https://334437993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LqH4RJfLVLuHPXuJyTZ%2Fuploads%2FCZLDbRrFRG68jeWy9Npw%2F2%20Add%20a%20new%20product%20during%20PBCO%20modal.png?alt=media&#x26;token=ddaafb1a-ff2e-4a4f-9023-4be0d674c643" alt=""><figcaption></figcaption></figure>
4. Add the requested information in the **Required information** subsection section of the modal. You must complete every field in this section to add the new product. The information required is the following:
   * [**ID**](https://docs.digitalriver.com/digital-river-api/administration/dashboard/customers) - Product ID.
   * **Name** - Name of the product.
   * [**SKU group**](https://app.gitbook.com/s/x8fSFzVR3sg0TsNWwwVz/sku-groups) - SKU group associated with the products being requested. Click in the **SKU group** field to select from a pop-up list of SKU groups. If you do not find the existing SKU group you want, you must choose from current products or [create a new SKU](https://docs.digitalriver.com/digital-river-api/administration/dashboard/catalog/skus/adding-a-sku) in the SKUs section.
   * **Country of origin** - The two-letter code representing the country the product is shipped from.
   * **Weight** - The weight of the product being shipped.
   * **Unit** - The unit of weight being used to measure the product's weight.
5. Enter any additional information you want to provide in the **Optional information** section of the **Add product** modal. You can enter the following:
   * **Description**
   * **URL -** Provide the URL of a resource that contains the product's description.
   * **Image** - Provide the URL of a resource that contains the product's image. This resource should be similar to the image(s) you display to customers while they review products and add them to their cart.
   * **Part number**
6. Click **Continue** when done. You are returned to the **Create Prebuilt Checkout links** page, where you will see a success message and the product information displayed in the Product section of that page. If you change your mind and want to remove a product from this modal, click the Delete icon<img src="https://334437993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LqH4RJfLVLuHPXuJyTZ%2Fuploads%2FxTNrghOsDLt7ijlxzoi6%2Fimage.png?alt=media&#x26;token=fde06253-942a-4d75-83c3-7a8082bf8745" alt="" data-size="original"> next to the listed product.

## Add a current product to the **Create Prebuilt Checkout links** page

To add a current product to the **Create Prebuilt Checkout links** page, do the following:

1. In the **Required information** section of the **Create Prebuilt Checkout links** page, provide the three-character currency code in the **Product** subsection of the page.
2. In the **Required information** section of the **Create Prebuilt Checkout links** page, click **Add product(s)** to display the **Add product** modal.

   <div align="left"><figure><img src="https://334437993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LqH4RJfLVLuHPXuJyTZ%2Fuploads%2FQJovhtpqMlVbxsGwAfqY%2F3%20Add%20a%20current%20product.png?alt=media&#x26;token=701ca310-3dde-4ac1-a783-9155a8113ef4" alt=""><figcaption></figcaption></figure></div>
3. Select **Choose from current products** to expand the **Add product** modal.

   <div align="left"><figure><img src="https://334437993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LqH4RJfLVLuHPXuJyTZ%2Fuploads%2FntrjwZ0fG1Jil7DGckTc%2F4%20Add%20a%20current%20product%20during%20PBCO%20modal.png?alt=media&#x26;token=c3463d43-5e4e-470d-8c56-391743f92a10" alt=""><figcaption></figcaption></figure></div>
4. Enter the **Product ID** in the provided field. Click [**SKU list page**](https://docs.digitalriver.com/digital-river-api/administration/dashboard/catalog/skus) if you want to look up the **Product ID** of the current product you wish to add. If you want to add additional SKUs, click **Add additional SKU,** and another Product ID field will be added to let you enter the required information. If you change your mind and want to remove a product from this modal, click the **Delete** icon<img src="https://334437993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LqH4RJfLVLuHPXuJyTZ%2Fuploads%2FxTNrghOsDLt7ijlxzoi6%2Fimage.png?alt=media&#x26;token=fde06253-942a-4d75-83c3-7a8082bf8745" alt="" data-size="original"> next to the added item.
5. Click **Continue** when you are done with this modal. You are returned to the [**Create Prebuilt Checkout links**](https://docs.digitalriver.com/digital-river-api/administration/dashboard/order-management/prebuilt-checkout-links/generate-prebuilt-checkout-links) page, where you will see a success message and the product information displayed in the Product section of that page. If you change your mind and want to remove a product from this modal, click the Delete icon <img src="https://334437993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LqH4RJfLVLuHPXuJyTZ%2Fuploads%2FxTNrghOsDLt7ijlxzoi6%2Fimage.png?alt=media&#x26;token=fde06253-942a-4d75-83c3-7a8082bf8745" alt="" data-size="original">next to the listed product.

## Change the product on the **Create Prebuilt Checkout links** page

To change any of the products you have already added to the [**Create Prebuilt Checkout links**](https://docs.digitalriver.com/digital-river-api/administration/dashboard/order-management/prebuilt-checkout-links/generate-prebuilt-checkout-links) page, do the following:

1. After you have already added a product to the **Create Prebuilt Checkout links** page, click **Change product** in the **Product** subsection of the **Required information** section to redisplay the **Add product** modal.
2. Select **Choose from current products** to expand the list of the current products. Enter the product SKU ID to add the SKU manually or click [**SKU list page**](https://docs.digitalriver.com/digital-river-api/administration/dashboard/catalog/skus) to go to the SKUs list page and search for the SKU you are looking for.

   <figure><img src="https://334437993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LqH4RJfLVLuHPXuJyTZ%2Fuploads%2FIslJxxedtxYsisz8HQT7%2F5%20Change%20the%20producst%20on%20the%20links%20page.png?alt=media&#x26;token=37345d07-63f6-486b-b41f-09ccb4bf8ec1" alt=""><figcaption></figcaption></figure>
3. If you change your mind and want to remove a product from this modal, click the Delete icon <img src="https://334437993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LqH4RJfLVLuHPXuJyTZ%2Fuploads%2FxTNrghOsDLt7ijlxzoi6%2Fimage.png?alt=media&#x26;token=fde06253-942a-4d75-83c3-7a8082bf8745" alt="" data-size="original"> next to the added item.
4. To add an additional product to the page, click **Add additional current SKU.** Another **SKU ID** field is added to let you enter the required information.
5. Click **Continue** when you are done with this modal. You are returned to the **Create Prebuilt Checkout links** page, where you will see the changed product information displayed in the **Product** subsection (based on your changes). If you change your mind and still want to remove a product from this page, click the Delete icon<img src="https://334437993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LqH4RJfLVLuHPXuJyTZ%2Fuploads%2FxTNrghOsDLt7ijlxzoi6%2Fimage.png?alt=media&#x26;token=fde06253-942a-4d75-83c3-7a8082bf8745" alt="" data-size="original">next to the listed product.
