Skip to main content

Try Button on Product Page

Ryan Haidinger avatar
Written by Ryan Haidinger
Updated over 3 months ago

Overview

This guide will walk you through customizing the TryFit button to meet your brand guidelines on the product page. This process assumes you've already installed the TryFit app and added the button to your theme. If you haven't added the app embed yet, please see this guide.

TryFit allows you to customize the following options for your button:

  • Button Text

  • Button Background & Text color

  • Program Description Text

  • Text Size

  • Logo Type

  • Advanced - Custom CSS


Getting Started

To begin customizing your TryFit button go to:

  • Online Store > Themes > Customize

  • Click Products at the top > Default Product (to preview the product page)

  • Lastly, click on the TryFit Button embed on the left side under your buy button.

Once the app embed is selected, you'll see all of the design customization options on the far right. Simply click each option and adjust the content as needed. Once you're happy with the changes, be sure to click Save on the top right.

Need help customizing your button or need custom CSS to better align with your site? Please reach out to our team via Live Chat or direct email: [email protected] to assist.

Did this answer your question?