Add/Edit Events

The WSB website – business.wisc.edu – utilizes a WordPress calendar plugin to handle all of our public/marketed events.

This plugin allows us to display all WSB events in one place – business.wisc.edu/events – and to dynamically pull upcoming, categorized events onto relevant pages across our site. 

Examples: Alumni Events page, Weinert Center Events page, FTMBA Events page

Training and Access

You must receive training from the web team before you will be granted access to edit calendar events.

To request event training, please email webteam@wsb.wisc.edu with your request and the following:

• Your first and last name
• Your netID (note – this is not a staff/student ID number)
• Your status (student employee, staff, or faculty)
• Which dept/program you work for

Login to WordPress

1. Go to business.wisc.edu/wp-admin (bookmark this page for easy access).
2. Click "Sign in with your Net ID" button. Login using Duo.
   1. Typing in your Net ID with the associated password will not work on this login page.

Add a New Event

• Navigate to Events in the left menu.
  • If you don't see Events, you will need to request access from the web team.
• Click Add New (see the two locations for this button in the screenshot below)

Title

Add the name of your event.

Date and Time

Click on the date and time to see the calendar options appear.

This is also where you can indicate that an event will be recurring.

• If you select this option, then decide you don't want it to be a recurring event, you will have to delete the event and start over.

Description

Add a description to your event by typing (or pasting in your content) where it says "Type / to choose a block"

• You can bold or italicize text.
• Add multiple paragraphs as needed.
• If it is a virtual event, consider adding "This is a virtual event." to the description if "virtual" isn't in the event name.
• If no registration is required for an event, you may want to add "Registration is not required." or a similar message.

Short event description example: 

Join the admissions team for an informative chat/webinar series designed to familiarize you with the admissions process, and provide guidance on how to produce a competitive application. This is a virtual event. 

Long event descriptions:

See the example event for layout and styling reference. You must be logged in to WP to view this private event.

     Headings (recommended)

• If the description is long or has more than two sections, you should add headings to make it more accessible and easier to scan.
  • There are two ways to add a heading:
    • Add a new line beneath a paragraph (hit enter key) and where it says "Type / to choose a block" type /heading and select it
    • Or click the plus button and type "heading"
  • Select the heading size (H3, H4, H5, or H6)
    • Make sure to nest your headings in an organized way, like you would for an outline:
      • • Heading 1 (event title only - this is formatted for you)
          • Heading 2 (date and time only - this is formatted for you)
            • Heading 3
              • Heading 4 (subsection of Heading 3)
              • Heading 4 (subsection of Heading 3)
            • Heading 3 (e.g. About the Speaker)

     Separator Line (aka: Horizontal Rule - optional)

• You can add a line between sections by adding a separator block. 
  • Click the plus button and type "separator". Select the option that appears.
  • This can be moved up or down the page with the up and down arrows in the toolbar.

     Supporting Images (optional)

     These instructions are for adding supporting images within your event description (such as a speaker headshot). If you want to add a featured image, please see those instructions below.

• Supporting image dimensions will vary. You should upload the original image (max size 2400px wide) so it will be high quality. See image editing instructions below to learn how to resize an image that is too large or needs to be cropped.
• WordPress creates different sizes of every image you upload and allows you to crop the image or resize it as necessary. 
• Adding/Selecting an Image 

• • Click the button with a plus sign and type "image" to search for the image block and select it. (Or hit the enter key to start a new line and type "/image" and select the option that pops up.) 
    • Select "Media Library"
      • If you or a team member already uploaded the image to the WP media library, search for and select the image. 
        • Tip: When searching the media library, be sure to select "All Files" on the left side before you search so that WordPress looks through the entire media library. Alternatively, if you know which folder the image is in, you can drill down through the path of image folders to get to your image.
        • Make sure the image has alt text describing what is in the photo, including all text, to meet accessibility requirements.
      • Otherwise, click the Upload Files tab to add your image to the correct media library folder.
        
        • Under Choose Folder, click on "Uncategorized". In the dropdown, look for "Calendar Events" folder and then select your dept/program folder below it.
          • Tip: before selecting the Upload Files tab, find the folder you need to add images to in the Media Library tab and select it. When you navigate to the Upload Files tab, your folder will be selected for you.
        • Drag and drop the image from your computer or click "Select Files" and find your image on your computer.
      • Once the image has loaded, you must add alt text describing what is in the image. This is an accessibility requirement for every image that provides readers important context (especially images that have text in them). All text in an image must be typed out in the alt text field. If the image is purely decorative, you can leave the alt text blank.
      • You can also add a caption if you like.
        • Tip: Adding the caption to the image in the media library means it will display under the image every time it is used. If you might use the image multiple times and don't always want the caption displayed, you will need to add it to the image block in the event editor instead. 
