Skip to main content

Nautical Checkout

Nautical provides a secure checkout process integrated with the storefront. The checkout allows customers to add products to their cart and place orders directly from your storefront.

Nautical's hosted checkout offers buyers a streamlined, one-page form to finalize their order. From the checkout page, customers can:

  • Choose a shipping method
  • Add a payment method
  • Apply a discount code
  • Add a customer order note
  • Enter shipping and billing addresses

You can customize settings for your checkout, including whether customers need to register for an account and the overall theme for your checkout experience.

Nautical checks inventory levels while items are in a customer's cart to ensure there's enough stock to fulfill the order. However, inventory isn't allocated at this stage. If a product becomes unavailable after being added to the cart, Nautical displays an error message and prevents checkout. Once an order is placed, the inventory is allocated.

Require login for checkout​

By default, guests are allowed to check out without registering for an account. However, you can require customers to register for an account and log in before placing orders.

To enable the Require login for checkout setting, contact Nautical Support. This setting needs to be activated by a Nautical representative.

Set up payment options​

Customers must enter a valid payment method to complete the checkout process. The payment options available at checkout depend on the payment plugins enabled in your marketplace app store.

You can accept one or more of the following payment options:

  • Stripe. When the Stripe app is active, it appears as a Credit Card option at checkout. All payment methods supported by Stripe are available.

  • Braintree. When the Braintree app is active, it presents as a Credit Card option in the checkout.

  • Wire. When the Wire plugin is active, it appears as a Wire Transfer option, allowing customers to check out without a credit card.

Customize your checkout theme​

Updating your checkout theme to match your storefront branding is important for building trust and confidence with buyers.

Even after setting the no-code storefront theme settings, you need to configure the checkout theme separately because Nautical hosts the checkout independently from your online store.

Colors​

The primary color sets the accent colors for buttons and other elements in your checkout.

Change the primary color​

  1. Go to Storefront settings -> Checkout theme.
  2. Choose the color from the Primary color picker.
  3. Select Save.

Your logo is prominently displayed in the upper left corner of the checkout page.

The ideal logo size is a small square, such as 160x160 pixels.

  1. Go to Storefront settings -> Checkout theme.
  2. Upload your logo in the Logo field.
  3. Select Save.

Favicon​

The favicon is a small square icon that appears beside the name of the checkout browser tab.

The ideal favicon size is 16x16 pixels or 32x32 pixels. There are free online favicon generators you can use if you don't have a favicon already.

Add a favicon​

  1. Go to Storefront settings -> Checkout theme.
  2. Upload your favicon in the Favicon field.
  3. Select Save.

Confirmation URL​

The confirmation URL is the page where customers are redirected after successfully placing an order.

Change the confirmation URL​

  1. Go to Storefront settings -> Checkout theme.
  2. Set the Confirmation URL field to base URL where customers should be redirected.
    • If using the no-code storefront editor, set this URL to https://{your_site}/thank-you
    • If developing a custom storefront, set this URL to the base thank-you page. A unique checkout token will be appended after a successful checkout to show order-specific details. For example:https://{your_site}/thank-you?token=04925353-0def-41bd-b836-da14f71fe67a
  3. Select Save.

Was this page helpful?