Buy buttons
| Setting | Description |
|---|---|
| Bottom space |
Controls the space below the buy buttons block, before the next block. Options: • None • Small • Medium (Default) • Large |
| Pickup availability style |
Select one of the two styles for pickup availability:
|
| Pickup and gift icons color | This option allows customers to choose a color for gift wrapping icons and pick-up availability icons. |
| Pickup and gift icons color dark mode | Sets the icon color when the site is in dark mode. (default: #101010). Only available when dark/light mode is enabled in Theme settings → Colors. |
| Show dynamic checkout buttons | Shows accelerated checkout buttons (like PayPal or Apple Pay) based on the payment methods available on your store, so customers see their preferred option. Enabled by default. |
| Show recipient information form for gift cards | Allows buyers to send gift cards on a scheduled date along with a personal message. Enabled by default. |
| Add to cart button style |
Controls the visual style of the Add to cart button. Options: • Primary (Default) • Secondary |
| Button outline |
Controls the outline style of the Add to cart button. Options: • None • Outline (Default) • Outline on hover |
| Buy it now button style |
Controls the visual style of the Buy it now button. Options: • Primary (Default) • Secondary |
| Buy it now button outline |
Controls the outline style of the Buy it now button. Options: • None • Outline • Outline on hover (Default) |
| Buy it now button capitalize |
Controls the text case of the dynamic checkout button. Options: • Capitalize (Default) • Uppercase |
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.
