Woo Store Vacation logo Woo Store Vacation

Vacation Notice

This document explains how to create and manage vacation notices.

Woo Store Vacation logo

Woo Store Vacation

Unlimited vacation dates and times

Vacation notice will display on your shop and single product page(s), letting your customers know you are on vacation and your store is temporarily closed.

Create Vacation Notice

You can create unlimited customized notices and have a different announcement assigned to your each vacation schedule.

Create a vacation notice
Create a vacation notice
  1. Navigate to WooCommerceSettingsStore Vacation.
  2. Go to the Notice section within the current tab.
  3. Click on the Add new button.
  4. Enter a friendly Name for your notice.
  5. Enter your vacation Message.
  6. Select a Notice type.
  7. Click on the Save changes button.

Edit Notice

When you create a notice, you can come back and edit your notice details.

edit notice fields
Edit notice fields
  1. Navigate to WooCommerceSettingsStore VacationNotice.
  2. Hover over the notice and select Edit.
  3. Update field values as you wish.
  4. Click on the Save changes button.

Add Button to Notice

You can have a call to action button next to your message to direct your buyers to do something specific, like visit your contact page.

add button to vacation notice
Add a call to action button to vacation notice
  1. Navigate to WooCommerceSettingsStore VacationNotice.
  2. Hover over the notice and select Edit.
  3. Enter a Button text.
  4. Enter a Button URL.
  5. Click on the Save changes button.

Change Notice Color

The notice type option will help you define your notice’s context in accordance with WooCommerce’s built-in notice types. By default, WooCommerce defines its notices in several categories:

  • Info: A generic notice type that is often used for informational purposes, such as announcements or user guides.
  • Success: This notice would often indicate a success message. i.e., after adding an item to the cart or getting a shipping quote.
  • Error: This notice mostly gets triggered when something goes wrong, either on the user side fault or code.

Commonly, most themes would apply custom styles to these notice variations in their own unique way to make them visually appealing and compatible with their styling hierarchy.

You can override the color scheme of these notices using the color picker controls provided on the edit page.

update notice color
Updated notice color
  1. Navigate to WooCommerceSettingsStore VacationNotice.
  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.

Remove Vacation Notice

You can remove and delete a notice at any moment.

remove vacation notice
Remove vacation notice
  1. Navigate to WooCommerceSettingsStore VacationNotice.
  2. Hover over the notice and click Delete permanently.
  3. On the message, click the Ok button and confirm to remove your vacation notice.

Additionally, you can bulk delete multiple notices at the same time.

  1. Navigate to WooCommerceSettingsStore VacationNotice.
  2. Select several notices using the checkboxes on the left.
  3. Then go to the Bulk actions list, select Delete permanently option.
  4. Click on the Apply button.
Deleting a notice will remove it permanently, so it can’t be restored.

Customize Notice Table

woo store vacation customize vacation notice
Update the notice table columns using Screen Options

Using the Screen Options pull-down at the top right of the screen, you can toggle the visibility of each column displayed on the Notice table.

Notice Block

By default, the vacation notification message displays in your shop and single product page(s). However, you can add the vacation notice on any specific page or post you wish by interesting the Store Vacation Notice block to the page content.

woo store vacation notice block
Display vacation notice using notice block
  1. Navigate to PagesAll Pages.
  2. Hover over the page and select Edit.
  3. Click on the block inserter button (+) at the top left of the screen.
  4. Search for the Store Vacation Notice block.
  5. Insert the block to page content.
  6. Click on the Update button.

The notice displays automatically on the page view whenever you have an active vacation mode with a defined notice.

The Store Vacation Notice block doesn’t have a preview on the editor side.

Notice Shortcode

woo store vacation notice shortcode
Add notice shortcode into a page

The [wsvpro_notice] shortcode allows you to display the vacation notification on pages and posts at the scheduled times.


Did you find this article helpful?

  • Version

    1.0.0

  • Last updated

    01/01/2023

  • WordPress Version

    5.5 or higher

  • Tested up to

    6.1.1

  • PHP Version

    7.4 or higher