Buy buttons
| Setting | Description |
|---|---|
| Show quantity | Enable to display the quantity input field on the product page. |
| Show quantity label | Displays a text label (e.g. "Quantity") above the quantity selector. Only shown when Show quantity is enabled. Enabled by default. |
| Space between quantity and buttons | Adds extra spacing between the quantity selector and the buy buttons instead of placing them flush against each other. Only shown when Show quantity is enabled. Disabled by default. |
| Quantity label size | Controls the font size of the quantity label: Small, Medium, Large, Extra large. Only shown when Show quantity and Show quantity label are both enabled. |
| Quantity label style | Controls the text style of the quantity label: Body or Uppercase. Only shown when Show quantity and Show quantity label are both enabled. |
| Show button icon | Toggles the visibility of an icon on the "Add to cart" button. Enabled by default. |
| Button style |
Choose the first button's appearance: • Primary: Uses the primary button color defined in color scheme. • Secondary: Uses the secondary button color defined in each color scheme. • Outline: A button with a border and no fill. • Link: A minimal button style aligned with the text. |
| Show dynamic checkout buttons |
Enable dynamic checkout buttons. This will display a button that allows customers to proceed directly to Shopify's checkout or a third-party accelerated checkout method, depending on your store's settings. Using the payment methods available on your store, customers see their preferred option, like PayPal or Apple Pay. Learn more |
| Dynamic checkout buttons style |
Choose the first button's appearance: • Primary: Uses the primary button color defined in color scheme. • Secondary: Uses the secondary button color defined in each color scheme. • Outline: A button with a border and no fill. • Link: A minimal button style aligned with the text. |
| Show recipient information form for gift cards | Allows buyers to send gift cards on a scheduled date along with a personal message. Only relevant for gift card products. Enabled by default. Learn more |
Using the payment methods available on your store, customers see their preferred option, like PayPal or Apple Pay. Learn more
There are two different kinds of dynamic checkout buttons:
- Unbranded — These buttons display Buy it now text. When a customer clicks an unbranded button, they skip the cart and go to the Shopify checkout.
- Branded — These buttons show the logo for a third-party accelerated checkout method. When a customer clicks a branded button, they complete their payment with that accelerated checkout method. The following third-party accelerated checkout methods are available:
Only the payment methods that you've activated in your payment settings display as options to your customers. If you don't have a third-party accelerated checkout method activated, then only the unbranded button is displayed.
Example of unbranded dynamic checkout button:
Example of branded dynamic checkout button:
Recipient information form for gift card products
| Setting | Description |
| Show recipient information form for gift card products | This setting enables the display of a recipient information form specifically for gift card products. Customers can choose to send the gift card directly to a recipient, along with a personalized message. |
Note: This option is exclusively available for gift cards.
Actions:
- Gift Card Denominations: Select the Gift Card Amount from the dropdown list.
- Checkbox Interaction: Click on the checkbox to reveal the recipient information form.
- Form Completion: Fill out the form with the recipient's email address, recipient's name, your personal message, and select the desired delivery date for the gift card.
- Add to Cart: Click the “Add to Cart” button after completing the recipient information form.
- Cart Drawer Navigation: Once the Cart drawer appears, you have the option to proceed directly to the checkout process.
- Checkout Details: Complete the necessary information during the checkout process to finalize the order.
- Order Confirmation: After successfully placing the order, an order confirmation will be displayed.
- Order Tracking: To track your order and access your order history, navigate to the login section in the header. Enter your login credentials and access your account dashboard to view your orders.
