Shopify Checkout Customization

    NICCOS handles Shopify checkout customization for brands that sell in Germany, Austria, Switzerland and the EU. We assign every requirement to a tool: checkout UI extension, Shopify Function, branding or cart. We then build the extension as an app, test it with countries, payment methods and discounts, and release it in versions.
    Hands bending and rolling a blue Freiluftkind insole against a mint-green backgroundPink and white roses in a bouquet, close-upBrown boxer briefs with blue contrast stitching and a CR7 waistband worn against a light studio backgroundHands opening a brown leather Gusti messenger bag and showing the inner compartmentsWoman with a grocery bag leaning against a wall, Groundies shoes on cobblestonesHands holding a sage-green memory book with the words This is your story on the coverBoy looking through binoculars in the forestGlass ampoules moving through a filling line in Heel's productionWoman in profile with voluminous blonde curls, a hand spraying hair spray from above.Woman applying mascara in front of a vanity mirror.Smiling man with cleansing foam on his face holding the face cleanser bottle.Two young women in white lying on a bed holding perfume bottles.Three Vitabay jars on a stone table in front of a green sofa.PHARMOS NATUR treatment with aloe vera leaves in a bright spa.

    Brands we work for

    MYCR7 logo
    CAT logo
    O'Neal logo
    FRITZ! logo
    Groundies logo
    Gusti Leder logo
    Smilodox logo
    Sirocco logo
    Olakala logo
    Deputy logo
    Bikemailorder logo
    Prepmymeal logo
    Freiluftkind logo
    Bloomingloft logo
    Heel logo
    Delivery notes, gift options and additional fields appear exactly where customers need them.
    Relevant information
    Discount, shipping and payment logic applies to every order, with no changes to the theme.
    Rules applied automatically
    Branding and language carry the store experience through to the completed purchase.
    Brand stays consistent

    What can you customize in the Shopify checkout?

    You can customize four things in the Shopify checkout: visible blocks at fixed positions, the logic for discounts, shipping and payment methods, the design through colours, fonts and wording, and the pages after the purchase. The structure of the checkout pages is fixed. We own the assignment of every requirement, the build as an app and the sign-off with real order cases.

    NICCOS has been a Shopify Plus Partner since April 2022 and is an OpenAI partner. The Shopify Partner Directory lists 19 reviews with a rating of 5.0. With Best Price Indicator (PAngV) we run an app of our own in the Shopify App Store. Our projects are documented in 13 published case studies.

    How does the checkout handle several countries and currencies?

    The checkout handles several countries through Shopify Markets. Currency, tax, language and payment methods follow the customer's market. The rules are set per market, and the checkout stays one checkout.

    The operator of the official CR7 online stores sold through physical retail and marketplaces and had no shop system of its own. We built mycr7.eu and mycr7.ch on Shopify Plus. Switzerland is outside the EU and needed its own tax and customs logic, separate price lists and a checkout in CHF, while the EU store charges in EUR. The client's proprietary ERP and warehouse system is connected. According to the MYCR7 case study, the stores went live after 6 weeks and revenue was 120% above the level from retail and marketplaces.

    Gusti Leder sells in DACH, France, the UK and further European markets with local tax, currency and domain logic. Before launch we ran a full test phase for checkout, payments, the engraving configurator and the ERP processes. The Gusti Leder case study reports a go-live in under 8 weeks and a 45% higher conversion rate. Our page on Shopify internationalization covers the market setup.

    Do you need Shopify Plus for checkout customization?

    You need Shopify Plus for your own blocks on the information, shipping and payment steps. The same applies to the extended branding configuration and to functions that are built as a custom app for your store alone. Without Plus you keep extensions on the thank-you and order status pages and functions that come with an app from the Shopify App Store.

    Before a plan change we check which requirements really need the checkout. A delivery note can sit in the cart, a quantity tier on the product page. When a list remains that can only be solved in the checkout, we calculate the change with you. Our page on the Shopify Plus agency covers the plan decision.

    Which price, tax and payment rules apply when you sell in the EU?

    Three topics come up in every project for the EU and Switzerland. Tax is calculated per country. Payment methods differ by market, and a payment function decides which ones a customer sees.

    Business customers expect invoice payment and a field for their VAT ID. Payment terms and price lists are features of Shopify B2B, and the checkout adds required fields and payment rules.

    Germany adds a rule on price reductions. When you advertise a reduced price, you have to show the lowest prior price. This belongs on the product page and cannot be repaired in the checkout. We developed the app Best Price Indicator (PAngV) for it.

    Which logic belongs before the checkout?

    Everything the customer has to choose or design belongs before the checkout: delivery date, greeting text, engraving, add-on items. The checkout receives these details and calculates with them. It is not built to hold a configurator.

    BlumeIdeal delivers flowers on a chosen date and ran on Shopware 5, which could only map date and gift logic to a limited degree. For the store on Shopify Plus we built a date logic that combines calendar, cut-off times and availability from JTL-Worker Cloud. Weekends and defined public holidays are blocked, and customers only see dates that logistics can meet. The BlumeIdeal case study reports the go-live after 50 days and 29% higher average order value through upsells in the configurator.

    Why do checkout projects fail?

    Checkout projects fail because of requirements nobody checked against the platform, and because of special cases that only show after launch. Before release we therefore run through several countries, payment methods, discounts, gift cards, sold-out items and express payments, and we sign off each case on its own.

    Tracking is the second reason. No freely embedded JavaScript runs in the checkout. Events arrive through the pixel environment and respect the customer's consent. Our page on tracking setups describes the setup.

    When customers already leave on the product page or in the cart, Shopify CRO is the better place to start.

    Which tools do we use to customize the checkout?

    • Checkout UI extensions

      Your own blocks at defined positions: delivery notes, gift options, extra fields, upsell blocks, consent statements. They run in a sandboxed environment and get placed through the checkout editor.

    • Shopify Functions

      Server-side logic for discounts, shipping options, payment methods, cart transforms and validation. They apply where scripts used to run, are versioned and need no runtime in the browser.

    • Branding and wording

      Colours, fonts, corner radii and text through branding settings and translations. That is no free layout, but it covers most of what brands actually need.

    Where are the limits with and without Shopify Plus?

    • Plus: extensions on the checkout steps

      Your own UI blocks on the information, shipping and payment pages require Shopify Plus. On the thank-you and order status pages, extensions can be used without Plus.

    • Plus: functions built for your store

      Functions that we develop as a custom app for your store alone require Shopify Plus. They reorder, rename or hide payment methods and shipping options and enforce your own validation.

    • Plus: branding configuration

      The deeper visual configuration of the checkout is a Plus topic as well. Without Plus you keep logo, colours and the basic options from the admin.

    • All plans: functions from the App Store

      Apps from the Shopify App Store may bring functions on every plan. They cover tiering, bundles and promotional rules that previously needed discount codes.

    • Not: a free checkout layout

      The structure of the checkout pages is fixed. Extensions sit at defined positions. Designing a fully custom checkout means planning past the platform.

    • Not: arbitrary scripts

      No freely embedded JavaScript runs in the checkout. Tracking goes through the pixel environment, logic through functions. That is a platform decision about security and stability, not a setting.

    • Not: checkout.liquid

      The old template file is retired. First the checkout steps went, then the thank-you and order status pages. Existing customisations had to be moved to extensions and functions.

    • Not: changing the sequence

      Additional intermediate steps or your own confirmation flow before purchase cannot be inserted. Where that is needed, the logic belongs before the checkout, in the cart or on the product page.

    How do we approach a checkout project?

    1. Sort the requirements

      Every requirement gets assigned: UI extension, function, branding, cart, or not possible at all. That sorting decides effort and feasibility.

    2. Review what exists

      We record existing checkout customisations, scripts, apps and pixels. Older Plus stores in particular carry leftovers that were never cleaned up after checkout.liquid was retired.

    3. Draft in the editor

      We play through placement in the checkout editor before any code is written. That shows early which positions really exist and how much room they offer.

    4. Build and deploy

      Extensions and functions get developed as an app, versioned and deployed through the Shopify CLI. Every change is traceable and reversible.

    5. Test with real cases

      Multiple countries, payment methods, discounts, gift cards, sold-out line items and express payments. The checkout is where edge cases cost money.

    6. Measure

      We watch completion, drop-off per step and error rates. An extension that slows completion is wrong even when it is functionally correct.

    • Three meal bowls with chicken, rice and vegetables on a wooden table, top viewPrepmymeal
    • Bouquet of orange roses against a light backgroundBlumeIdeal
    • Three women in SMILODOX activewear taking a selfie, a padel player and runners under palm treesSMILODOX

    When is a checkout extension worth it?

    • Delivery promises

      Showing a concrete delivery date or split-shipment notes right where the shipping method is chosen.

    • Mandatory fields

      Additional validated fields such as VAT ID, cost centre or age confirmation in B2B and regulated cases.

    • Payment method control

      Invoice payment only for approved company accounts, cash on delivery only in certain countries, ordering by margin instead of by chance.

    • Discounts without codes

      Quantity tiers, bundle pricing and customer group logic as a function instead of a chain of apps and discount codes.

    Is the checkout the right lever for you?

    Then a checkout project pays off

    • You have Plus and never use it

      Extensibility inside the checkout steps is part of your plan but sits idle. That is room to move you already pay for.

    • Support answers the same question daily

      If a detail is missing at purchase, it comes back later as an email or a call. Those queries can be caught at the source.

    • Orders arrive incomplete

      Vague delivery addresses, missing reference numbers or the wrong payment method cost more in rework than any extension does to build.

    • Old customisations do nothing

      Since checkout.liquid was retired, leftovers from scripts and apps sit in the store with no effect. What is still needed has to be reassigned.

    Then you are working on the wrong step

    • You are not on Shopify Plus

      Without Plus you can add neither your own blocks nor custom-built functions inside the checkout steps. The plan question comes first.

      To Shopify consulting
    • The drop-off happens earlier

      If users leave on the product page or in the cart, an extension in the final step changes nothing about it.

      To Shopify CRO
    • Company accounts and price lists are missing

      Payment terms, catalog access and order approvals are features of the B2B platform. A checkout extension cannot stand in for them.

      To Shopify B2B

    In what setup do we work on the checkout?

    With the checkout, the effort is settled before the first line of code, by what the platform allows.

    Results from client projects

    Every figure appears in the case study, where you can verify it.

    View all projects

    Brands we build for on Shopify.

    Groundies, MYCR7 and Gusti Leder are three of thirteen projects we have published with starting point, delivery and result.

    Common questions about Shopify checkout customization

    Can we show different payment methods per country?

    Yes. A payment customization function hides, renames or reorders payment methods by country, cart content or customer. Built as a custom app for your store, it requires Shopify Plus.

    Can the checkout charge in Swiss francs and euros from one store?

    Yes, through Shopify Markets. For MYCR7 we set up mycr7.eu and mycr7.ch with separate price lists, tax logic and a checkout in CHF for Switzerland and EUR for the EU.

    Do we need Shopify Plus for checkout customization?

    You need Plus for your own blocks on the information, shipping and payment steps, for the branding configuration and for functions built as a custom app. Without Plus you keep extensions on the thank-you and order status pages and functions that come with an app from the Shopify App Store.

    Can we collect a VAT ID or a cost centre in the checkout?

    Yes, on Shopify Plus. A checkout UI extension adds the field, and a validation function checks it before the order is placed. Company accounts, price lists and payment terms are part of Shopify B2B.

    Is checkout.liquid still available?

    No. Checkout extensibility has replaced the template file. We record what your old customizations did and assign each requirement to an extension, a function, branding or the cart.

    What replaced Shopify Scripts?

    Shopify Functions. Discounts, shipping rules and payment logic that used to run as a script are rebuilt as functions. They run inside the platform, are versioned and ship as part of an app.

    How does tracking work in the checkout?

    Through Shopify's pixel environment. Pixels run sandboxed, receive defined events and respect the customer's consent status. Events are defined once and then passed to every channel.

    Send us your checkout requirements.

    We assign each one: extension, function, branding or cart. We tell you before the concept what the platform does not allow.

    NICCOS

    The page could not be loaded.

    Please reload the page. If an update has just gone live, this will load the latest version.