Joined, the price and the button as one thing
Under the name is a single bar: an outlined box with the price, and the button attached directly to its right edge. What it costs and how to buy it are read as one. Pro
Why join them
The eye has to travel from the price to the button on most cards. Here it does not, as they are touching, and the card says one clear thing. It reads as firm and practical, and it suits furniture, tools, homeware and any shop that wants to look straightforward about what things cost.
Width and sale prices
The button keeps its words on one line, and the price takes what is left. A sale price wraps inside its box when it has to, with the old price above the new one, rather than pushing the button out of the card. On very narrow cards, try fewer in view, as the bar needs some room.
Theme buttons with round corners
The bar looks best with square or slightly rounded buttons, since the price box joins it on a straight edge. If your theme's buttons are fully round, the join will look odd where the two meet. That is worth looking at in your theme before you settle on this one.
Questions
Where is the name?
On its own line above the bar, cut with an ellipsis if it is long.
Are the bars in line along a row?
Yes. The cards are one height, and the bars sit at the same place on each.
Sample products throughout. Pro starts at $19 a year.
Get the free plugin










