Live Demo
Summary: This section shows a live demo of setting up a checkout page with custom text, images, trust badges, testimonials, product upsells, and a customer support button.
1) Sample Code
App Block #1:
Image URL:
https://cdn.shopify.com/s/files/1/0790/1324/9335/files/Snowboard_Pros.jpg?v=1689809228
Note: Image Dimensions are 572 x 100 px
App Block #2:
Top Divider: True
Rich Text:
[
{
"type": "bold",
"text_alignment": "start",
"text_size": "large",
"value": "Need Help?"
},
{
"type": "text",
"text_alignment": "start",
"text_size": "base",
"value": "If you have any questions or concerns, please don't hesitate to reach out to us by calling 999-999-9999 or by emailing us at support@snowboardpros.com."
}
]
App Block #3:
Product Upsell Headline: Customers Like You Also Added:
Product Upsell ID: 8467360612663,8467360186679
Note: Don't forget to include the comma between the product upsell IDs.
App Block #4:
Image URLs:
Image | Text:
https://cdn.shopify.com/s/files/1/0790/1324/9335/files/FREE_SHIPPING_300_x_300_px_400_x_400_px.png?v=1689740647&&&"Snowboard Pros has truly elevated my winter adventures to a whole new level, and I can confidently say that they have mastered the art of crafting the perfect snowboard."
Rich Text:
[
{
"type": "bold",
"text_alignment": "center",
"text_size": "large",
"value": "Have more questions? Contact us below👇👇👇"
},
{
"type": "button",
"kind": "primary",
"url": "https://www.google.com",
"button_alignment": "center",
"value": "Contact Support Now"
}
]
2) Live Development Store
To see this live, go to our development store below:
URL: https://checkout-extensibility-test-store-1.myshopify.com/
Password: password