--- title: "Events" slug: "events" updated: 2023-03-29T14:57:06Z published: 2023-03-29T14:57:06Z canonical: "docs.winedirect.com/events" --- > ## Documentation Index > Fetch the complete documentation index at: https://docs.winedirect.com/llms.txt > Use this file to discover all available pages before exploring further. # Events 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. --- [](https://documentation.vin65.com/Content-Editor/Events)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. ![](https://documentation.vin65.com/assets/client/Image/Content%20Editor/Events/AddingEventCalendar.PNG) --- ## [](https://documentation.vin65.com/Content-Editor/Events)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. ![](https://documentation.vin65.com/assets/client/Image/Content%20Editor/Events/AddingAnEvent.PNG) **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**. --- ## [](https://documentation.vin65.com/Content-Editor/Events)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. ![](https://documentation.vin65.com/assets/client/Image/Content%20Editor/Events/Event-duplicate.png)  New Promos created using **Duplicate** will be set to **Inactive** to start; please activate the Event once you are happy with the settings. --- ## [](https://documentation.vin65.com/Content-Editor/Events)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.* ![](https://documentation.vin65.com/assets/client/Image/Content%20Editor/Events/Event_Callout_BlockStyle.jpg) --- #### **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.* ![](https://documentation.vin65.com/assets/client/Image/Content%20Editor/Events/Event_Callout_ListStyle.jpg)