Using Comparison Table smart CSV to HTML converter

 

In another tutorial, we explained how the Comparison Table Plugin enables you to convert a CSV file into an HTML table. But our CSV uploader is even smarter than you think 🤓.

Let's assume, this is how you want your table to look like:

As you see, in addition to plain texts, the table contains features that are available in Compare Ninja's comparison tables editor such as links, images, rating, and buttons.

If you don't want to set them manually, our smart CSV uploader allows you to use the following smart tags in order to save you some manual work:

Feature:

Smart tag: {type=feature|value=EXISTS} 

Parameters:

• EXISTS: Replace with "yes" (for checkmark), "no" (for x), or "partial".

Links:

Smart tag: {type=link|url=LINK_URL|text=LINK_TEXT} 

Parameters: 

• LINK_URL: Replace with a URL you want the link to open.
• LINK_TEXT: Replace with the text you want the link to contain.

Images:

Smart tag: {type=image|src=URL_TO_IMAGE|alt=ALTERNATE_TEXT}

Parameters:

• URL_TO_IMAGE: Replace with a url for an image.  

Rating:

Smart tag: {type=rating|value=NUMBER}

Parameters: 

• NUMBER: Replace with a number - 1 to 5, this will be used for the rating stars component.

Buttons:

Smart tag: {type=button|url=BUTTON_LINK|text=BUTTON_TEXT} 

Parameters: 

• BUTTON_LINK: Replace with a URL you want the button to open.
• BUTTON_TEXT: Replace with the text you want the button to contain.

To use the smart tags, just put them in the relevant cells before exporting your CSV file.

Here's a CSV file sample with smart tags that will generate the table example above:

Download sample CSV here.

---

Thoughts? Comments? Missing features?

Let us know!