VTEX Sales App is VTEX's main product for Unified Commerce operations. It’s an app that enables your store to provide a true omnichannel experience, seamlessly integrating your online and physical channels, and placing your customers at the business core.

You can customize the VTEX Sales App experience according to your business needs by editing custom JavaScript and CSS files.

You can perform JavaScript customizations on the checkout-instore-custom.js file, which you must access from the VTEX Admin home, following the steps below.

1. Access https://{{AccountName}}.myvtex.com/admin and following the steps below. Remember to replace {{AccountName}} with your VTEX account name.
2. In the main menu, click on Checkout.
3. Click on the store's gear symbol, as shown in the image below.
   
4. Click on the Code tab and finally on the checkout-instore-custom.js file, which is in the Files list on the right-hand side of the screen, as illustrated in the image below.
   

️ If you want to access the checkout-instore-custom.js file directly, you can enter the following URL in your browser: https://{{AccountName}}.myvtex.com/admin/portal#/sites/default/code/files/checkout-instore-custom.js. Make sure you replace {{AccountName}} with your VTEX account name.

checkout-instore-custom.js is a JavaScript file that accepts a number of functions, variables and objects responsible for changing standard behaviors of the VTEX Sales App application.

To make any changes to the file, simply add or modify the lines of code directly in the file edit box. Check out our list of possible customizations to learn more.

Once you are done, click on the Save button, as shown in the image below.

Always follow the customization instructions in this documentation and only make changes as indicated here, or VTEX Sales App may not work as expected.

For CSS customizations, you need to edit the checkout-instore-custom.css file, which you can access by following the same steps as to open the JavaScript customizations file. In the Files section, just remember to open checkout-instore-custom.css instead.

Likewise, you can modify the CSS style sheet directly in the edit box.

When you have finished, make sure you click the Save button.

You can make the following customizations on VTEX Sales App:

• Customize VTEX Sales App login options
• Change VTEX Sales App language
• Enable the Observation field in the order screen
• Enable the sales associate code
• Enable cart transfer and capture between devices
• Enable order filter by sales associate
• Force stock availability
• Set up the order summary printing
• Define payment methods displayed on VTEX Sales App

You can find more information on how to set up each customization on the following guides.