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

    • Creating Your First Calculator

      Overview This tutorial walks you through creating a calculator from start to finish. The editor uses a short sequence of tabs. You can skip optional tabs or return to them later. Chat with AI stays available the whole time — it is not the first ...

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

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

    • Linking to Products

      Overview Product pages (recommended) is the usual way to show a calculator. You assign products in the app. The calculator appears on those product pages through the Appify Calculator block and customers add to cart as they would on any product page. ...