• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer

Minima Designs

Online Business Strategy | Web Design Mentorship

  • ABOUT
  • PRAISE
  • WORK WITH ME
  • DESIGNERS
  • BLOG
  • SHOP
  • FREE
  • Contact
  • GET THE NUGGET

How to show rates, fees and schedules on your site

I often work with a lot of clients who need to show schedules, rates or options on their website. For ease of readability and maintenance, I like to place this data into a table.

My favorite way to do this in WordPress is to use a great free plugin named TablePress.

The flexibility of this plugin is incredible – you can dynamically add rows and columns, reorder data and even sort data. You can even easily add logos and links.

I use this technique a lot to show class schedules, to show rates and fees and to display any sort of data I want to show in a clean format.

See the finished product used on Justin’s site below:

rebalancedrates

How to Create a Table Using Tablepress

  1. Install and activate the plugin from the plugin directory
  2. Click TablePress on the left-hand menu of WordPress
  3. Click “Add New Table“
  4. Add a table name (name it something that makes sense to you)
  5. Choose how many rows and columns you want (don’t worry, you can change this later)
  6. Click Add Table
  7. Add your content in the table cells
  8. If you want a special header row, make sure to click the checkbox in front of “The first row of the table is the table header.”
  9. Click Save
  10. To insert the table into a page or blog post, edit a page or post. Then click the “table” button on the editor buttons.

Note: You can always go back into the table to edit it later. If you want to customize your table, you can use special CSS classes to modify elements like row or column color, cellpadding and border colors. This can be edited by going to TablePress > Plugin Options on the left-hand menu.

In Justin’s example, we made the table header row a red-orange color with white text to match his site color scheme by adding this CSS style:

th {
background: #ef4f4f !important;
color: #fff !important;
}

The beauty of using this plugin is that you can reuse tables all over your website instead of recreating content over and over. You can also duplicate a table — this is great if you have a monthly schedule that you want to recreate and make modifications without deleting the current month’s info.

Reader Interactions

Comments

  1. cynthia king says

    March 11, 2013 at 11:23 am

    Thanks Michelle! Super helpful.

    Reply
    • minima says

      March 11, 2013 at 11:37 am

      You’re welcome Cynthia! Let me know if there’s anything else you’d like me to cover!

      Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

FEATURED ARTICLES

Get your site ready for 2023 – free website checklist

Genius time management tips for real people

How to make modern business cards

Kajabi Pros and Cons Review (2023)

Three free tech tools to explain yourself faster

SEARCH THE SITE

business tips for web designers

get the minima guide to launching your website minima designs shop

Footer

MINIMA

  • Speaking
  • Contact
  • Affiliate Disclaimer
  • Terms + Conditions
  • Privacy Policy

OFFERINGS

  • Launch Brain
  • Minima Guide to Getting Paid Online
  • Minima Guide to Launching Your Site
  • Consulting
  • Shop
  • B-School
  • B-School Alumni
  • Time Genius
  • Facebook
  • Instagram
  • Pinterest
  • YouTube

Copyright © 2023 MINIMA DESIGNS

ALL RIGHTS RESERVED ยท Photos by MEOLA

7 FOOLPROOF WAYS to rise ABOVE THE NOISE.

GET YOUR free guide TO UP YOUR DIGITAL STRATEGY GAME AND GET NOTICED ONLINE.
GET YOUR GUIDE