Buy Buttons
| Setting | Description |
| Product form style | There are four options of product form style:
|
| Button color style (add to cart button) | This feature allows you to customize the color style of buttons. You have two options to choose from:
This setting can be applied to buttons, links, and underlined links within the section. *To choose or change the colors for these button styles, go to the “Colors” tab in the theme settings and locate the “Primary button” and “Secondary button” blocks. By changing the colors in the theme settings, the new color style will be applied throughout the entire theme. |
| Button style (add to cart button) | You can choose from seven different button styles:
|
| Show dynamic checkout buttons (Using the payment methods available on your store, customers see their preferred option, like PayPal or Apple Pay. Learn more) | Enable dynamic checkout buttons by marking the checkbox. 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. |
| Buy it now button color style (dynamic checkout button) | This feature allows to change button color style:
This setting can be applied to buttons, links, and underlined links within the section. *To choose or change the colors for these button styles, go to the “Colors” tab in the theme settings and locate the “Primary button” and “Secondary button” blocks. By changing the colors in the theme settings, the new color style will be applied throughout the entire theme. |
| Button style (dynamic checkout button) | You can choose from seven different button styles:
|
| Custom icon | You can add for example, arrow to standard "Buy it now" button through select image. |
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:
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.
