How to add a full price shipping alert to your cart page using Blocksy content blocks

in operation WooCommerce StoreThe "free shipping" strategy is an effective way to increase the unit price and stimulate users to place orders. The use of Blocksy Content Blocksfunctionality without having to change the code or use additionalplug-in (software component)You can easily add an eye-catching "Free Shipping Alert" to your shopping cart page.

Why do I need to add "Free Shipping Tips" on the shopping cart page?

The shopping cart page is the key point that prompts the user to make a purchase decision. At this stage, telling the user "Spend more yuan to enjoy free shipping" can achieve the following goals:

• Increase customer unit price: Encourage users to upsell to get a discount.
• Reducing the abandonment rate: To give the user the psychological incentive of being "close to the deal".
• Enhancing the brand experience::web pageThe prompts are more user-friendly to avoid users checking out only to find out about shipping costs.

Enabling the Blocksy content block feature

2.1 Install and Activate Blocksy Theme and Plugins

• go into WordPress Backend → Appearance → Themes, make sure you are using Blocksy.

2.2 Enabling the content block module

• Install and enable Blocksy Companion plugin, which is enabled to use the Content Blocks feature.

Create a content block for "Free shipping tips".

3.1 Adding a new content block

• Go to WordPress Backend → Content Blocks → Add New Content Block.
• Give it a title, such as "Shopping cart full of free shipping tips".

3.2 Editing content block contents

Insert the display in the editor, e.g. 🛒 Current purchase amount is not enough for free shipping! Get free shipping on orders over ¥200!

3.3 Setting display conditions

• Scroll down to find Display location (Location)The
• option WooCommerce : Added to Cart → Before actions
• Set the display (Display Conditions) method toEntire Website, choose the display position according to the page structure.

3.4 Device display conditions

• Device conditions: select to display only on the desktop side.

3.5 Publishing Display

Fourth, style optimization recommendations

This can be done byCustom CSS Beautify the cue box style. For example, add the following style to the theme custom CSS or content block:

.free-shipping-notice {
  background: #fffbe5;
  color: #444; border: 1px solid #f5c518;
  border: 1px solid #f5c518;
  padding: 12px 20px; margin-bottom: 20px; margin-add: 20px; margin-add: 20px
  margin-bottom: 20px;
  font-size: 16px; border-radius: 6px
  margin-bottom: 20px; font-size: 16px; border-radius: 6px;
}

V. Summary

Blocksy The content block functionality can be applied to headers, footers, pop-ups, and 404 pages, and can be flexibly embedded into any page via theconditional logicPrecise control over who is displayed and where. For WooCommerce users, this is a highly effective way to personalize marketing alerts without complicated setup, and it's well worth putting into practice.

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: info@361sale.com
④ Working hours: Monday to Friday, 9:30-18:30, holidays off