• Editing an Image
  • Click on the image block to see editing options.
    • Above the image you can:
      • move the image to a higher or lower position on the page (use the up or down arrow; you can also grab the six dots and drag the block up or down)
      • choose an alignment option (only use align left, align center, or align right) -- click the three horizontal lines (with the middle one being thicker than the others) in the toolbar to choose your image alignment.
        • 

• • • • add a hyperlink to the image
      • crop the image
    • On the right side of the screen you can:
      • add alt text (remember this is required for every image)
      • edit the image size (select a predetermined size created by WordPress or reduce the size)
        • Never make an image larger than its original size. This will make it blurry or pixelated.
        • Make sure you don't stretch or squash the image. You can adjust height and width but must keep their proportions the same. If you need the proportions to be different, you have to crop the image. (see above)
    • Below the image you can add an optional caption. (This is the recommended location for adding a caption, if you would like one displayed.)
• Deleting an Image
  • Use one of the following methods:
    • From a blog post, click on an image block and click "replace" if you already have an image added to the block. From there, find the image to delete and click "Delete permanently" (this will be under the image on the right side of the screen).
    • Go to the WP login dashboard and click Media in the left side menu. Find your image by searching or going through the folders and hover over it. Click "Delete permanently".

Price (optional)

Enter the cost for attending the event.

Organizer

Start typing in the name of your group/dept., look for an existing entry to appear, and select it. Don't create a duplicate entry. 

Existing organizer options:

• Center for Professional and Executive Development
• MBA Admissions
• Master's Program Admissions Team
• Alumni Relations
• Undergraduate Admissions Team
• Undergraduate Careers
• Undergraduate Student Life
• Global Programs
• James A. Graaskamp Center for Real Estate

You can add a new organizer if yours is not in the list.

Location/Venue

Only use with in-person events.

Start typing in the name of your venue, look for an existing venue to appear, and select it. Don't create a duplicate entry.

Venue options:

• Executive Dining Room
• Fluno Center
• Grainger Hall
• The Plenary Room
• Gordon Dining and Event Center
• Career Engagement Studio

You can add a new venue if yours is not in the list.

Event Website Button (recommended if applicable)

You can add one call-to-action button to your event page. You will need to add the copy to display on the button and your event URL/link.

• Make sure the copy on the button gives users a clear idea of what happens when they click it.
  • Registration buttons should say Register for this event or Register now
  • Virtual events with no registration can have buttons that say Join us on Zoom (or whatever platform you are using for the event)
• Button copy should be sentence case (only the first word and important/proper nouns are capitalized)
• You can move the button higher up on the page if desired
  • First click on the button and then use the up and down arrows in the toolbar to move it.

Event Sharing (Calendar Export) Buttons (optional)

These are automatically added to all events, but can be removed if you like. These cannot be edited.

To remove

Related Events

Make sure this block stays at the very bottom of the event editor.

This block can be removed if desired.

Right Side Menu Options

Tags

Do not use any tags. Use only categories.

Categories (required)

Categories are what pull specific events onto different pages across our website.

• If an event doesn't have a category, it will only appear in the main event calendar listing. 
• New categories are not automatically set up to pull to a specific web page. Please reach out to the web team if you have questions about which pages show which types of events.
• You can choose multiple categories for a single event.
• Some categories are nested within a specific program. For instance, BBA program has a leadership events category. If your program has leadership events and you would like a category for those, you will need to create a new category nested beneath your program/dept. category. Please reach out to the web team if you need help adding categories for your events.

Find category editing in the right hand menu.

• First click on the Event tab under the Preview button
• Scroll down the right menu until you see Event Categories. Click the caret to open the section. 
• Check the list for your category before adding it so you don't duplicate an entry.

Some existing category options:

• FTMBA
• ExMBA
• PMBA
• Undergraduate
  • Admissions
  • Leadership
  • Study Abroad
  • Recruit & Hire
• Master's Programs
  • MSBA
  • MA
  • MSRE
  • MSSCM
• Alumni
  • Networking
  • Career Development
• Nicholas Center
• Hawk Center

Featured Image (optional)

Add a high-quality image to display at the top of your event page. 

Featured image dimensions: 1200px wide x 450px tall (this image size is only for featured images for events)

• Be sure to check your image in a preview window to make sure it looks good.
• Images must have alt text – this is a requirement for accessibility.
  • Alt text should include a brief description of what is in the image
  • If the image has text in it, alt text must include all of that text for accessibility (someone using a screenreader needs to be able to access the text in the image – alt text is the only way to do that).

Edit Existing Events

Similar to creating an event, navigate to Events and choose yours from the list or use the search to find it.