{"title":"Payment Gateway \u0026 Method","description":"\u003cp\u003ePayment Gateway \u0026amp; Method work for Shopify and Shopify Plus stores, handled as a flat-rate task by an in-house team that has worked on this since 2016.\u003c\/p\u003e\u003cp\u003eWe have completed 233 payment gateway \u0026amp; method requests for merchants, including work on Prestige, Mobilia, Symmetry and Empire. Below are 6 real examples with the request, the approach and what shipped.\u003c\/p\u003e","products":[{"product_id":"add-afterpay-and-klarna-and-affirm-and-sezzle-prestige","title":"Add Afterpay and Klarna and Affirm and Sezzle","description":"\u003cp class=\"task-lead\"\u003eA furnishings brand wanted Klarna on-site messaging on product and checkout pages so shoppers could see installment options before buying.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eAdd Klarna on-site messaging to the product and checkout pages. Customers should see the installment amount right under the price.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eAverage order value was high enough that installment messaging would help conversion. The brand had already enabled Klarna as a payment method but the messaging wasn't showing.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe placed the Klarna messaging under the price on product pages, in the cart, and on the checkout, so shoppers see the split amount at every step. The messaging updates as variants and quantities change.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eKlarna installment messaging on product pages\u003c\/li\u003e\n\u003cli\u003eMessaging in cart and at checkout\u003c\/li\u003e\n\u003cli\u003eUpdates automatically with price changes\u003c\/li\u003e\n\u003cli\u003eStyled to sit naturally under the price\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44154832322634,"sku":"TASK-0026","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"stripe-and-custom-payment-provider-mobilia","title":"Stripe and Custom Payment Provider","description":"\u003cp class=\"task-lead\"\u003eA retailer selling in Canada and the US wanted the currency label removed from checkout so customers weren't confused by the USD tag on CAD prices.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eWe charge in either CAD or USD through Stripe. Our currency converter shows the right currency, but checkout displays a USD label even when the customer is paying in CAD.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eA mismatch between the storefront converter and the checkout label was eroding trust at the last step.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe aligned the checkout display with the customer's selected currency so the label matches what they were shown throughout. Customers in Canada see CAD from browse to payment.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eCheckout currency label matches the selected currency\u003c\/li\u003e\n\u003cli\u003eConsistent from storefront to payment\u003c\/li\u003e\n\u003cli\u003eTested for both CAD and USD customers\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155512193098,"sku":"TASK-0089","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"paypal-integration-and-button-symmetry","title":"PayPal Integration and Button","description":"\u003cp class=\"task-lead\"\u003eA retailer was told their PayPal button could move from the cart page to checkout to simplify the cart. They wanted it done.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eA Shopify expert told us our PayPal button can be moved from the cart page to the checkout page. We want a cleaner cart with one checkout button and PayPal offered at checkout instead.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eMultiple buttons on the cart were splitting customer attention.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe removed the PayPal button from the cart page and cart drawer, leaving a single checkout button. PayPal remains available as an express option at checkout.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003ePayPal button removed from cart page and drawer\u003c\/li\u003e\n\u003cli\u003eSingle checkout button on the cart\u003c\/li\u003e\n\u003cli\u003ePayPal still available at checkout\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155551252554,"sku":"TASK-0110","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"shop-pay-and-apple-pay-and-google-pay-prestige","title":"Shop Pay and Apple Pay and Google Pay","description":"\u003cp class=\"task-lead\"\u003eA subscription brand wanted more breathing room around the product images and subscription widget, plus express payment options visible on the product page.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eIncrease the margins on the product page so the images and subscribe-and-save widget have more space. And add the express payment buttons under the main button so customers see Shop Pay and Apple Pay early.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eA crowded product page with the payment options hidden until checkout.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe widened the product page layout to give the gallery and subscription widget room, then added express checkout buttons beneath the add-to-cart button. The buttons only show the methods each customer's device supports.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eWider product page layout\u003c\/li\u003e\n\u003cli\u003eExpress checkout buttons under add to cart\u003c\/li\u003e\n\u003cli\u003eDevice-aware button display\u003c\/li\u003e\n\u003cli\u003eSubscription widget spacing corrected\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155677114442,"sku":"TASK-0122","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"display-payment-method-icons-empire","title":"Display Payment Method Icons","description":"\u003cp class=\"task-lead\"\u003eA retailer needed all payment method icons visible before checkout and contact info in the footer to meet Google Merchant requirements.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eAs part of Google Merchant requirements, all acceptable payment methods must be visible before checkout, and contact info must be in the footer. Add both.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eCompliance requirements from Google.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe added a complete payment icon row to the footer and beneath the add-to-cart button, and placed the retailer's contact details in the footer.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003ePayment icons in the footer\u003c\/li\u003e\n\u003cli\u003ePayment icons under add to cart\u003c\/li\u003e\n\u003cli\u003eContact information in the footer\u003c\/li\u003e\n\u003cli\u003eMeets Google Merchant requirements\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155687895114,"sku":"TASK-0229","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"local-and-country-specific-gateway-testament","title":"Local and Country-Specific Gateway","description":"\u003cp class=\"task-lead\"\u003eA retailer needed a country-specific payment gateway added and displayed alongside their existing options.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eWe've upgraded the theme. Now we need our local payment gateway added at checkout and its logo shown in the footer with the others.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eA gateway customers expected.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe enabled the local gateway, added its logo to the payment icon row in the footer and under add to cart, and tested a checkout through it.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eLocal gateway enabled\u003c\/li\u003e\n\u003cli\u003eLogo in the footer and product page icon rows\u003c\/li\u003e\n\u003cli\u003eCheckout tested\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155705720906,"sku":"TASK-0407","price":0.0,"currency_code":"USD","in_stock":false}]}],"url":"https:\/\/www.taskhusky.com\/collections\/payment-gateway-method.oembed","provider":"TaskHusky","version":"1.0","type":"link"}