How To Make Charts or Tables For Your Sales Page

Have you ever wanted to make a “table” or chart on a sales page? Recently, several clients were unsure of how to do this task and asked for help. As I showed them how we created charts or tables at iBloom, we discovered that plug-in is no longer available to download. So, I went searching for an alternative and found this versatile plug-in called TinyMCE Advanced.

Screen Shot 2015-06-17 at 9.14.22 AM

Below are the steps I use to make a simple table:

  1. Install Plug-in: TinyMCE Advanced
  2. Start a new page OR open the page that you would like to add a table to.
  3. On the dashboard side of a page or post Screen Shot 2015-06-12 at 4.34.55 PM
  4. Click this icon or Table:  Screen Shot 2015-06-12 at 4.35.14 PM

    OR Screen Shot 2015-06-12 at 4.35.05 PM

     Select how many rows and columns you want by clicking on the small squares

  5. Type what you want in each spot {notice they are squished together until they are typed in – yes you can choose to use graphics if you want} Screen Shot 2015-06-12 at 4.41.13 PM
  6. Next click “TEXT”: Screen Shot 2015-06-12 at 4.42.59 PM
  7. When using this code, the border will automatically be gray.
  8. If you don’t want the grid lines to show on the border, you will need to change the html code.
    1. Change the first line of this html code to: <table style=”border: 1px solid #ffffff;” border=”0″ cellspacing=”0″ cellpadding=”0″>
    2. For each line with, <td> add the following code: <td style=”border: 1px solid #ffffff;”>
    3. If you change the grid line colors, I recommend that you copy and paste the entire html code and save it into a document. It will be easier and quicker next time to make a similar table. {Personally I save ours into EverNote}
      Screen Shot 2015-06-12 at 4.38.09 PM
  9. This is what the “visual” looks like on the dashboard: Screen Shot 2015-06-12 at 4.45.06 PM
  10. BUT this is what it looks like on the post:Screen Shot 2015-06-17 at 9.32.16 AM
    {with gridlines}
    Screen Shot 2015-06-17 at 9.34.29 AM

    {without gridlines}

Share with me an example of a page that you have made a table!

Dawn Wilkerson

Dawn Wilkerson has a black belt in client care. She helps the iBloom Team and our customers not only get it together but also remember where we put it. From techie to tedious, whatever your crisis, Dawn specializes in the details and she will help you get it fixed (or find the person who can) so that YOU can get back to work.

Share Your Heart