Skip to main content

Show Variants as Buttons with Price

Discover how to display your Shopify Variants as buttons accompanied by pricing information.

Updated over 9 months ago

Give your customers a clear and convenient way to view pricing with each variant by showcasing your Shopify variants as buttons accompanied by pricing details.
​
Follow this straightforward process to enhance the user experience on your product pages.
​

Step 1: Navigate to Shopify variants page

  • Click on Shopify variants in the side navigation of the Swatch King dashboard.

Step 2: Choose 'Button with Price' Display Style

  • Locate the product option you wish to display as "buttons with price."

  • In the Product page style column, select Button with Price to showcase variants with integrated pricing.

  • If you aim to refine the button design further, the Product page styles section is your next stop. Check out our guide for in-depth customization options.


Displaying variant buttons with prices allows customers to quickly discern the cost differences between options, aiding swift and savvy shopping decisions.

Did this answer your question?