Buttons in pricing tables

17
BUTTONS IN PRICING TABLES by

Transcript of Buttons in pricing tables

Page 1: Buttons in pricing tables

BUTTONS IN PRICING TABLES

by

Page 2: Buttons in pricing tables

Overview

Package Images in Pricing Tables

Plugmatter

- Most important elements of the pricing table.

- Greatly affects conversion rates.

PlugmatterBUTTONS IN PRICING TABLES

Page 3: Buttons in pricing tables

How to create CTA buttons that convert

better on you pricing table

Page 4: Buttons in pricing tables

Color

Package Images in Pricing Tables

Plugmatter

- CTA buttons should stand out.

- Use bright, bold buttons colors that are uncommon on the page.

- Use the brand’s primary color for consistent page design.

PlugmatterBUTTONS IN PRICING TABLES PlugmatterBUTTONS IN PRICING TABLES PlugmatterBUTTONS IN PRICING TABLES

Page 5: Buttons in pricing tables

Plugmatter

- Give buttons a different shape than other elements.

- For example - on a table with straight edges, a button with round edges.

PlugmatterBUTTONS IN PRICING TABLES

Shape

PlugmatterBUTTONS IN PRICING TABLES PlugmatterBUTTONS IN PRICING TABLES

Page 6: Buttons in pricing tables

Plugmatter

- Place CTA buttons higher-up on the page.

- Should be visible above the fold in pricing tables, and elsewhere.

- Ensures that visitors don’t have to scroll to click.

PlugmatterBUTTONS IN PRICING TABLES

Placement

Package Images in Pricing Tables

PlugmatterBUTTONS IN PRICING TABLES PlugmatterBUTTONS IN PRICING TABLES

Page 7: Buttons in pricing tables

Plugmatter

- The button’s performance can depend on its copy.

- Write about benefits instead of instructions.

- Use words that affirm the product’s value, directing visitors towards a

transaction. Example – ‘Start Growing Today’ vs. ‘Buy Now’

PlugmatterBUTTONS IN PRICING TABLES

Copy

PlugmatterBUTTONS IN PRICING TABLES PlugmatterBUTTONS IN PRICING TABLES

Page 8: Buttons in pricing tables

Plugmatter

- Large elements on a page are readily visible to human eyes.

- Make CTA buttons stand out.

- Have them be the largest element in a pricing table.

PlugmatterBUTTONS IN PRICING TABLES

Size

PlugmatterBUTTONS IN PRICING TABLES PlugmatterBUTTONS IN PRICING TABLES

Page 9: Buttons in pricing tables

Plugmatter

- Making CTA buttons interactive makes them more clickable.

- Use mouse-over effects, transitions, etc. to help the CTA stand out.

PlugmatterBUTTONS IN PRICING TABLES

Interactivity

PlugmatterBUTTONS IN PRICING TABLES PlugmatterBUTTONS IN PRICING TABLES

Page 10: Buttons in pricing tables

Plugmatter

- Using icons and symbols in CTA buttons is another way to make it stand out.

- Consider using icons that emphasize the CTA’s action.

PlugmatterBUTTONS IN PRICING TABLES

Icons & Symbols

PlugmatterBUTTONS IN PRICING TABLES PlugmatterBUTTONS IN PRICING TABLES

Page 11: Buttons in pricing tables

Businesses Using & Customizing

Buttons in Pricing Tables

Page 12: Buttons in pricing tables

Plugmatter

- Uses a bright orange button set against a blue background.

- Contrasting colors, opposite on the color wheel.

- Buttons are also placed above the fold, making them more readily visible.

PlugmatterBUTTONS IN PRICING TABLES

Blueconic

PlugmatterBUTTONS IN PRICING TABLES PlugmatterBUTTONS IN PRICING TABLES

Page 13: Buttons in pricing tables

Plugmatter

- Uses unique, circular shaped button design on its pricing table.- The buttons are also colored red and set against a dark background helping it

pop.- The positive, benefit-oriented copy makes it that much better.

PlugmatterBUTTONS IN PRICING TABLES

Pagewiz

PlugmatterBUTTONS IN PRICING TABLES PlugmatterBUTTONS IN PRICING TABLES

Page 14: Buttons in pricing tables

Plugmatter

- Uses green buttons in its pricing table.

- The color is used only for the CTA and nowhere else.

- Actionable copy – ‘Choose’

PlugmatterBUTTONS IN PRICING TABLES

Instapage

PlugmatterBUTTONS IN PRICING TABLES PlugmatterBUTTONS IN PRICING TABLES

Page 15: Buttons in pricing tables

How Can Plugmatter Pricing Tables

Help You With Having Better CTA

Buttons?

Page 16: Buttons in pricing tables

ages in Pricing Tables

PlugmatterPlugmatter

- The PlugMatter Pricing Table Plugin lets you create conversion-oriented

pricing tables.

- Comes with 8 different templates with actionable CTA buttons.

- Create your own tables, or customize existing templates using CSS.

- Test a table’s performance with easy A/B testing.

BUTTONS IN PRICING TABLES

Benefits of Plugmatter Pricing Tables

PlugmatterBUTTONS IN PRICING TABLES PlugmatterBUTTONS IN PRICING TABLES

Page 17: Buttons in pricing tables

ages in Pricing Tables

PlugmatterBUTTONS IN PRICING TABLES PlugmatterPlugmatter

Try our Plugmatter Pricing Table plugin here –

@plugmatter