How to Do a Price List Table in WordPress

Written by dan lecocq
  • Share
  • Tweet
  • Share
  • Pin
  • Email
How to Do a Price List Table in WordPress
(Ryan McVay/Photodisc/Getty Images)

When adding a price list table to your WordPress blog, you have a couple of options with varying difficulty. The HTML editor is available to add a post or page, and write the table using only a few simple skills. Alternately, use a plugin with WordPress blogs to make the process easier. Plugins even help you import price list data you might already have.

Skill level:
Moderate

Other People Are Reading

Instructions

  1. 1

    Determine your tool. The freely plugin, WP-Table Reloaded, helps you create tables that are searchable and sortable by ID number, price, description or any other column your price list has. It also helps you import existing data, which is especially helpful if you already have a spreadsheet that contains your price list.

  2. 2

    Go to the "Plugins > Add New" section of your WordPress dashboard and search for "WP-Table Reloaded." Activate it by clicking on "Activate Plugin," or by using the "Plugins > Plugins" section of the Dashboard.

  3. 3

    Access WP-Table Reloaded from the "Tools" section to upload your spreadsheet, or begin a new table. The plugin supports CSV (comma-separated values), XML and HTML file formats, which most spreadsheet applications support (including Google Docs, Excel and Numbers for Mac). Alternatively, tell the plugin how many columns and rows you need in your price list, and it provides space for you to fill in information in a spreadsheet format.

  4. 4

    Save your table and make note of the ID number associated with the table. Add or edit a post or page, and determine where you want the table to appear. Then use the "HTML" tab of the editor and write " [table id=ID /]," replacing "ID" with the ID of the table you created. Save the post or page and view it to enjoy your handiwork.

  1. 1

    Download the Easy Table Creator, another free WordPress plugin. Although it does not help you import a spreadsheet or make a table searchable, it is simpler to use. You don't need to create the table in a separate page and then add a reference to it as you do with WP-Table Reloaded.

  2. 2

    Install the plugin by searching for "Easy Table Creator" from the "Plugins > Add New" section of your WordPress Dashboard, and clicking "install." Activate it by clicking on "Activate Plugin," or by using the "Plugins > Plugins" section of the Dashboard.

  3. 3

    Add or edit a post or page and add your table using the "Visual" tab in the editor. Click on the "Easy Table Creator" button in the toolbar of the editor to pop up the tool. Using this spreadsheet view, add all the information for your price list, adding columns and rows as needed. Click "Insert," save your page or post, and view it to see the results.

  1. 1

    Make your table from scratch with HTML tags. It is more time-consuming than the other approaches, and is not as conducive to being searched or sorted by users, but it does not require installing any WordPress plugins. First, add or edit a post or page, making sure to use the "HTML" tab of the editor. If you are not used to using the HTML editor, you will see "tags" in addition to your text, surrounded by "<" and ">". Find where you would like your table, and begin your table by typing "<table>".

  2. 2

    List each of the columns in your price list, between the "<th>" and "</th>" tags, with the whole list surrounded by "<tr>" and "</tr>". The "tr" in the tag stands for "table row," and the "th" in the tag stands for "table header," indicating that the text between them will be the header to a column of data in your table. For example, you might list your columns : "<tr><th>Product ID</th><th>Product Name</th><th>Price</th><th>Shipping Weight</th></tr>".

  3. 3

    List each product in your price list. For every item in your price list, list it on its own line, surrounded by the "<tr>" and "</tr>" tags, and filling in the columns surrounded by the "<td>" and "</td>" tags. For example, if you're selling a "Widget" with ID number "1234" that weighs 3.18kg., you list it: "<tr><td>1234</td><td>Widget</td><td>7</td><td>0lbs</td></tr>". Each pair of "td" tags is associated with a column you listed in the previous step, so ensure that they obey the same order.

  4. 4

    Once you've listed every product in your price list, finish the table by adding the "</table>" tag. This indicates that the contents of the table has been completely specified.

Tips and warnings

  • Save your data frequently.

Don't Miss

Filter:
  • All types
  • Articles
  • Slideshows
  • Videos
Sort:
  • Most relevant
  • Most popular
  • Most recent

No articles available

No slideshows available

No videos available

By using the eHow.co.uk site, you consent to the use of cookies. For more information, please see our Cookie policy.