Optimize the pre-checkout ID verification flow

Real ID gives you the option to require a valid ID before the customer is able to purchase.

If you enable this option in the app settings, Real ID will automatically require ID verification on your cart page in order to check out. This means you can verify your customers' IDs before you accept payment and the order is placed.

There are 2 optimizations that we recommend in order for the best experience.

Add a CSS rule to your Shopify theme to disable the checkout button

Real ID adds a styling rule to disable the checkout button in your theme's cart page. However, for the best results you should also add a CSS rule to your theme in order to make sure the button doesn't appear at all.

Here are the steps:

1. Log into your Shopify store


2. Open your Online Store in the left hand menu

3. You should be under the Themes section now, click the Customize button for your current theme

4. A new page should open with your current theme settings. On the upper left click the 3 dotted menu and select Edit Code

5. In the search bar, search for " theme" and then click the "theme.css" file

6. Scroll to the very bottom of this file, and paste this CSS snippet in:

/**
  *  Disable checkout until the customer's ID is verified 
  */
.cart__submit-controls {
  display: none !important;
}

7. Lastly, don't forget to save this change by clicking the Save button in the top right

That's it, you just disabled checkout buttons in your cart page. Real ID will automatically re-enable them when the customer has verified their ID.

If you decide to use Real ID in a post-checkout flow only, or decide to stop verifying your customers IDs, make sure to remove this snippet.

Disable dynamic checkout buttons

The Shopify dynamic checkout buttons allow customers to purchase an item directly from the product page on your store.

We recommend disabling this feature, because Real ID works on your cart page specifically. If you allow "Buy it now" buttons on your product pages, it will allow customers to bypass ID verification before they purchase.

Here's a guide on how to disable "Buy it now" buttons on your product pages through Shopify's settings:

Remove dynamic checkout buttons on your product pages on Shopify

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us