Blocksy Content Block Tutorial: quickly create high converting subscription popups

Blocksy is a modern WordPress theme with excellent page load speed and rich design features, its Content Blocks(content block) Functionality is even more of a core tool to realize layout freedom and functionality expansion. Among them, thepop-up window(Popup) It's an efficient way to boost user conversions and increase subscription and campaign exposure. In this article, we'll detail how to quickly create a highly converting subscription popup using Blocksy Content Blocks.

Image [1]-Blocksy Content Block Tutorial: quickly create high converting subscription popups

I. Why use Blocksy content blocks to create subscription popups?

1.1 Perfectly compatible with the theme

Use Blocksy's built-in content block popup feature without installing additional popup plugins to avoid plugin conflicts and slow page loading.

1.2 Visualization and easy operation

together with Gutenberg Deep editor integration, all pop-up content can be drag-and-drop layout, flexible call blocks, short codes and styles.

1.3 Flexible display of conditions

Blocksy Content Blocks supports multi-criteria display based on page, user role, device, etc., with fine-grained control over which user scenarios the pop-ups are triggered in.

Image [2]-Blocksy Content Block Tutorial: quickly create high converting subscription popups

1.4 Increase conversion rates

Subscription pop-ups can significantly increase the number of mailing list subscribers, which helps subsequent EDM marketing and user stickiness.

Overview of Blocksy Content Blocks pop-up window function

2.1 Types of pop-up windows

exist Blocksy Content Blocks in which pop-ups are categorized as Popup Type.

Image [3]-Blocksy Content Block Tutorial: quickly create high converting subscription popups

2.2 Scenarios of use

  • Subscription box pops up 5 seconds after the user enters the homepage
  • Show promo popup when reading 50% on article page
  • Exit Intent Detection Popups to Recover Offsite Users

Third, how to create a subscription pop-up window? Detailed steps

3.1 Creating content blocks

Step 1: Login to the back office

Go into the WordPress backend and make sure Blocksy Companion The plugin is activated.

Image [4]-Blocksy Content Block Tutorial: quickly create high converting subscription popups

Step 2: Go to Content Blocks

In the left menu click on Blocksy > Content BlocksThe

Image [5]-Blocksy Content Block Tutorial: quickly create high converting subscription popups

Step 3: Add a new content block

Click [Add New Content Block] button to enter the Gutenberg editor.

Image [6]-Blocksy Content Block Tutorial: quickly create high converting subscription popups

3.2 Designing pop-up window content

In the editor, add the following content module:

  • caption: e.g. Get a free WordPress tutorial 📧
  • paragraph text: Subscribe now to get our Complete Guide to Building a WordPress Website to help you build a professional website from scratch!
  • Form Short Code: Add Shortcode blocksIf the contact-form-7 id="1234″ title="Newsletter Subscription" is not available, you can use the contact-form-7 id="1234″ title="Newsletter Subscription".
  • Privacy Statement: Add Paragraph BlockInputWe respect your privacy and by subscribing you agree to our Privacy Policy.
Image [7]-Blocksy Content Block Tutorial: quickly create high converting subscription popups

3.3 Setting popup properties

In the [Blocksy Page Settings] setting in the upper right corner of the editor:

Image [8]-Blocksy Content Block Tutorial: quickly create high converting subscription popups

Setting Display Conditions

  • Location: Select Entire Website
  • User Conditions: All users can be selected
Image [9]-Blocksy Content Block Tutorial: quickly create high converting subscription popups

Setting the Trigger

Scroll down to select the popup trigger method, for example:

  • On Page Load ::web pageDisplay after loading
Image [10]-Blocksy Content Block Tutorial: quickly create high converting subscription popups

Setting Display Frequency

  • Always relaunch
Image [11]-Blocksy Content Block Tutorial: quickly create high converting subscription popups

3.4 Publishing content blocks

After confirming that the contents and settings are correct, click the [Publish] button.

3.5 Pop-up window display effect

Image [12]-Blocksy Content Block Tutorial: quickly create high converting subscription popups

IV. Subscription pop-up design and use recommendations

4.1 Providing clear value

Users need to enter their email address for a good reason, such as:

  • Free Tutorials PDF Download
  • Exclusive Coupons
  • Weekly Selection of Industry Dry Goods

4.2 Design simplicity and aesthetics

Avoid pop-ups with too much content and keep titles short,CTA The buttons are eye-catching and reduce the cost of thinking for the user.

4.3 Control of display frequency

Too frequent pop-ups will affect the user experience, set the display frequency and closing options reasonably.

V. Summary

Image [13]-Blocksy Content Block Tutorial: quickly create high converting subscription popups

Blocksy Content Blocks The popup feature combines the Gutenberg editor with a conditional display system to provide WordPress users with a code-free, flexible and theme-compatible solution for designing high-converting subscription popups.


Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!
Customer Service
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
© Reprint statement
This article was written by Millie
THE END
If you like it, support it.
kudos854 share (joys, benefits, privileges etc) with others
commentaries sofa-buying

Please log in to post a comment

    No comments