North Carolina Event Widget

Learn More

VisitNC’s Event widget let’s you add your VisitNC.com events (and now your local events too) to your own website.

Here’s how to get started.


Get an Event Key

You’ll need to request a special Event Key from Visit North Carolina to activate your widget. This key is unique to you and tells your widget to display events specific to your area. You’ll need to contact Kathy Prickett at Visit North Carolina to obtain this key.

Here’s an example: 523b3182-cc20-4d5c-b42f-029bc0a86444

Create Your First Widget

With Event Key in hand, the next step will be to visit our Widget Configuration page.

http://events.visitnc.com/configure-widget

The configuration page lets you create a widget specific to your needs. You can make choices about how your widget will look and which tab will display by default. Here are a few decisions you will make:

  1. Default Tab: Choose between Upcoming Events, Calendar or Find.
  2. Widget Width: Set the width of the widget in pixels (px) or as percentage (%).
  3. Widget Height. Set the height of the widget in pixels (px).

You’ll see the widget update in realtime based on the selections you make.

Using the Widget

Once you are satisfied with the selections you have made, you are ready to add the widget to your website. Click on the Embed tab to leave the Preview. You will now see specially generated widget code that you will add to your website. Copy the the embed code, add it to your site’s HTML template markup and view the results.

Special Note: You may find that you will need to make adjustments to the width and height to get your widget fitting just right. Repeat steps 2 and 3 until you achieve the results you desire.

Style Your Widget (optional)

For those of you with CSS experience, you can style the widget as much or as little as you would like. Just add your style sheet’s URL to the configuration. When the widget loads, it will reference your CSS and display using the styles you define.