Price Box Details

Now, let’s move on to the details.

Heading & Sub-heading

A title holds great importance for your content. Therefore, you must put something that grabs the attention of the visitors. For a price box, you need to put direct titles such as product names or service plans’ names. As for its customization, go to Style Tab> Header. There, you can change the color and typography of the title and sub-heading.

Price Tag

Next, let’s talk about the price tag. The Pristabell widget has an interesting setting for this part.

Like all the price labels on the market, you can change the pricing from the Prissättning section. The fun part is, you can choose any currency label from the Currency Symbol alternativ.

Again, if you click on the Switcher Sale, it will bring up another price field Original Price. Here, you can put the original price of your product with a crossed-out style. Generally speaking, you can use this to show discounted products or offers.

And Lastly, you can customize your price tag from the Style tab> Pricing. As shown above, try to leave the background color separate from the rest. Doing this will highlight the price tag to the viewers.

Features of Your Product/Service on the Price Box

Gå till Content Tab> Features

For starters, the features section holds the key to understand what things your offer includes. Though it’s not a briefly detailed part, it gives a quick view of the contents. Hence, for this part, use direct words and be specific.

Let’s talk about customization. As you can see, this section has a bunch of repeaters. You can add more or remove them also. Each repeater has two option sets, one as Normal Text, the other as Tooltip Text. For the normal text, you have options to choose a logo, logo color, and title. In most cases, you can ignore the tooltip option.

Now, let’s change the outlook of this part. In this case, go to Style Tab> Features. There, you will find the options shown above. We are, in fact, maintaining a single color for the whole price box. Again, the price tag is the only part highlighted.

However, you can change the color, typography, borderline width och weight, och gap from this part. Moreover, there is an option to change the alignment of the texts. But, you may want to keep it in the middle of this style.

Footer of Your Price Box

We are very close to the finishing part. Regardless of what type your price box is, you need to add the footer. Let’s see how to make one.

Den Content Tab of the Price Table widget has a section named Sidfot. Basically, the footer area has a call-out button and an additional text box. From the settings, you can see two switchers named Enkel integration av digitala nedladdningar och Add Custom Attributes. You can use the first one to link EDD to your button. As for the second one, you can learn about it här.

However, you can change the look of the footer from the Sidfot avsnittet i Fliken Stil. In fact, you can make the button round using the Radie för kantlinje option. You can change the background and foreground color of the footer here. Also, you can add a hover effect and a box shadow to the button.

Ribbon

People often use Ribbon on their price box to show features or new offers. It is nothing but a mark that highlights a specific product. Let us show you how you can use it.

På den Content Tab, the last section is Ribbon. There is a switcher at the top of the section. You need to turn it on to make the ribbon appear. However, you can edit the title, change the position of it from Alignment & Horizontal/Verticle Position. Also, you can rotate the ribbon as you like.

Now, to change the outlook of the ribbon, go to Style Tab> Ribbon. Surely as the image above, you can easily design this by changing its color, border-radius, typography, and box shadow.

Have a Look at The Complete Price Box

Congratulations and thanks for keeping patients up to this moment. Look at the stunning price boxes you made with us. With the example above, you can easily create such boxes for your eCommerce websites.

One more thing, you can also add your custom backgrounds to these price boxes. It’s easy to create. It’s attractive. Also, it’s fun. Thanks for reading this blog. Have a great day!