Documentation
Feedback
Guides

VTEX inStore
How to customize inStore
Hide anonymous customer option

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 nameDescriptionUI display
customer-anonymous-containerThe 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.{"base64":"  ","img":{"width":411,"height":729,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":16082,"url":"https://cdn.jsdelivr.net/gh/vtexdocs/dev-portal-content@main/images/hide-anonymous-customer-option-0.png"}}

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;
}
Contributors
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
Was this helpful?
Yes
No
Suggest edits (Github)
Contributors
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
On this page