Buy Buttons block
| Setting | Description |
| Show dynamic checkout buttons | 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. |
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:
Example of unbranded 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.
This feature allows you to create a block with an icon and text. Customize the content for the first item as follows:
| Setting | Description |
| Layout |
|
Content
| Setting | Description |
| First icon | Choose an icon from the dropdown list to use for the first item. |
| First image | You can either select an image from the library or upload a new image to replace the default icons for the first item. |
| First heading | Enter the desired heading text for the first item in the provided field. You can further customize the heading using options in the top menu of the field, such as making it bold or italic. |
| Heading style | The heading style setting offers four options to choose different heading size with different font weight:
|
| Heading color | The “Heading color” setting offers four options to customize the color scheme of the first heading:
|
| Second icon | Choose an icon from the dropdown list to use for the second item. |
| Second image | You can either select an image from the library or upload a new image to replace the default icons for the second item. |
| Second heading | Enter the desired heading text for the second item in the provided field. You can further customize the heading using options in the top menu of the field, such as making it bold or italic. |
| Heading style | The heading style setting offers four options to choose different heading size with different font weight:
|
| Heading color | The “Heading color” setting offers four options to customize the color scheme of the second heading:
|
| Third icon | Choose an icon from the dropdown list to use for the third item. |
| Third image | You can either select an image from the library or upload a new image to replace the default icons for the third item. |
| Third heading | Enter the desired heading text for the third item in the provided field. You can further customize the heading using options in the top menu of the field, such as making it bold or italic. |
| Heading style | The heading style setting offers four options to choose different heading size with different font weight:
|
| Heading color | The “Heading color” setting offers four options to customize the color scheme of the third heading:
|
| Setting | Description |
| Block position | Select the optimal placement for the quantity field, “Add to Cart”, and “Buy It Now” buttons:
|
| Setting | Description |
| Hide quantity block | Enable this option to remove the quantity selection block from the product page, so customers will not see or be able to adjust the quantity before adding an item to their cart. |
| Setting | Description |
| Full width buttons | Enable the option to make the buttons full width, and arrange them in a column. |
Check article “How to set pick up locations to be connected with product information template settings”
| Setting | Description |
| Show pickup availability | Enable this option to display in-store pickup availability on the product page. |