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 ...

    • 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 ...

    • Calculator Templates

      Overview Calculator templates are pre-built calculator configurations you can browse, preview, and install into your store as a new draft calculator. They are not the same as style templates in the editor (those only control colors and CSS). Go to ...