Content Blocks Builder – Create blocks, repeater blocks with carousel, grid, popup layouts vs Poptin –

Content Blocks Builder (CBB) helps you create custom blocks, variations, styles, and patterns — directly in the Block Editor without touching a code editor. The WordPress Block Editor (Gutenberg) is a solid foundation for building websites. But when you need more specific layouts or custom functionality not available in default blocks, you’re often forced to write custom code or rely on bloated third-party plugins. CBB solves this by letting you visually group core or third-party blocks into flexible container blocks — right inside the native Block Editor. These container blocks support native features like typography, spacing, colors, borders, plus advanced features from CBB that help you build layouts like responsive grid, slider/carousel, toggle/accordion, modal/off-canvas/popover, background effects all without writing a single line of code. You can also build repeater blocks to display repeatable content — similar to ACF repeater field type, but entirely block-based and visual. 👉 Read the detailed guide to CBB blocks. The ultimate goal of CBB is to help you build complex layouts — all with core blocks, all visually, and fully compatible with any Gutenberg-ready theme. No React. No PHP. No lock-in. No clutter. No bloat. Developer-friendly. Key technical features Manage custom blocks: Create, edit, copy, import, and delete custom blocks. Create repeater blocks that work similarly to ACF repeater fields. Supports carousel, grid, accordion and vertical stack layouts. [CBB Pro] Extenral CSS/JS and Custom CSS/JS: You can enqueue external CSS or JavaScript files and write your own custom code directly for your blocks. This feature makes CBB feel a bit like CodePen.io—but for Gutenberg blocks. You can create anything you can imagine on the frontend. Advanced block support features: Modal, off-canvas, popover, toggle content, sticky, responsive dimensions, spacing, custom attributes, reveal animations, etc. Manage block variations & block styles: Create, edit, copy, import, and delete block variations. It works on any block. CBB Pro enables you to input custom CSS for variations. Manage block patterns: Create, edit, copy, import, and delete custom block patterns. Enhance the Query Loop block: Add grid, carousel layouts, and advanced filter and sorting settings. Works with any post types. Import/export custom blocks, variations, and patterns from/to other sites Pre-built library: A library of pre-built blocks, variations, styles, and patterns. This library is not bundled with CBB; only items you import appear on your site. CBB are built with vanilla JS and CSS. It only depends on SwiperJs for the carousel functionality, — and even then, the script and styles are loaded only if the carousel layout is used. Practical features you can build with CBB Carousel layouts: Ideal for creating banner slider, posts carousel, gallery, carousel of features or other repeating content, etc. CBB provides one of the best way to create a carousel layout in Gutenberg. Built on top of the popular SwiperJs carousel script, it supports extensive customization. CBB Pro enables you to create entrance effects, advanced slide effects with effect builder, and further customization like slides per breakpoint, pagination, navigation, and synced carousels. Responsive grid layouts: Perfect for creating equal column grid, mosaic grid, bento grid, posts grid, grid of features or other repeating content, etc. CBB provides the easiest but most flexible and robost grid layout based on CSS Grid layout. You can customize template columns, grid gaps, size, and location for each grid item. Accordion layouts: Good for creating FAQ page, navigations, long features or specications. Blog page design, magazine layout, post grid, post carousel; Work with any post types. Modal, off-canvas, popover, toggle content: Great for creating popups, notification bars, toggle menu, toggle search box, hamburger menu, popover, show/hide content, etc. CBB Pro allows you to add a custom entrance animation effect, control when popups appear with delay options, trigger them on scroll to elements or exit intent, and remember when a popup has been closed. Sticky content: Great for fixed/sticky header, footer, floating elements, sticky sidebar. CBB Pro enables you to style blocks based on their stuck state and make blocks sticky only when scrolling up. [CBB Pro] Backgound effect: Add parallax, infinite scrolling, and zooming effect to image easily. Perfect for hero section designs. [CBB Pro] Reveal animations: Add stunning effects to blocks when they appear on the viewport the first time. [CBB Pro] Custom layout & style: With the ability to enqueue external JS/CSS and input custom JS/CSS, you can do anything with your blocks on frontend. For dynamic data, we recommend using the Meta Field Block plugin. It’s the best way to display dynamic data. Why choose CBB? It’s fast, clean, flexible and code-free. It uses core blocks to build container blocks. It’s bloat-free. It doesn’t come bundled with a ton of specific-use blocks like other multiple-feature plugins. It’s easy to use. It adheres to Gutenberg and maintain the primary user experience of Gutenberg, so anyone familiar with the Block Editor is already familiar with CBB. Sites built with CBB are easier to maintain as most tasks are accomplished through the Block Editor. You don’t need to know React to create complex blocks or maintain a code repository for them. You can also import/export them from/to other sites. How does it help? Below are some video tutorials that demonstrate how you can use this plugin to build your sites: Create a grid repeater block to display a grid of repeating content Create a banner slider for your site directly on the Editor Create a custom blog page Create a featured posts section Create a glow-hover effect button variation More video tutorials Create custom layouts CBB includes five built-in layout blocks: Advanced Group, Grid, Carousel, Stack and Accordion. You can use them or build your custom layout blocks easily. Watch the video tutorial to create a simple responsive grid using the built-in Grid block. Create a similar layout by creating a custom grid block. Watch the video tutorial to create a banner slider using the built-in Carousel block. Watch the video tutorial to create a FAQ section using the built-in Accordion block. Create popup, off-canvas, popover, and toggle content With the toggle content feature, you can build a popup, off-canvas, popover, and toggle content easily and you can put anything in there. Watch the step-by-step video tutorial to create modal, off-canvas content. Create a responsive header with hamburger menu and search bar toggle. Create a notification bar. Create a video popup. Create a cookie popup. Create an off-canvas content. Enhance the Query Loop and other blocks CBB provides a bunch of advanced features to add style to custom blocks like responsive width, height, spacing, border, box-shadow, transform, alignments etc. And by wrapping around other blocks, you can add those features to other blocks as well. How to build a magazine layout grid with just one Query Loop block Create a banner slider using the Query Loop block. Create a carousel of posts using the Query Loop block. Create a blog layout with overlay style using the Query Loop block. Create block variations, block styles, and block patterns CBB helps you create custom variations, styles, and patterns directly in the Block Editor without using a code editor. Create variations and styles for the core image block. Create variations for any block. Create patterns. Google Fonts This feature does a really simple job, it loads a font for headings text and another for the body text from more than 1000+ Google Fonts easily with a few clicks. If you are worried about GDPR compliance, there is an option to load fonts from Bunny Fonts instead of Google Fonts. How to use Google Fonts and be GDPR compliant. Which theme should I use with this plugin? It is compatible with all Gutenberg-ready themes, but our recommended themes are default themes such as Twenty Twenty Four, Twenty Twenty Five, Twenty Twenty Three, Twenty Twenty Two, or Astra theme. How does it work with other blocks/plugins? This plugin works with all third-party blocks but we recommend using single-block plugins for lightweight and performance. We also develop several single block plugins, that work great with this plugin, please see them in the below section. Design library We have already included a library of block patterns for you to quickly use or customize to fit your design. There is a popup inserter in the block editor for you to find and insert patterns with a few clicks. How to use the pattern inserter popup. Browse the Design Library to see what the plugin can do for you. Block and Variation library Besides the pattern library, we have built an external library of content blocks and common block variations. All of the blocks/variations in this library have been created by CBB directly in the Block Editor. With a few clicks, you can easily import blocks or variations into your site. You use them directly or customize or learn from them. Watch some video tutorials to learn how to use the library: Import the particles background block. Import the basic header block. Import the Query Loop variations. Import the arrow buttons. Learn CBB Check out the documentation at contentblocksbuilder.com. Watch all tutorials on Youtube. We’re still recording video tutorials, so please subscribe to our YouTube channel to get a notification when new videos are released. Pro version In short, the professional version adds following advanced features to your content such as: Custom CSS: Adjusts layout and style easily right in the inspector settings. Enqueue external JS/CSS and add custom JS/CSS to blocks. This powerful feature lets you create blocks with any style or interactive effect, just like on CodePen.io. You write the JS/CSS, and CBB takes care of the rest behind the scenes. Premium background effects: Includes parallax, infinite scrolling, and zooming effect to background image. Premium carousel features: Adds entrance animations, advanced effects, an effect builder, customized pagination, navigation, etc. Premium toggle content features: Enhancements for modal, off-canvas, and popover content with custom entrance animations, delay time, trigger on scroll, exit intent, and closed state saving. Premium sticky content features: Detects stuck state and adds the ability to make blocks sticky only on scrolling up. Add custom CSS to variations. Reveal/entrance animations: Adds stunning effects to blocks when they first appear in the viewport. Check out this video tutorial to learn how to create a Google Map block and see how Content Blocks Builder (CBB Pro) helps you build powerful, custom Gutenberg blocks — without writing any React or PHP code. Watch more video tutorials to see how the Pro version can help you build advanced features for your sites: Create a sticky header. Create a custom block for the image zooming effect like Medium using an external script. Create a page title bar with a parallax background effect. How to create an animated heading block. How to create a Back To Top block. How to create an image compare block. Create the infinite scrolling background effect Create the parallax background effect Go premium to unlock advanced features with CBB Pro. If this plugin is useful for you, please do a quick review and rate it on WordPress.org to help us spread the word. I would very much appreciate it. Other plugins Please check out my other plugins if you’re interested: Meta Field Block – A single block to display custom fields in the Block Editor without coding. It supports ACF, MetaBox, WooCommerce, meta, rest field, shortcode and more. Works everywhere: in the Site Editor (FSE), the Block Editor, inside Query Loop, WooCommerce Product Collection, Term Query blocks, and even in template files. SVG Block – A block to display SVG images as blocks. Useful for images, icons, dividers, and buttons. It allows you to upload SVG images and load them into the icon library. Icon separator – A tiny block just like the core/separator block but with the ability to add an icon. Breadcrumb Block – A simple breadcrumb trail block that supports JSON-LD structured data and is compatible with WooCommerce. Block Enhancements – Adds practical features to blocks like icons, box shadows, transforms, etc. Counting Number Block – A block to display numbers with a counting effect Better YouTube Embed Block – A block to solve the performance issue with embedded YouTube videos. It can also embed multiple videos and playlists. The plugin is developed using @wordpress/scripts. The source code is available in the trunk branch. The pattern, block, and variation library is hosted at https://boldpatterns.net.

