Vivid Buy Button

Vivid Buy Button


Customize and animate product page buy button

No ratingNo reviews

Effortless customization

Effortlessly modify product page “Add To Cart” button colors, width, font size and more.

More appealing product page

Add animations and effects to a product page button and make your store more appealing.

Save time and money

With Vivid Buy Button you don't have to hire coders or spend time learning how to code yourself when you want to modify product page button.

About Vivid Buy Button

“Add To Cart” button is one of the most important elements on your store's product page. Every visitor that becomes a buyer must notice and click it. This app allows you to customize it easily, according to your store's layout needs. Because of it, your product page can be more appealing and generate better conversion rates. What’s more, Vivid Buy Button allows you to add various types of button animations and effects, which will help in catching user attention.

Vivid Buy Button lets you change:

  • Background Color #1

    Easily change button background by selecting a color that greatly fits your store.

  • Background Color #2 (Pro)

    Combine first color with second one to create beautiful gradients.

  • Hover Background Color #1

    Change background color when button is hovered by cursor.

  • Hover Background Color #2 (Pro)

    Like with normal background, combine two colors to create gradient color that is displayed when button is hovered by a cursor.

  • Font Color

    It’s obvious that font color must fit background color of the button. Change it as easily as the rest of the properties!

  • Button Width

    Your product page button is too small? Change its width! With this property you can make product button to fill available space.

  • Font Size

    Changes your button font size.

  • Border

    This field allows you to hide an existing border or add a one.

  • Letters Capitalization

    Choose between first characters (e.q. Add To Cart) and all characters upper-case (e.q. ADD TO CART).

  • Font Thickness

    Choose if the button text should be normal or bold.

  • Corner Radius

    Adds roundness to your button corners.

Animations and Effects (PRO)

With Vivid Buy Button you can add the following effects to your button:

  • Shine

  • Text Glow

  • Multicolor

Vivid Buy Button also lets you animate product page button with following animations:

  • Ta Da

  • Bounce

  • Shake

  • Strong Shake

  • Pulse

  • Stretch

  • Swing

Effects and animations have customizable speed and colors so they can fit your store's layout.

No Coding Required

Vivid Buy Button is perfect for people that are not tech-savvy and does not require any coding knowledge. All programming actions are seamlessly and automatically performed behind the scenes, so you can focus on things that are really important to you.

It's worth noting that Vivid Buy Button changes the “Add To Cart” button colors independently from Shopify customization, so you can distinguish product page button from the rest of the shop buttons.

Do you have an idea for more properties? Contact us!

Vivid Buy Button supports most themes. If your theme is not supported you will be notified just after you open the app for the first time. If that’s the case you can contact us to solve this problem.

See the app in action

Explore how the app works in an example store.

View example store


Pricing 7-day free trial

basic plan


  • Buy Button Customization

Pro Plan


  • Background Gradients Colors

  • Button Animation and Effects

* All charges are billed in USD. Recurring charges, including monthly or usage-based charges, are billed every 30 days.

Overall rating
0.0 of 5 stars
Based on 0 reviews

  • 5 of 5 stars
    0% of ratings are 5 stars
  • 4 of 5 stars
    0% of ratings are 4 stars
  • 3 of 5 stars
    0% of ratings are 3 stars
  • 2 of 5 stars
    0% of ratings are 2 stars
  • 1 of 5 stars
    0% of ratings are 1 stars

Most recent reviews

No reviews yet