Managing Vacation Notices

This guide serves as your comprehensive resource for crafting effective vacation notices. Learn how to create personalized notices that align with your preferences and complement your business’s branding. These notices will be prominently displayed on your website when you temporarily close your shop using scheduled vacations or weekday schedules.

Creating a Vacation Notice

You have the flexibility to create customized notices, each with a unique announcement that can be assigned to specific vacation schedules or weekday closings. Here’s how to do it:

1. Navigate to WooCommerce → Settings → Store Vacation.
2. In the current tab, find the Notice section.
3. Click on the Add new button.
4. Enter a Name for your notice to identify it easily.
5. Enter your Message, which will be displayed to your customers during the specified period.
6. Click on the Save changes button.

Editing a Notice

You can edit your notice details anytime once you’ve created a vacation notice. Here’s how you can do it:

1. Navigate to WooCommerce → Settings → Store Vacation → Notice.
2. Hover over the notice and select Edit.
3. Make the desired updates to the field values.
4. Click on the Save changes button.

Using Smart Tags

Utilize smart tags to incorporate dynamic information into your vacation notice. Here’s how you can do it:

1. Navigate to WooCommerce → Settings → Store Vacation → Notice.
2. Hover over the notice and select Edit.
3. Click on the Smart Tags located above the Message field.
4. Choose the options you want to include in your message.
   • Start Date or Time: This smart tag allows you to insert the date your shop will temporarily close automatically.
   • End Date or Time: Use this smart tag to include the date your shop will reopen.
   • Site URL: Use this smart tag to include your site’s URL.
   • Site Name: Include your site’s title or name in this smart tag.
   • Admin Email: Using this smart tag, you can easily include the site admin’s email address in your notice.
5. The smart tags will be automatically inserted at the end of your message. You can reposition them within your notice message as needed.
6. Click on the Save changes button.

Adding a Button to Your Notice

Enhance your vacation notice with a clear call to action button, guiding your customers to take specific actions, such as visiting your contact page. Here’s how to do it:

1. Navigate to WooCommerce → Settings → Store Vacation → Notice.
2. Hover over the notice and select Edit.
3. Enter the text you want to display on the button in the Button text field.
4. Specify the URL to which the button should direct your customers in the Button URL field.
5. Click on the Save changes button.

Customizing Your Notice

In most cases, themes will apply their own unique styles to WooCommerce notice variations to ensure they align with their visual design. Here, we’ll explore the customization options available within the plugin to tailor your vacation notices to your liking.

Display Type

You can easily change the appearance of your vacation notice by adjusting the Display Type option. Here’s how:

1- Default Display:

This is the default option, already selected for the Display Type field. It inherits the notice’s appearance from the WooCommerce notice, presenting it in a boxed view block.

2- Announcement Bar:

Alternatively, you have the option to showcase your vacation notice in an Announcement bar.

To use the Announcement Bar:

1. Navigate to WooCommerce → Settings → Store Vacation → Notice.
2. Hover over the notice you want to edit and select Edit.
3. Choose the Announcement bar option for Display Type.

Now, here are some customization options for your Announcement Bar:

• Colorful Theme: Opting for this setting will introduce an eye-catching background animation with a variety of colors to your announcement bar, enhancing its visual appeal.
• Animate Entrance: When activated, this option will include a lively bounce animation as your notice bar appears upon page load, adding an engaging touch to your website.
• Fixed Position: Selecting this feature will affix the announcement bar firmly to the top of your webpage, ensuring it remains in view even as visitors scroll down, providing consistent visibility.
• Dismissable Bar: This option adds a close (x) button to the notice bar, allowing visitors to dismiss it. You can adjust how long the notice remains hidden for a user who clicks the close button using the Cookie Expiration field. However, without setting the Cookie Expiration, the message will reappear if the user refreshes the page.
• Cookie Expiration: This range slider permits you to set a cookie for the announcement bar, measured in hours. For instance, if you select a duration of 3 hours for this option while also enabling the Dismissable Bar checkbox, the bar will remain hidden for the respective user for a period of 3 hours after they click on the close (x) button.

Notice type

You can update the notice type within WooCommerce’s built-in notice types. To choose the suitable notice type, it’s helpful to understand the definitions of each type in WooCommerce:

• Info: This is a general notice type commonly used for informational purposes, such as announcements or user guides.
• Success: This notice type commonly indicates a successful action. For example, it is used in WooCommerce when adding an item to the cart or receiving a shipping quote.
• Error: An error notice is triggered when something goes wrong. This message will typically appear on shop pages due to user error or code issues.

To update the notice type:

1. Navigate to WooCommerce → Settings → Store Vacation → Notice.
2. Hover over the notice and select Edit.
3. Select a Notice Type from the options provided.
4. Click on the Save changes button.

Notice Color

You can override the color scheme of your vacation notices using the color picker controls provided by the plugin. This allows you to ensure that the notice’s color matches your store’s branding.

1. Navigate to WooCommerce → Settings → Store Vacation → Notice.
2. Hover over the notice and select Edit.
3. Define a Text color using the color picker.
4. Define a Background color using the color picker.
5. Click on the Save changes button.

Notice Text Size

Adjusting the font size of your vacation notices is also possible using the range slider controls provided by the plugin. This way, you can ensure that the notice text is easily readable and aligns with your overall design.

1. Navigate to WooCommerce → Settings → Store Vacation → Notice.
2. Hover over the notice and select Edit.
3. Use the range slider to adjust the Text Size as desired.
4. Click on the Save changes button.

Notice Table

The notice table allows you to review some essential information quickly. Here’s what details you can find in the notice table:

• Name: This column displays the name of your notice. If you didn’t specify a name when creating the notice, the creation date will be used as the notice name.
• Notice: In this column, you can see the type of notice assigned to each vacation notice.
• Button: This column shows the Button Text. A horizontal line (—) will be shown as a placeholder if you didn’t enter any button text.
• Colors: In this column, you’ll find the Text and Background colors you have selected for each notice, helping you identify their visual styling.
• Date: This column displays the last date the notice was modified, allowing you to track when changes were made to your notices.

Removing Notices

You can remove and delete vacation notices whenever needed. Here’s how you can do it:

Individual Removal:

1. Navigate to WooCommerce → Settings → Store Vacation → Notice.
2. Hover over the notice and click Delete permanently.
3. A confirmation message will appear. Click the Ok button and confirm to remove your vacation notice.

Bulk Removal:

Additionally, if you need to delete multiple notices, follow these steps:

1. Navigate to WooCommerce → Settings → Store Vacation → Notice.
2. Select multiple notices by checking the checkboxes on the left side.
3. Go to the Bulk actions dropdown menu and select Delete permanently.
4. Click on the Apply button.

Customizing the Notice Table

Tailor the Notice table to meet your preferences and management needs by customizing its view. Here’s how you can do it:

1. Click on the Screen Options pull-down at the top right corner of your screen to expand it.
2. Inside this menu, toggle the visibility of each column displayed on the Notice table. And customize the number of notices per page.
3. Click on the Apply button.

Following these steps, you can personalize the Notice table to optimize your workflow and display the information that matters most.