Publishing a Calculator

Publishing a Calculator

Overview

Publishing makes your calculator visible to customers on your storefront. Until you publish, any changes you make exist only as a draft that you can preview inside the editor. Each time you publish, a new numbered version is created so you have a history to fall back on. The Publish button and live/not-live status badge are in the header bar at the top of the calculator editor.

Steps

  1. Publish a new version — Click the Publish vN button in the header (where N is the next version number). Your current draft becomes the live version that customers see.
  2. Check the status badge — The badge next to the calculator name shows Live (green) when the calculator is active on your store, or Not live when it is hidden.
  3. Toggle live status — Click the status badge to switch the calculator between live and not-live. Turning a calculator to Not live hides it from customers without deleting any configuration.
  4. Continue editing after publishing — After publishing, the editor keeps your draft open. Any further changes you make are draft-only until you publish again.

Details

Control Description
Publish vN button Publishes the current draft as a new numbered version.
Live badge Indicates the calculator is visible to customers.
Not-live badge Indicates the calculator is hidden from customers.
Status toggle Switches the calculator between live and not-live.
  • Saving does not publish. Changes remain draft-only until you explicitly click Publish.
  • You can toggle a calculator to Not live at any time without losing any configuration. Toggle it back to Live when ready.

Examples

  • First launch — You finish building your calculator, click Publish v1, and verify on your storefront that the calculator appears on the correct product pages.
  • Temporarily disabling — You need to update pricing for a seasonal sale. You toggle the calculator to Not live, make your changes, preview them, and then publish and toggle it back to Live.

    • Related Articles

    • Calculator Editor Overview

      Overview The calculator editor is the main workspace where you build and customize your product calculator. It is divided into three areas: a header bar at the top, a tabbed main panel in the center, and a live preview panel on the right. Together, ...

    • Creating Your First Calculator

      Overview This tutorial walks you through creating a calculator from start to finish using the new-calculator wizard. The wizard has four sequential steps, each focused on a different aspect of your calculator. You can skip optional steps or return to ...

    • Enabling Personalization on Your Calculator

      Overview Personalization is an optional feature available in every calculator. To use it, you enable it during calculator configuration, then set up your layers and options. Personalization appears in Calculator Editor → Optional Features as Step 5: ...

    • Standalone Calculator

      Overview A standalone calculator is not tied to any Shopify product. Instead of appearing on product pages, it lives on any page you choose — a landing page, a custom page, or your homepage. Standalone calculators are ideal for quote builders, ...

    • Calculator Layout

      Overview The Layout section controls how your calculator's options are presented to customers. You can show all options on a single page (single-step) or split them across multiple pages that the customer navigates through (multi-step). You configure ...