Checkout Settings

The checkout page is the most critical step in your customer’s purchase journey. The HoopAI platform gives you detailed control over what fields appear at checkout, whether customers need to create an account, how addresses are collected, and how the checkout page looks. Well-configured checkout settings reduce friction and improve your store’s conversion rate.

​

Accessing checkout settings

Checkout customization is done in two places:

1. In the store builder: Navigate to your store, open the Checkout page, and click the checkout element to access visual and field-level settings.
2. In Payments > Settings > Notifications: To configure order confirmation emails that trigger after checkout.

​

Field visibility settings

The platform allows you to configure each checkout field as Mandatory, Optional, or Hidden. For stores that use carrier-calculated shipping rates (via Shippo or ShipStation), the address, city, and postal code fields must remain mandatory, since the live rate APIs need a complete address to return accurate rates.

​

Guest checkout

Guest checkout allows customers to complete a purchase without creating an account or logging in. This is enabled by default and is the recommended setting for most stores, as requiring account creation adds friction and increases cart abandonment. Guest checkout is on: Customers enter their email and complete the purchase. A contact is created in your CRM automatically using their email. They can access their order history via OTP login at the Customer Access Center. Contact creation behavior: You can configure how the platform handles contact records during checkout:

• Sticky contact: The platform remembers the customer in the browser session. If they have previously checked out on this store, their information may pre-populate.
• New contact per transaction: Creates a new contact record for each checkout, regardless of whether the email already exists in the CRM. Use this carefully as it may create duplicate contacts.
• Disposable email validation: Enables a check that blocks temporary or disposable email addresses from completing checkout. Useful for reducing fraudulent orders and ensuring valid contact records.

​

Address autocomplete

Address autocomplete uses Google’s Places API to automatically suggest and complete addresses as the customer types. When a customer begins entering their address, a dropdown shows matching address suggestions. Selecting one populates the address, city, country, state, and postal code fields automatically. Benefits: Reduces input errors, speeds up checkout, and ensures properly formatted addresses that work with shipping carriers. Cost: The API charges per request (approximately $0.003 per search request and$0.005 per API call). For high-volume stores, monitor your Google API usage and billing. To enable address autocomplete:

1. Open the checkout page in the store builder.
2. Click the checkout element.
3. Toggle Enable address autocomplete to ON.
4. Ensure a valid Google Maps API key is connected.

​

Coupon codes

The checkout page can display a coupon code input field that allows customers to apply discount codes before completing their purchase. To enable the coupon field:

1. In the checkout element settings, toggle Enable coupon code field to ON.

Coupon codes are created and managed separately in Payments > Coupons. When a valid code is entered at checkout, the discount is applied to the order total before payment. If you do not use coupon codes in your marketing, you can hide the field entirely to keep the checkout page clean and distraction-free.

​

Checkout page branding and customization

The checkout page uses the same visual editor as every other store page. You can customize:

• Colors: Background, button colors, text colors, border colors
• Typography: Font family, size, and weight for headings and body text
• Logo: Your brand logo displayed at the top of the checkout
• Layout: Section arrangement, spacing, and padding
• Custom text: All labels, button text, and instructional copy can be edited

Custom checkout text fields:

• Order summary heading
• Payment section heading
• “Place Order” button label
• “Return to cart” link text
• Terms and privacy policy notice

​

Accepted payment methods

The checkout displays payment methods based on what your connected payment integration supports. With Stripe connected, standard options include:

• Credit and debit cards (Visa, Mastercard, American Express, Discover)
• Apple Pay (automatically shown on Safari and iOS devices)
• Google Pay (automatically shown on Chrome and Android devices)
• Buy-now-pay-later methods: Affirm, Klarna, Afterpay (when enabled in your Stripe dashboard)

No additional configuration is needed in the platform to show these — they appear automatically based on your Stripe account settings and the customer’s device/browser.

​

Billing address

By default, the checkout collects a shipping address for physical products. You can optionally enable a separate billing address field. When enabled, customers can indicate that their billing address differs from their shipping address and enter it separately. This is useful for B2B customers who purchase on behalf of an organization with a different billing location.