MatchBox

Overview


The "MatchBox" allows your event website to embed Presdo Match, incorporating your own event site page header and footer.  When you run Presdo Match inside MatchBox, Presdo Match's own header is not displayed.  (You should still import an event logo so that Presdo Match shows properly in its mobile web app.)

Requirements

  • MatchBox is only compatible with Internet Explorer 8 or above, Google Chrome, Mozilla Firefox, and Apple Safari.
  • We recommend that your page enforces HTTPS since the Presdo Match pages enforce HTTPS. Please make sure you only have one url (HTTP or HTTPS) for the page hosting MatchBox. We cannot support links to two pages.
  • Your page must not run in Quirks mode (Most pages do not these days but if you see strange layout issues in IE with the MatchBox, you are probably running in Quirks mode.).
  • Your page must have a minimum width of 960px.

Setup

Before using MatchBox, please submit your request to Presdo with the URL of the page on your event site that is going to embed Presdo Match.

Usage

1. On the embedding page, paste the following code inside your HTML <head> tag
<script type="text/javascript" src="//match.presdo.com/match_box.js"></script>

2. Paste the following code to the HTML <body>
<div class="match-box" data-event="your-event-id">
  <a href="https://match.presdo.com/your-event-id">Presdo Match</a>
</div>

"your-event-id" is the part of your Presdo Match event URL without the https://match.presdo.com/ part.

Example

Your HTML should look like the following:

<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript" src="//match.presdo.com/match_box.js"></script>
...
</style>
</head>

<body>
  ...
  <div class="match-box" data-event="your-event-id">
    <a href="https://match.presdo.com/your-event-id">Presdo Match</a>
  </div>
  ...
</body>
</html>

Navigating to your Presdo Match Event

When navigating to your Presdo Match event instance or linking to the MatchBox on your event site, do not link to your own page containing the script and div tags.

Rather, continue to use and link to https://match.presdo.com/<your-event-id>.

Comments