Quickly Deploy Website Bulletin Boards, Holiday Sale Banners with Content Blocks

exist WordPress In the website, with the help of Blocksy Pro offered Content Blocks featureYou can easily create flexible bulletin boards and promotional banners to display information at a fixed point, at a fixed time, and for a fixed target, without having to manually change the code or page structure.

图片[1]-使用 Content Blocks 快速部署网站公告栏、节日促销横幅

What is Content Blocks and why is it powerful?

Content Blocks is a powerful feature provided by Blocksy Pro that allows you to build arbitrary content snippets using WordPress's block editor (Gutenberg) and insert them anywhere on your website using a hook system.

The advantages include:

  • Visual editing, WYSIWYG
  • Flexibility to choose the display location (Header,Footer(i.e., above and below articles, sidebars, etc.)
  • Supports conditional control of time, user roles, devices, etc.
  • No need to write code, easy and efficient operation

This makes Content Blocks a great tool for deploying ad-hoc notifications, event promotions, pop-up alerts and other scenarios.

Second, application scenarios: bulletin boards and promotional banners

following Content Blocks The two typical application scenarios of the

1. Bulletin board at the top of the website (notice bar)

Applicable:

  • System Maintenance Bulletin
  • Courier Delay Alert
  • Website Policy Updates

2. Holiday limited-time promotional banners

Applicable:

  • Christmas, Black Friday and other e-commerce promotions
  • Limited Time Kill/Countdown
  • Membership Day/Anniversary Event

You can easily insert banners, buttons, and countdown timers to entice users to click to convert.

III. Hands-on guide: How to create an announcement or promotional banner?

The following is an example of the complete operation process of the "Christmas Limited Time Promotion Banner":

Step 1: Go to Content Blocks to create new content

  • Blocksy > Content Blocks
  • Click [Add New Content Block].
  • Name it "Christmas Limited Time Sale Banner".
图片[2]-使用 Content Blocks 快速部署网站公告栏、节日促销横幅
图片[3]-使用 Content Blocks 快速部署网站公告栏、节日促销横幅

Step 2: Design your banner content

Add content to the Gutenberg editor, for example:

图片[4]-使用 Content Blocks 快速部署网站公告栏、节日促销横幅

Step 3: Setting the Insertion Position (Hooks)

Right Settings Bar > Blocksy Page Settings > Location

Choose the right location, for example:

  • header_before: inserted at the top of the site before the navigation, best suited for bulletin boards
  • content_area_before: Above the text
  • footer_before: Before the footer

We recommend that the announcement message select header_before, making it easy for users to see it first.

图片[5]-使用 Content Blocks 快速部署网站公告栏、节日促销横幅

Fourth, set the display conditions: control the display crowd and time

1. Setting up the display page

exist Content Block Display Conditions can be set in the

  • Displayed on site-wide page
  • Precise selection of individual pages
图片[6]-使用 Content Blocks 快速部署网站公告栏、节日促销横幅

2. Setting user conditions

can be specified:

  • all users
  • Logged-in users (members)
  • Specific roles such as administrator, editor, etc.
  • Unlogged-in visitors (good for conversion leads)

For example, if your Christmas promotion is for members only, check Logged-in Users only.

图片[7]-使用 Content Blocks 快速部署网站公告栏、节日促销横幅

3. Setting the type of equipment

exist User Devices The settings allow you to restrict the display of devices:

  • All equipment
  • Desktop only
  • Mobile only

Ideal for targeting different sized banners to enhance the mobile experience.

图片[8]-使用 Content Blocks 快速部署网站公告栏、节日促销横幅

V. Style suggestions: making banners more attractive to users

A good bulletin board/banner is not just "visible" but also "good".

1. Sharp color contrasts

It is recommended that the background color of the banner be in a highlighted hue (e.g., red, orange, dark blue) and that the text color be in a contrasting color of white or black.

2. Simplicity and clarity of text

The content should be kept concise, delivering the main message in one sentence and avoiding word piling.

3. Insertion of action buttons

Banners with a visible button can dramatically increase click-through rates. Example:

[Grab Now] → Link to the promotion page
[Read Announcement] → Link to Announcement Detail Page

4. Responsive optimization

It's recommended to keep banners simple on mobile by using shorter copy, smaller fonts, or hiding non-core elements.

VI. Frequently Asked Questions (FAQ)

图片[9]-使用 Content Blocks 快速部署网站公告栏、节日促销横幅

1. How quickly can banners be hidden?
Available via the backend Content Block Switching to the "Draft" state stops the display immediately.

2. Can I edit banners in Elementor?
Blocksy supports the ability to add a new code by shortcodes or by inserting the Elementor templatesContent realizes banners with more design freedom.

3. How can I make the banner stop displaying after the user closes it?
Can be used with Cookie Control Popup plugin, or custom JS script to hide the effect after closing the banner.

Summarizing: Efficiently Responding to Business Changes with Content Blocks

Blocksy's Content Blocks feature brings flexibility to WordPress users. Quickly deploy a holiday promotional banner or bulletin board in minutes, with support for pinpointing, timing online, and targeting users for display, greatly saving the cost of template changes and iterative editing.


Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!
客服微信
Customer Service
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) E-mail: [email protected]
Working hours: Monday to Friday, 9:30-18:30, holidays off
© Reprint statement
本文作者:托尼屎大颗
THE END
If you like it, support it.
kudos685 share (joys, benefits, privileges etc) with others
commentaries sofa-buying

Please log in to post a comment

    No comments