Free making products and price comparison tables
Free WordPress comparison table plug -in of Elements
Step 1: Select structure
Why use it to use Product comparison table?
The visual comparison of the main functions or advantages and disadvantages (very important for online stores, service websites, etc.)
fast fast Display the differences between each option (function, pricing, number of services among a member) Urges to choose more expensive options (by labeling them as \”the best discount\” or \” The most popular \”)
- If you work in Elementor or Gutenberg Search for free product comparison table WordPress plug -ins, please read it further.
- ELEMENTOR’s free WordPress comparison table plug -in
Free production and price comparison table
Stratum for Elementor is the best solution to add a product comparison table we can provide on Motopress.
Initially, Stratum was a free value -added library for more than 24 high -level components of Elementor:
Highlights:
24+ multi -purpose Elementor small components
General personal blog and large enterprise resources [123 123 ] Extension function in Stratum Pro
Advanced Design Tool Chain Elementor template library integration Visual style of the current theme inheritance
] It is completely compatible with other plug -ins
- The key element of the price table of the Stratum:
Stranger demonstration.
The free version of the plug -in allows most elements in this list, including price table components. This element is the same as the price table of Elementor Pro. But unlike the paid version, Stratum allows users to build a beautiful price table for free.
Multiple text parts (subtitles and unlimited table items
CTA button with height can be customized (With URL) Conventional and Hanging Style Settings
Please refer to: Stratum Small Components: Elementor Price Table Small Components
]
Now let us learn how to use stratum in the pricing plan in Elementor. [123 123 ]
但首先,请确保您安装并激活了Elementor 和Stratum 插件。
第1 步:选择结构
当When it comes to the price table, you usually choose a multi -row part first. The number of columns will depend on the comparative product/Service/Plan. The most common structure is the three lists with equal columns:
Step 2: Insert small components into your page
After selecting the layout, find the price table small component in the Stratum small component list. Now, you need to drag the small parts to each column: This small component has the default content to obtain a better visual representation:
[ 123] Step 3: Custom content
Content settings are the core of this small component. In the price table, you can place:
Title and subtitles Price text and price subtitle
Price value
currency and currency and currency and currency and currency and currency and currency and money Currency alignment
Price Description
Bybar Table (Unlimited)
Link to the page of the page All text content provides typography (fonts , Size, style, decoration, etc.) settings, can customize the height, spacing and word spacing.
- The list part allows you to insert unlimited functions. If necessary, all these can be supplemented with a single item icon.
- Step 4: Custom style
In style settings, you can make parts and parts of each text and The button adjusts the separate color:
Step 5: Use advanced settings Finally, use the \”Advanced\” options Card setting border and filling, application movement effects, selecting background, application border, etc.
By the way, you don’t need to edit each column separately, but copy the design of the entire component to the next column.
Make these columns the same in design that saves your time and energy.
Therefore, after some adjustments, your WordPress product comparison table may be as follows:
PS
users of Stratum Pro can Use high -level tables.
Below is the appearance of Stratum Table small parts on the website:
Read more information about this Advanced Table Elements component in the link.
The free WordPress comparison table plug -in of Gu Tengbao [123 ]
For the Gutenberg section, we will use GetWid -a free library containing more than 40 Gutenberg multi -purpose blocks.
Compared with the core GUTENBERG building blocks, GetWid elements are more advanced in terms of function and style. There are many unique blocks with custom functions: GetWid Highlights:
More than 40 multi -purpose blocks 35 + Pre -built -in template
Business block Each block editor with multiple settings Perfect interaction with any WP theme Intelligent configuration settings
Step video tutorial View the GetWid demonstration.
GetWid price box
In addition to the price table small components, getWid provides an almost the same price box for it for for it for for it for for it for for it for for it for used for it for used for it for for it for for for it for for it for for it. Show price and comparison table.
- Block settings include the content and style settings of the title. You can edit blocks in the real -time mode:
More information about the price box of Gu Tengbao.
GetWid Advanced Form Module
Use the next advanced table block, getWid can supplement the entire WordPress custom form plug -in.
To insert the block, go to the Gutenberg editor and click \”+\”. Find Advanced Table in the getWid block list and click to insert it. Select the number of rows and columns required. You can hold down
Ctrl
key Select multiple cells. Press
shift
Key selection range:
Now, turn to form settings and customize layout and content: Select form layout: default, automatic or fixed; [[[[[ 123] Keep or delete the default form frame; Insert the table of the tables and footnates;
Set the global background and text color (can apply the custom color to each cell per cell );
Selection level and vertical alignment method:
Select content alignment method; Custom text and background color;
Add and custom forms Border (optional);
is the selected cell application filling.
Complete!
The following is one of the many products that can be copied by getWid:
- The last sentence of the wordPress comparison table plug -in
Now you know how to create a comparison table for free in WordPress. As you can see, both Stratum and GetWid provide you with similar high -level features for free. These plugins have the simplest learning curve and visualized interface to ensure real -time customization.