Use HTML Snippets to link your event information to your website.

Introduction

If you have your own event Web site built with WordPress, Drupal, Joomla, or any other kind of HTML platform, you can publish several lists of data directly in one or many of your pages by using one of the Grenadine HTML snippets shown below. Simply copy and paste the appropriate code and insert it in your page in the exact area where you want the data to appear. Make sure to use the “source code” view of the page editor in your web site system so that HTML code is inserted correctly. All data published using a Grenadine HTML snippet will always be up-to-date and immediately accessible to your audience as soon as you publish your data from this planner using the “Publish” menu.

Grenadine Event Manager -> Website ->HTML Snippets

HTML Snippets are used to publish event information from Grenadine Event Manager onto your own website.

Publish your Event Schedule (iframe).

        <img src="images/publish_your_event_schedule1.jpg"> 

To publish your event schedule copy and paste the link in this section onto your event website. It will appear as shown below.


<iframe src="https://sites.staging.grenadine.co/sites/demo/en/staircase_conference/schedule-embed" width="100%" height="200" frameborder="1" scrolling="yes"></iframe>

<script src="https://sites.staging.grenadine.co/sites/javascripts/iframeResizer.min.js"></script>
<script type="text/javascript">
  iFrameResize({autoResize : true, checkOrigin : false});
</script>

Info and parameters: view-type: You can choose between one of three different view types for your schedule. If no view is set, the default is card. The available options are card, list, and grid. All views can be previewed on your Grenadine public website.

Publish Your Participants List (iframe)

To publish this list of event participants (speakers, moderators, etc.) copy and paste the link in this section onto your event website. It will appear as shown below.

Sell Your Tickets

Sell tickets directly from your event website by copying the link shown in this section. It will appear as shown below.

<iframe src="https://sites.staging.grenadine.co/sites/demo/en/staircase_conference/register/embed" width="100%" frameborder="0" scrolling="no"></iframe>

<script src="https://sites.staging.grenadine.co/sites/javascripts/iframeResizer.min.js"></script>
<script type="text/javascript">
  iFrameResize({autoResize : true, checkOrigin : false});
</script>

Register Now Button

To allow for easy registration add the “Register Now” button to direct potential attendees to exactly where they need to go.

<div><a href="https://sites.staging.grenadine.co/sites/demo/en/staircase_conference/register" target="_blank"><img src="https://sites.staging.grenadine.co/sites/assets/register-now-en.png" style="width: 250px; height: auto;" alt="Register Now" /></a></div>

Scrolling Event Timeline

Display a scrolling timeline of your event on large screens during your event.

https://sites.staging.grenadine.co/sites/demo/en/staircase_conference/items/current_schedule

Info and Parameters: scroll-duration: Represents the time it takes (in seconds) to scroll from the top of the page to the bottom. The accepted format is a whole number greater than 0. If not set, the default is 40 seconds. number-of-hours: Starting from the current time or the set date and time, this determines how many hours to display. The accepted format is a whole number greater than 0. If you set this, you must also set the scroll-duration. If not set, the default is 3 hours. date-and-time: The date and time to display, for testing purposes. The accepted format is YYYY-MM-DD HH:MM and accepts values in 12h format followed by AM/PM, or 24h format. If you specify the date and time, you must also specify the scroll-duration and number-of-hours. If not set, the default is the current time.

Tags: