Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Contact Us
  • Home
  • Components

Events

Written by Edi Sipkas

Updated at June 19th, 2025

Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Components
  • Editing Your WineDirect Template
  • General Pages
  • Kiosk Tags
  • Payment Gateway 1 1
  • Reports
    Allocation Reports Club Member Reports Compliance/Shipping Reports Contacts Reports Financial Reports Marketing Reports Product Reports Sales Reports
  • Dashboard
  • Store 1
    Allocations Gift Cards 1 Gifting Inventory Orders Products Promos - Promo Builder Shipping State Profile Wine Clubs WineDirect Marketplace
  • Webservices 2.0
+ More

Table of Contents

Adding An Event Duplicate Event Event Call Outs BLOCK-STYLE CALENDAR EXAMPLE LIST STYLE CALENDAR EXAMPLE

WineDirect ecommerce offers two different calendars available: Block Style and List Style. A block calendar looks like a traditional calendar you'd hang on your wall; great if you have multiple events. A list calendar shows more of a text view of each Event listed above one another. You can choose which one you like best, and you can change the style at any time, maybe even have both on your site.


Adding An Event Calendar:

Before adding events to your website, you must set up an Event Calendar. You must navigate to the Content Editor and Events to create and manage your calendars. 

To add a new calendar:

 1. Navigate to Content Editor > Components sub-tab.

 2. Click on Events.

 3. On the right side panel under Event Properties, click on Manage Event Calendars.

 4. Click on the green Add an Event Calendar button.

 5. In the Calendar field, give your calendar a title.

 6. The Description field can be left blank as it does not appear on the website.

 7. From the Layout tab, you will select which calendar style you wish to use: Event List or Block Style Calendar.

 8. The Order field refers to the calendar's order in the admin panel.



Adding An Event

Once you have your event calendar set up, you can add events. The information you enter for your Event will automatically populate your event calendar.  

To add a new event:

 1. Content Editor > Components sub tab > Events.

 2. On the right side panel under Event Properties, click on Manage Events.

 3. Click on the green Add an Event button.

 4. In the Event Title field, give your Event a name.

 5. CalendIn the ar Title field, associate the Event to a calendar you have already.

 6. Fill out the event time frame in the From Date and To Date fields.

 7. Fill out the Event's beginning time and ending time.

 8. Contact, Phone, and Email are optional to fill out, but it is best to provide as much information as possible to potential attendees.

 9. Click the Active box to make the Event active on the calendar.

10. Under the Calendars section, choose Block Calendar or List of Events, or you can Add New and Save.



Duplicate Event

You can create a new event by copying an existing event using Duplicate. 

Start by opening the Event you would like to copy and select Duplicate. A new event will be created with all the information copied. The Event Name will have "Copy" added to it. 

 New Promos created using Duplicate will be set to Inactive to start; please activate the Event once you are happy with the settings.



Event Call Outs

The event callout option allows you to create various font colors to highlight events. The website designer must set up callouts and modified in the website CSS. Block and List style calendars render event callouts differently.

To add an Event Callout:

 1. Content Editor > Components sub tab > Events.

 2. On the right side panel under Event Properties, click on Manage Event Callouts.

 3. Click on the green Add an Event Callout button.

 4. Fill out the Event Callout field.

 5. Fill out the Code field and click Save.

Call Out This is the name of the callout, as it appears in the drop-down menu when creating a new event. These names are only seen internally and are not reflected on the website.
Code The designer will use this code to apply callout styling to your website. Please Note: Modifying this code will break the call out. This should only be modified if the CSS has been updated to match.
 Do not remove or change the Event call out 'Code' unless this update has been made in the website CSS. Removing this code will prevent your callout from displaying on the website.

Event Call outs must be created and styled by your website designer. A certified designer can also handle this as a project. Please note design fees will apply. 



BLOCK-STYLE CALENDAR EXAMPLE

The background and link (font) color will vary from your default calendar events in the following block-style calendar example. In this example, the default event, 'General Event,' has no background and blue link color. All other events have a separate Event callout applied to them.

Please Note: The Background color is not editable, only the link color.



LIST STYLE CALENDAR EXAMPLE

In the following list-style calendar example, the background color and link (font) color will vary from your default calendar events. In this example, the default event, 'General Event,' has no background and blue link color. All other events have a separate Event callout applied to them.

Please Note: The Background color is not editable, only the link color.


Was this article helpful?

Yes
No
Give feedback about this article

Related Articles

  • Form Builder
  • Business Locator
  • Business Categories
  • Photo Gallery
  • Recipes
WineDirect Logo info@winedirect.com 800 819 0325

Products

  • Online Store
  • Tasting Room
  • Wine Club
  • Fulfillment
  • What's New

Learn

  • Documentation
  • Content Hub

Resources

  • Pricing
  • App Integrations
  • Terms & Conditions
  • Privacy Policy
  • Status Page
  • WineDirect Partner Center

Connect

  • About Us
  • Contact Us
  • Careers
  • Events
instagram icon Facebook WineDirect Twitter (X) Logo LinkedIn WineDirect Vimeo WineDirect
All Rights Reserved 2024 © WineDirect
Expand