How to set up the Ticket Software, "Ticket of the Rainbow-Link"®, in your webpage(s)

You can set up this Software as a Service by copying "Ticket Publishing Tag" on this page and pasting it in your webpage(s).

How to run

This software displays "Discount Code" and "IP-Address" automatically at a stable place of ticket.

about ticket   about ticket

▼ Countdown-style number of sheets-limited ticket

about ticket

▼ If you'd like to make it disappear completely, you should use the BLACK-colored page-background like below. ( READ MORE )

disappeared IP-Address

Ticket Publishing Tag

You can set up this "Ticket Publishing Tag" by copying & pasting in your webpage (s).

  • ▼ Ticket Publishing Tag ( for PC, Mac, iPad, Tablets )
<div class="ticket">
<iframe src="URL of your ticket ( for PC, Mac, iPad, Tablets )" class="ticket"></iframe>
</div>
  • ▼ Ticket Publishing Tag ( for mobile )
<div class="ticketm">
<iframe src="URL of your ticket ( for mobile )" class="ticketm"></iframe>
</div>

By using this "Ticket Publishing Tag", you can publish your tickets for all browsers below.

You can set up the "Ticket Publishing Tag" in many pages.

  • The Access Log of the pages that you set the "Ticket Publishing Tag" is automatically collected.
  • You can see the Analisys of the Access Log.

The list of used tickets is made automatically.

  • You can download the list as a CSV file ( Exsel file).
  • The tickets that this software creates is not depend on any javascript or cookie, so you can publish tickets to visitors that javascript-off or cookie-off.

Design of your Ticket

You can desing your ticket by copying design-tag below and pasting it in your webpage (s).

  • ▼ Ticket Design Tag ( for PC, Mac, iPad, Tablets )
<style>
div.ticket {
width: 430px;
height: 320px;
margin-top: 0.5em;
margin-left: 0.5em;
margin-right: 0.4em;
margin-bottom: 0.1em;
padding: 0.1%;
line-height: 1.4;
text-align: center;
display: inline;
position: relative;
border: none;
}
iframe.ticket {
width: 410px;
height:300px;
margin-top: 0.5em;
margin-left: 0.5em;
margin-right: 1em;
margin-bottom: 0.1em;
border: none;
overflow:auto;
background-image: url("URL of the background image ( for PC, Mac, iPad, Tablets )");
background-repeat:no-repeat;
}
</style>
  • ▼ Ticket Design Tag ( for mobile )
<style>
div.ticketm {
width: 230px;
height: 295px;
margin-top: 0.5em;
margin-left: 0.5em;
margin-right: 0.4em;
margin-bottom: 0.1em;
padding: 0.1%;
line-height: 1.4;
text-align: center;
display: inline;
position: relative;
border: none;
}
iframe.ticketm {
width: 220px;
height: 295px;
margin-top: 0.5em;
margin-left: 0.5em;
margin-right: 1em;
margin-bottom: 0.1em;
border: none;
overflow:auto;
background-image: url("URL of the background image( for mobile )");
background-repeat:no-repeat;
}
</style>
  • The default of the "URL of the background image" is
    • for PC, Mac, iPad, Tablets: http://your.domain.com/ticket_defualt.png
    • for mobile: http://your.domain.com/ticket_defualt_mobile.png
  • You can create new background image of your ticket and modify the "URL of the background image" anytime ( →How to change a background image of ticket ).

You can create your unique ticket design ( It's used as a "background-image" in your Ticket Design Tag ).

You need to set up your time and date on your Rainbow-Link Control Panel in order to display date and time correctly.

  • ▼ See screenshot

Rainbow-Link Control Panel