All-in-one email marketing, email automation, pop ups, forms, and coupon platform to grow your audience, nurture customer relationships, and drive more sales. 🎉 Support | Demo | Upgrade | Sign Up for Free Create beautiful email campaigns, newsletters, email popups, sms pop ups, exit intent popup, coupons and email marketing automation to convert more visitors into leads, subscribers, and sales. How Poptin Emails & Pop Ups Can Help Your Business Grow 🚀 Grow your email list using email popups and forms Segment contacts using behavior, tags, pop up interaction, and custom properties Send targeted newsletters and email campaigns Automate welcome, abandoned cart, birthday, reactivation and lifecycle emails Recover cart abandonment with spin the wheel, exit offers, upsell pop up and email automation Nurture customers with personalized email marketing journeys, coupons and promotions Create a Poptin account for free Poptin is an all-in-one web application that works seamlessly with WordPress and many other platforms. Create popups, forms, email campaigns, newsletters, and email marketing automation by opening your free account 📧 EMAIL MARKETING AUTOMATION Poptin gives you everything you need to grow and engage your audience in one platform. Organize and segment contacts using behavioral and engagement data, create and send unlimited email campaigns and newsletters, and automate personalized customer journeys based on subscriber activity, website behavior, ecommerce events, and lifecycle stages to increase conversions, retention, and revenue. Unlimited email campaigns and unlimited email sending on all email marketing plans – no monthly sending caps. Contact Management & Segmentation Organize, manage, and segment your audience using tags, custom properties, popup and form interactions, engagement history, activity tracking, and behavioral data. Create highly targeted segments based on subscriber attributes, actions, website activity, and email campaign engagement to deliver more relevant experience Contact profiles with complete activity history and engagement timeline Custom properties including text, number, date, and boolean fields Tags, subscriber preferences, and custom attributes Popup and form interaction tracking Website activity and visitor behavior tracking UTM campaign, source, medium, content, term, and ID tracking Email engagement tracking (opens, clicks, bounces, unsubscribes) Consent and subscription status tracking Contact search, filtering, import, and export Dynamic merge tags and contact personalization Segment by * Tags, newsletter preferences, and custom properties * Popup and form submissions * Popup views, conversions, and gamified popup interactions * Email opens, clicks, bounces, and engagement activity * Website visits, page views, and browsing behavior * Traffic source, referral source, and UTM campaigns * Location, country, language, browser, OS, and device * Subscription status, consent status, and lifecycle stage Dynamic segments that update automatically as contacts change Email Campaigns & Newsletters Create, personalize, and send beautiful email campaigns and newsletters with our drag-and-drop editor. Use audience segmentation, preferences, dynamic content, personalization, coupons, scheduling, and advanced targeting to reach the right contacts at the right time and improve engagement, conversions, and sales. * Visual automation workflow builder * Welcome email automations * Abandoned cart recovery sequences * Birthday and anniversary email automations * Reactivation and win-back campaigns * Lead nurturing sequences * Coupon delivery automations * Customer onboarding journeys * Cross-sell and upsell campaigns * Trigger email automations from popup and form activity * Trigger email automations from website activity and visitor behavior * Trigger automation from email opens, clicks, and engagement activity * Trigger email automations from tags, subscriber preferences, and contact property changes * Trigger automations from dates, birthdays, anniversaries, and custom date fields * Wait and delay actions for timed email automation and customer journeys * Split conditions and branching logic for advanced automation flows * Multi-step customer journeys with personalized paths * Automation performance tracking and reporting 💻 SMART POP UPS & EMBEDDED FORMS Poptin forms and popup plugin tracks the website’s visitors’ behavior and shows the right message at the right time. The platform helps to improve conversion rate and turn more visitors into leads, sales, newsletter subscribers, increases engagement, and recovers abandoning website and cart visitors using exit offers and exit intent technology and many other pop ups triggers. You can create anything your marketing heart desires, from advanced overlays to SMS popups, inline forms, call button pop up, WhatsApp button, welcome bar, exit popups, and social widgets – it’s all on-brand and fully customizable with our powerful popup builder. Our popup plugin includes exit intent trigger on the free plan and many other advanced features. The free plan comes with 1,000 visitors of popups and forms per month, and 250 contact for email marketing. Unlimited popups, forms, integrations & leads. What do you get with Poptin? Drag-and-Drop Pop Up Builder – Create popups and contact forms in minutes without coding Responsive Templates – Choose from popup and form templates including lightbox, slide-in, floating bar, notification bar, fullscreen, video, countdown, mobile popups, and more Inline Forms – Build inline forms and embed them anywhere on your website using a shortcode Exit-Intent Technology – Unlimited exit popups. Our exit intent trigger is included on all plans 🥳 Analytics & Reporting – Track popup, form, and conversion analytics to optimize performance Advanced Targeting & Triggers – Target visitors using exit intent, scroll depth, inactivity, page visits, clicks, URL targeting, device targeting, geolocation, traffic source, schedules, and audience targeting. Run your popup with our Autopilot trigger and get optimized results Custom Design – Customize popups and forms with images, videos, HTML, CTAs, effects, layouts, and positioning Integrations – Connect your pop ups with MailChimp, GetResponse, Omnisend, Kit, Pipedrive, ActiveCampaign, HubSpot, Klaviyo, Zoho CRM, Salesforce, Zapier, Make, and many more email marketing, CRM, and marketing automation platforms A/B Testing – Compare video popups, popup forms, triggers and other pop up variations to improve conversion rate optimization Custom Fields – Add predefined and custom fields to your pop ups including dropdowns, radio buttons, checkboxes, hidden fields, dates, and more Gamified Popups – Increase engagement with Spin the Wheel, Scratch Card, and Pick a Gift popups. Highly recommended for WooCommerce stores to increase sales Landing Page Links – Collect leads using dedicated landing page links for popups and forms Draft & Autosave – Automatically save and protect your work while creating and editing popups and forms Multiple Users Management – Manage multiple users and sub-accounts with Agency and Growth plans. SEO-Friendly & Accessibility Ready – SEO-friendly, accessible popups, forms, and widgets optimized for desktop and mobile devices. Multi-Language Support & RTL – Create popups and forms in English, Hebrew, German, Japanese, Italian, Arabic, French, and many more languages & Full RTL support Dynamic Content & Merge Tags – Display personalized text and images in popups and forms using Merge Tags and UTM parameters Custom HTML Embeds – Embed quizzes, surveys, polls, maps, forms, social share buttons, and more directly into your popups Multi-Step Popup Flows – Launch a popup from another popup and create double opt-in, 2-step lightbox, slide-in, fullscreen overlays, and advanced conversion flows Heatmaps & Session Recording Integrations – Track popup and form performance with Hotjar, Microsoft Clarity, Lucky Orange, ClickTale, FullStory, Smartlook, Crazy Egg, Mouseflow, and other heatmap and session recording tools Compatible with Popular WordPress Builders – Show popups and forms on websites built with Elementor, Divi, Bricks Builder, Beaver Builder, WPBakery, SeedProd, Oxygen, Breakdance, Gutenberg, and more Deep WooCommerce integration – coming soon! Advanced Triggers & Targeting Rules Pop up Triggers Display popups based on visitor actions and behavior, including Exit Intent, Time Delay, Scroll Depth, Pages Visited, Click Count, Inactivity, On-Click Triggers, JavaScript Triggers, and Cart Triggers. Pop up Targeting Options Target your pop ups to visitors based on URL/Page Targeting, Device, Countries & Geo-Location (including US states), OS & Browsers, Days, Hours & Dates, Traffic Sources (Organic, Google Ads, Facebook, ChatGPT, Gemini, Claude, Perplexity, Reddit, YouTube, Pinterest, X, and more), New vs Returning Visitors, Cookies, Previous Pages Visited, Popup Engagement, View Count, Title Tags, Source Code, JavaScript Conditions, IP Blocking, AdBlock Detection, and more. Gamified Pop ups Increase engagement, capture more leads, and drive more sales with interactive gamified popups. Create Spin the Wheel pop up, Scratch Card, and Pick a Gift popups with our gamified popup builder to reward visitors with coupon codes, discounts, and special offers. Perfect for WooCommerce stores looking to boost conversions and make pop ups promotions more engaging. Available gamified popups: Spin to Win pop up Wheel of fortune pop ups or spin wheel pop ups let your visitors spin a wheel and get the chance to win one of the many prizes or codes on your wheel. Use the wheel of fortune pop up or spin wheel popup for almost always win situation for your visitors. Scratch Card pop up Scratch off pop ups or scratch card pop ups are where you set a code and the customer will “scratch” the card to reveal the code for your customers to use in your shop. Use a scratch off popup for that lottery card feel. There’s always a code that customers will win with the scratch cards popups. Pick a Gift pop up Pick a gift pop ups let your customers pick from one of three gifts for a chance to win a special code that can be used in your store. Use the gift pop ups if you want a bit of more thrill, with the visitors getting a chance to win a code or nothing at all. Drag and Drop Inline Form Builder Create inline contact forms with Poptin and easily embed them anywhere on your website using a shortcode. Use smart targeting and trigger options to maximize conversions, and build beautiful forms from scratch or with ready-made templates. Similar to pop ups, add powerful elements such as countdown timers, videos, custom HTML, images, shapes, and button attention effects to increase engagement. We support all field types, including name, email, phone, custom fields, dates, websites, numbers, dropdowns, radio buttons, checkboxes, and more, giving you complete flexibility to create the perfect form for any use case. Use our form builder to create different versions for desktop and mobile, and display them using the same shortcode. Run A/B tests – use our form builder to create a different version of your form, and also create a different trigger and targeting rules. Display different versions of your contact form using the same shortcode, and find out what’s the best version of your inline contact form. Just like our pop ups, inline forms support all of Poptin’s integrations, allowing you to automatically send leads to your CRM, email marketing platform, help desk, webinar software, and more. Create advanced experiences by triggering a pop up after a form submission, showing a form only to visitors who interacted with a specific pop up, and combining forms and pop ups together to build highly targeted conversion funnels. Create a Poptin account for free Poptin is an all-in-one web application that works seamlessly with WordPress and many other platforms. Create popups, forms, email campaigns, newsletters, and email marketing automation by opening your free account Coupons Create and manage fixed-value or unique coupon codes and display them directly in your coupon popups, discount pop ups, forms, and email campaign. Automatically reward visitors with personalized discounts, promotional offers, and coupon codes to increase conversions, recover abandoned visitors, grow your email list, and drive more sales. Track coupon usage through pop ups, redemptions, and performance to measure the effectiveness of your promotions and marketing campaigns. Email & Pop Ups API & MCP (Coming Soon) Automate your email marketing workflows with our upcoming API. Update contact properties, tags, preferences, and subscriber data programmatically, trigger email automations based on customer actions, and send email campaigns directly from your applications, websites, and internal systems. The API will also provide access to popup creation and management, including MCP support for AI agents that can build and optimize pop ups automatically. Retrieve popup performance and conversion statistics, manage campaigns at scale, and connect Poptin with your custom applications, workflows, and AI-powered experiences. 70+ Popup Integrations Connect pop ups & forms with the tools you already use, including Mailchimp, HubSpot, Salesforce, Pipedrive, Klaviyo, Omnisend, ActiveCampaign, Kit (ConvertKit), Brevo, Zapier, Make, Google Sheets, Webhooks, and many more. Sync contacts, automate workflows, trigger campaigns, and keep your marketing data connected across your entire tech stack. Manage API keys securely from your account and connect Poptin with Zapier, Make, webhooks, custom applications, and thousands of other tools. Use Poptin directly from your WordPress admin panel or as a standalone app Access and manage your contacts, email campaigns, email automation, pop ups, forms, coupons, and analytics directly from your WordPress admin panel. Create, publish, track, and optimize your popups and email campaigns without switching between multiple tools, platforms or tabs. Security & GDPR Features: Poptin follows industry-standard security practices and is ISO 27001 compliant, ensuring your data is handled securely. Poptin includes built-in tools to help you comply with GDPR and other privacy regulations. Lead and Contact Deletion Controls – Manually delete leads at any time from the Leads dashboard. Automatic Data Retention – Automatically delete lead data after 1, 3, 6, 12, 18, or 24 months, or choose to never store or never delete leads Lead Information Access – View lead details, including IP addresses, for compliance, auditing, and record-keeping purposes. Consent Checkboxes – Add consent checkboxes to require visitors to agree to your terms before submitting a pop up or form. Double Opt-In Support – Enable double opt-in email confirmations to verify subscribers before adding them to your email list Account Management – Easily update the email address and other information associated with your account. Privacy-Friendly Tracking – Reduced cookie usage to help support privacy and compliance requirements Click here to read more Popular popups, email campaigns & mail automation use cases * Show an exit-intent popup with a discount and automatically send abandoned cart emails to visitors who leave your checkout page before completing a purchase. * Display a newsletter popup after visitors scroll 60% of a blog post, then automatically enroll them in a multi-email welcome series. * Display personalized popups with coupon codes to visitors arriving from Google Ads, Facebook Ads, ChatGPT, or other marketing campaigns, and follow up with targeted email campaign. * Collect dates through your forms and automatically send birthday emails, anniversary offers, and special promotions. * Automatically identify contacts who haven’t opened or clicked emails recently and launch reactivation campaigns to win them back.