By default, inStore shows the option to continue as an anonymous customer in the New order page. If you want to hide this option, you can change its display by editing the checkout-instore-custom.css
file. Check out the How to customize inStore guide for further information on how to access this file.
Edit the checkout-instore-custom.css
file
To customize the display of the container with the Continue as anonymous
button, you must declare the following IDs and properties in the checkout-instore-custom.css
file.
In the UI display column below, you can see how the element you can hide is rendered in inStore’s UI. You can click on each image to enlarge it.
CSS ID selector name | Description | UI display |
---|---|---|
customer-anonymous-container | The ID selector you can use to style the Continue as anonymous button. This button enables you to place an order on inStore without identifying the customer. | ![]() |
If you want to hide this element, you must use its ID selector and declare the display property with the value set as none in the checkout-instore-custom.css file, as exemplified below.
#customer-anonymous-container {
display: none;
}