Special thanks to getDigital for the Product Images.

Awesome Star Wars Cup

(img via getDigital.de)

Star Trek Bottle Opener

(img via getDigital.de)

Companion Cube ♥

(img via getDigital.de)

Raspberry Pi

(img via getDigital.de)

Hello World Baby Body

(img via getDigital.de)

Standard IT Response

(img via getDigital.de)

Go to the HTML Tab

You can change the Text inside each of the product flags by changing the value of data-tagname. The Color is controlled via data-id and the CSS (see line 81 and folowing).

Step by Step

I wrote an article on my Blog about the idea behind those product flags, why they're set up with data-attributes and how they work.

You can read the aricle here.