To properly configure your app embed->Registry & Wishlist->checkout button selector, you need to identify the ID or class name of the checkout button on your cart page. Here’s how to find it:
Step 1: Navigate to the Cart Page
First, add any product to your cart. Then, go to the cart page using a desktop or laptop (this process is easier on a larger screen).
Step 2: Inspect the Checkout Button
On the cart page, right-click the Checkout button and select Inspect from the context menu. This will open the browser’s developer tools and highlight the HTML code related to the button.
Step 3: Locate the ID or Class
In the HTML code, look for an ID attribute (e.g., id="checkout"). If an ID is available, it’s recommended to use it.
If there is no ID, look for a class name (e.g., class="cart_checkout"). Make sure to choose a unique class if there are multiple.
Step 4: Use the Correct Format in the App Embed
- If you're using an ID, prefix it with a
#— for example:#checkout - If you're using a class name, prefix it with a
.— for example:.cart_checkout
✅ Tip: Always use the ID if it's available, as it's more specific and reliable.
*The steps below are performed on a MAC using Chrome browser. Please follow these steps on the desktop