Home > Real Time Editor

Real Time Editor

ARPrice is the only pricing table plugin worldwide to provide this type of state of the art Editor. Its a real user friend that any novice person too can create beautiful pricing tables and put on a page without having any programming knowledge.

The following picture shows you a basic view of the editor. A detailed explanation of each portion is explained in separate sections.

ARPrice - Real time Editor

There are lots of options for the template, columns and inner sections of the column, like colors, size, fonts, etc.

As you can see in the picture there are options in the right corner. Each of these is described in detail in separate sections.

Template Width

You can set the width of your template in pixels according to your requirements from the right corner. It will be applied to your template Right away.

You will able to see a line at our real-time editor which will wrap your template according to given width.

Several columns in a row will be arranged according to the template width you have set.

For Example, If you set width 1000px and column width set 200px then you will have 5 columns in a row.

Custom Colors

Please visit the Custom Color Options page to get more detail on the unlimited colors facility.


Other basic facilities are also there which are following with basic description

  • Editable Template Title :

    You can see in the left top ARPrice gives the default template title which can be edited.

  • Save :

    At the top right corner first icon is to save your template.

  • Preview :

    At the top right corner second icon is to get a preview of the template before saving customization of the template. You can get more about this feature at Pricing Table Preview.

  • Cancel/Close :

    At last, there is a basic close/cancel icon to get out of the template editor and go back to ARPrice home.


Added Invalid/Broken HTML?

While you are adding/changing content at any section of any column in the pricing table, if your content has invalid HTML structure then you will get alert at there when you come out from textarea with two action buttons of either fixing the content or to ignore it.

So if you want to fix content then click on the Fix button, it will fix your content of textarea.