Sidcraft units

Container

Library category: layout. Holds other units.

The main box for sections of a page. The readme describes a semantic HTML tag, a link for the whole container, a background overlay, shape dividers, and a self-hosted background video. It cannot be turned off.

Usage: add Container, then drop other units inside it.

Inner Section

Library category: layout.

A nested layout unit registered with Container and Grid.

Usage: add Inner Section inside a Container when you need another grouped region.

Grid

Library category: layout. Holds other units.

See the Grid section above. Defaults are not a single fixed column count in the short control list; the editor’s grid helper treats three columns when a count is missing.

Heading

A title. The readme says it can be linked and can use size presets. Usage: add Heading and type the title in Content.

Text Editor

Body text. The readme mentions a drop cap and columns. Usage: add Text Editor and write in the text control.

TinyMCE Text Editor

Library category: basic.

A text unit that uses the WordPress visual editor. Usage: add it when you want that editor’s formatting tools.

Button

A link styled as a button. The readme mentions sizes, icon placement, and alignment. Usage: set the label and the link.

Divider

A horizontal rule. The readme mentions patterns and optional text or an icon. Usage: drop it between sections.

Spacer

Empty vertical space. Default height is 40. Usage: set Height.

Icon

A single icon from the Sidcraft icon library. Usage: pick an icon and, if you want, a link.

Icon List

A list of items that each have an icon. The readme mentions an inline layout and dividers. Usage: add rows in the list control.

Icon Box

An icon with a title and text. Controls include icon view, shape, title, text, link, layout, alignment, colors, and hover animation. Usage: choose an icon and write the title.

Progress Bar

A labeled bar. Controls include label, value, bar style, percentage, inner text, colors, height, and radius. Usage: set the label and the value.

Counter

A number that can count up. The readme says the number, prefix, and suffix update on the canvas while you edit. Usage: set the number and optional prefix or suffix.

Alert

A notice. The readme says it can be dismissed. Usage: write the message and choose whether visitors can close it.

Accordion

Stacked panels that open and close. The readme mentions multiple items, icons, and FAQ schema. Usage: add a title and content for each item. Right-click to convert to Nested Accordion.

Toggle

Similar stacked panels. Usage: add items, or convert to Nested Toggle from the right-click menu.

Tabs

A row or column of tabs. The readme mentions vertical layout, alignment, and styles. Usage: name each tab and its content. Right-click to convert to Nested Tabs.

Nested Tabs

Tabs whose panels can hold any unit. Shown when the Nested experiment is active, which it is by default. Usage: add a tab, then drop units into that panel.

Nested Accordion

An accordion whose panels hold any unit. Usage: add an item, then drop units inside it.

Nested Toggle

A toggle whose panels hold any unit. Usage: same as Nested Accordion.

Social Icons

Links to social profiles. The readme mentions brand colors, shapes, and a grid. Usage: add each network and its URL.

Star Rating

Stars, including half stars in the readme. Controls include scale, rating, unmarked style, title, align, size, gap, and colors. Usage: set the rating.

Testimonial

A quote with the person’s details. Usage: enter the quote and the name.

Price Table

A pricing box. Usage: set the plan name, price, features, and button.

Text Path

Text that moves along a path. Defaults are the words “Sidcraft” and a speed of 20. Usage: change Text and Speed. Speed is kept at 5 or higher.

Shortcode

Runs a WordPress shortcode you type. Default text is empty. Usage: paste a shortcode such as [sidcraft_page_builder_template id="42"] into the Shortcode field.

HTML

Custom HTML, edited with the code editor when that feature is active. Usage: paste the markup into the HTML field.

Code

Shows code in a preformatted block. Defaults are empty code and language “text”. Usage: paste the code and choose a language.

Image

Library category: media.

The readme lists image, size, link, lightbox, caption, alt text, object fit, object position, border, radius, shadow, opacity, spacing, position, and responsive settings. Usage: choose an image from the Media Library and fill in alt text.

Image Box

An image with a title and text. Controls include image, alt, title, text, link, layout, alignment, width, spacing, radius, opacity, and colors. Usage: choose the image and write the title.

Gallery

Several images. The readme mentions captions and hover effects. The editor can lay them out as grid, masonry, or justified. Usage: open the gallery control and choose images.

Image Carousel

A slideshow of images. The readme mentions slides to show, fade, autoplay, and captions. Usage: choose the images and how many show at once.

Video

YouTube, Vimeo, Dailymotion, VideoPress, or a file you host. The readme mentions overlay, lightbox, and aspect ratio. Usage: paste the video URL.

Audio

An audio player. A hosted file or an allowed oEmbed URL can be used. Usage: set the audio URL.

SoundCloud

A SoundCloud player. Controls include URL, visual mode, height, autoplay, buying, liking, download, artwork, sharing, comments, play count, user, and player color. Usage: paste the SoundCloud URL.

Form

Library category: content.

Fields include text, email, phone, URL, textarea, select, and checkbox. Layout can be stacked, inline, or two columns. Set a custom recipient and a success message. Spam protection can be a honeypot, Google reCAPTCHA (when Form reCAPTCHA is active and both keys are saved), or Require Cloudflare Turnstile. With Turnstile, the Submit button stays disabled until the visitor passes the check, then locks again when the token expires or after each submission. The server verifies the token with Cloudflare Siteverify. Form errors show the server’s message. With Pro, extra field types, email, webhook, and redirect actions are available, and submissions can be stored under Sidcraft → Submissions.

Cloudflare Turnstile

Library category: content.

A Turnstile widget that protects the Sidcraft form in the same container. It needs a site key and secret key under Settings → Integrations. Usage: drop it next to the form, or turn on Require Cloudflare Turnstile on the Form itself. Widgets inside a hidden tab render when that tab opens.

Read More

A text link. Defaults are the words “Read More”, the URL “#”, and the same window. Usage: change Text, URL, and whether the link opens in the same window or a new one.

Rating

A rating made of icons. Controls include rating, max, label, icon, empty icon, color, size, and CSS class. Usage: set the score and the maximum.

Link in Bio

A title, subtitle, avatar, and a list of links. Usage: add the profile image and one link per line or item, depending on the control.

Site Menu

A WordPress menu that collapses under a chosen width. Defaults: no menu selected, horizontal layout, breakpoint 782, empty display name (the menu’s own name is used). Usage: pick a menu from Appearance → Menus. The same output is the sidcraft_page_builder_nav shortcode.

Menu Anchor

A jump target. Default anchor id is section-1. You can also attach a menu. On the canvas the target is shown, and the page scrolls to that id. A sticky header can be cleared with the CSS custom property --lb-anchor-scroll-offset. Usage: set Anchor ID, then link a button or menu item to #section-1.

Collection Loop

Lists posts, custom types, or terms. The readme describes a query builder, an item layout that is either inline or a saved template, grid or list, and pagination by numbers, previous and next, or load more. Active by default under Features. Usage: choose what to query, then design one item.

Embed

Embeds an allowed URL through WordPress oEmbed, with a cache. Usage: paste a single URL the site is allowed to embed.

Google Maps

A map. Defaults are an empty address, zoom 14, and height 320. With an API key and the Maps feature active, it uses the Embed API. Otherwise it uses the public iframe. Usage: type an address.

Sidebar

Prints a registered WordPress widget area. Usage: choose the sidebar.

WordPress Widget

Prints one registered WordPress widget. Controls include widget, title, widget options, sidebar, and CSS class. Usage: choose the widget from the list.

Template

Embeds a saved Sidcraft template inside the page. Usage: pick the template. The same result is the shortcode [sidcraft_page_builder_template id="42"] and the WordPress block.

Component

Inserts a reusable component. Components are saved from the right-click menu and edited as their own items. Usage: insert a component you already saved.

Flip Box

A card with a front and a back. Usage: set the front and back content, then view the page to see the flip.

Login

The WordPress login form. Defaults are the title “Login”, the button “Log In”, and an empty redirect. Security → Require Cloudflare Turnstile keeps Log In disabled until the visitor completes the check, and the login is rejected without a valid token. If Settings → Integrations → WordPress forms → Login form is on, the unit shows the check even when that switch is off, so those logins are not rejected. Usage: set the title, button label, and where to send the person after login.

Share Buttons

Buttons that share the page. Usage: add the unit and choose which networks to show.

Blockquote

A styled quotation. Usage: enter the quote.

Call to Action

A prompt with a button. Usage: write the message and the button link.

Animated Headline

A headline that changes. Usage: enter the rotating phrases.

Countdown

A timer toward a date. Usage: set the end date.

Slides

A slide deck. Usage: add slides and their content.

Nested Carousel

A carousel whose slides can hold other units. Usage: add a slide, then drop units into it.

Media Carousel

A carousel of media items. Usage: choose the media.

Table of Contents

Links to headings on the page. Usage: place it where the list should appear.

Progress Tracker

Shows how far the visitor has scrolled or progressed. Usage: place it on a long page.

Hotspot

An image with clickable points. Usage: set the image and add hotspots.

Price List

A list of named prices. Usage: add each item, name, and price.

Off-Canvas

A panel that sits off the page until it is opened. Usage: put the panel content inside it and set how it opens.

Floating Buttons

Buttons that stay on the screen. Usage: add each button and its link.

Search

A search box. Usage: place it in a header or sidebar area.

Lottie

An animation file. Usage: choose the Lottie file.

Video Playlist

Several videos in one list. Usage: add each video URL.

Code Highlight

Code with highlighting. Usage: paste the code and choose the language.

Nav Menu

Library category: content.

A navigation menu from Pro. Usage: choose the menu to display.

Taxonomy Filter

Library category: advanced.

Filters a loop by category or other taxonomy. Usage: place it with a Collection Loop and choose the taxonomy.

Payment Button

Library category: basic.

A hosted PayPal or Stripe button. The readme says these stay hosted payment buttons. Usage: set the amount and the gateway. Site-wide tax and fees are under Sidcraft → Payments.

Payment Form

Library category: basic.

A form that checks out through the payment settings. Item choices can be a dropdown or checkboxes, with quantity, shipping, sales tax, bank fee, and a live total. Turn on Sales Tax, Bank Fee, or both. Each accepts a percent that is calculated and added to the total. Leave a percent blank to use the rate from Sidcraft → Payments. Shipping is a fixed amount added to the total. Gateways offered under Sidcraft → Payments appear as pay buttons at the bottom of the form. Each button uses a Payment Button on the same page with this form key. Gateways are Stripe, PayPal, PayPal Commerce, Square, Authorize.Net, Razorpay, and Mollie. Card details stay in the browser. Security → Require Cloudflare Turnstile keeps the pay buttons, and Payment Buttons hooked to this form, disabled until the check passes. The server verifies the token before it contacts the gateway, and the check resets after a refused attempt.

Dual Heading

Library category: content.

A heading in three parts: before text, highlighted text, and optional after text, with an optional background text behind it and a link. Defaults are “Be Focused.” and “Be Determined.” The tag can be H1 to H6, div, span, or p. Alignment and a Stack option with responsive support set how the parts wrap. Usage: type the before and highlighted text, then style the highlight.

WPForms

Library category: content.

Shows a form built in WPForms. WPForms renders the form itself; this unit only chooses which form to show and whether the form name and description print. If WPForms is not active, the canvas says so. Usage: activate WPForms, create a form, then pick it in the Form control.

Dual Button

Library category: basic.

Two buttons side by side with an optional badge between them. Usage: set each label and link, and the text in the connector if you want one.

Styled Text

Library category: basic.

Display text with a gradient fill, an outline stroke, a highlight, or a marquee. Usage: enter the text and pick the treatment.

Section Title

Library category: basic.

A heading with an eyebrow line, a subtitle, and a decorative separator. Usage: write the heading and the line above it.

Live Search

Library category: basic.

A search box that suggests results while someone types. Suggestions come from WordPress’s own search endpoint. Without JavaScript it is a normal search form. Usage: place it in a header.

Chart

Library category: content.

A bar, line, or doughnut chart drawn as inline SVG. No chart library is loaded. The chart includes a data table for assistive tech. Usage: paste the labels and values.

Coupon Reveal

Library category: content.

A coupon code hidden behind a button. A click reveals the code and copies it. Usage: enter the code and the button label.

Data Table

Library category: content.

A table from pasted CSV or pipe-separated rows, with optional sorting and a search box. Cells stay plain text. Usage: paste the rows and turn sorting or search on if you need them.

Post List

Library category: content.

Posts as a grid, a list, or a showcase with one large feature and a list beside it. Usage: choose the post type and how many to show.

Process Steps

Library category: content.

Numbered steps with connectors, in a row or a column. Usage: add each step’s title and text.

Service Grid

Library category: content.

A grid of service cards. Each card has an icon or image, a title, text, and a link. One hover style applies to the whole grid. Usage: add a card for each service.

Team Grid

Library category: content.

Team members with a photo, name, role, short bio, and profile links. Usage: add one person per card.

Category Grid

Library category: content.

Taxonomy terms as cards or a list, with post counts and optional images. Product category images use the term thumbnail WooCommerce stores. Usage: choose the taxonomy.

Timeline

Library category: content.

A vertical timeline. Entries alternate sides or sit on one side, and fade in as they enter the view. Usage: add each date and description.

Unfold

Library category: content.

Long text clipped to a set height, with a fade and a Read more toggle. Usage: paste the text and set the closed height.

Audio Playlist

Library category: media.

A styled audio player with a track list. It uses the browser’s audio element, so it still plays without the playlist script. Usage: add each track’s title and file.

Device Mockup

Library category: media.

A screenshot or video framed as a phone, tablet, laptop, or browser window. A tall screenshot can scroll inside the frame on hover. Usage: choose the device and the image or video.

Filterable Gallery

Library category: media.

An image gallery with category filter buttons, in a grid or masonry layout. Usage: add images and a category for each one.

Image Compare

Library category: media.

A before-and-after comparison with a handle you can drag or move from the keyboard. Usage: set the two images and their labels.

Image Reveal

Library category: media.

An image that wipes or curtains open when it enters the view, with an optional tilt on hover. Usage: choose the image and the reveal style.

Layered Images

Library category: media.

Stacked images placed by percentage offsets, with an optional float and a scroll parallax per layer. Usage: add each image and its offset.

Logo Grid

Library category: media.

Client or partner logos as a grid or a continuous ticker. Usage: add each logo.

Promo Banner

Library category: media.

An image banner with a heading, text, and a link over the image. Hover effects are CSS. Usage: set the image, the heading, and the link.

Morphing Blob

Library category: media.

A decorative blob that slowly changes shape. It is CSS only and respects reduced motion. An image can sit inside the shape. Usage: place it as a background accent, or drop an image into it.

Scroll Sequence

Library category: media.

A numbered image sequence that plays as the visitor scrolls. Frames load only when the unit nears the view. Usage: point it at the frame files in order.

SVG Draw

Library category: media.

Draws the strokes of an SVG as it scrolls into view, or once on load. Scripts, styles, event attributes, and external references are stripped from the markup. Usage: paste the SVG.

Content Switcher

Library category: layout.

A toggle between two sets of content, such as monthly and yearly pricing. The first child unit is the first label. The second child is the second label. Usage: set the two labels, then drop a unit into each side.

Horizontal Scroll

Library category: layout.

Pins its child units and moves them sideways while the visitor scrolls down. On a small screen, and when reduced motion is requested, it becomes a row you can swipe. Usage: drop the panels in order inside it.

Shape Divider

Library category: layout.

An SVG edge between sections: wave, curve, tilt, triangle, zigzag, or clouds. Usage: place it at the top or bottom of a section and pick the shape.

Access Gate

Library category: advanced.

Shows its child units only to logged-in visitors, to chosen roles, or to visitors who enter a password. Locked content is not sent to the browser. The password form posts to the same URL. Usage: choose who may see it, then drop the private content inside.

Login & Register

Library category: advanced.

Log in, Register, and Lost password tabs that post to WordPress, so nonces, emails, and security plugins keep working. Registration appears only when the site allows it. Security → Require Cloudflare Turnstile adds a check to all three forms. Log in, Register, and Email me a reset link stay disabled until the visitor passes, and WordPress rejects the request without a valid token. Usage: place it on a page that should host those forms.

Custom Cursor

Library category: advanced.

Replaces the pointer with a dot and a trailing ring on devices that have a fine pointer. You can limit it to the parent container. Touch screens and reduced-motion visitors keep the system cursor. Usage: drop it on the page, or inside the section it should affect.

Dot Navigation

Library category: advanced.

Fixed side dots that jump to page sections and highlight the one in view. Usage: match each dot to a section on the page.

Custom Field

Library category: advanced.

Shows one custom field of the current post, or of a chosen post, as text, a link, an image, or a formatted date. Keys that start with an underscore are refused, and the post must be viewable. Usage: enter the field key and the format.

Mobile Bar

Library category: advanced.

An app-style bar fixed to the bottom of the screen on small viewports. Usage: add each item’s label, icon, and link.

Page Loader

Library category: advanced.

A full-screen overlay that hides once the page has loaded. It removes itself after a hard timeout so a slow file cannot leave the visitor stuck. Usage: place one on the page and set the message or mark it shows.

Radial Menu

Library category: advanced.

A floating round button that fans a set of links out in a circle or a line. Usage: add each link, then choose the open direction.

Loop Grid

Repeats a Loop Item template for every result of a query: posts, pages, custom post types, or terms. Sources include custom, current, related, and manual, with taxonomy, author, date, search, meta, include and exclude, offset, sticky, and order. Columns are responsive. Masonry, equal height, gaps, and a Nothing Found message are included. Pagination can be numbers, previous and next, both, load on click, or infinite scroll. Numbered pages can load in place, keep the page number in the address, and scroll with an offset. A Query ID lets developers change the query with the sidcraft-builder-pro/query/{id} filter. Avoid Duplicates skips posts already shown higher on the page. The editor preview is rendered by the server. Alternate templates can show a different Loop Item at a position, once or every Nth item.

Loop Carousel

The same query and Loop Item templates in a carousel: slides on display and on scroll, gap, equal height, autoplay, pause on hover and interaction, infinite loop, slide or fade, direction, offset sides, arrows, and dots, fraction, or a progress bar. Drag, swipe, and keyboard arrows work. Alternate templates work here too.

Hero Slideshow

Full-width slides with a background image, overlay, subheading, heading, text, and primary and secondary buttons. Each slide can set alignment, content position, fit-to-screen or a custom height, fade or slide, slow-zoom, autoplay, arrows, and dots, fraction, or a progress bar.

Tri-Tone Heading

Prefix, main, and suffix parts with their own colors and hover colors. The main part can be custom text, the current post title, or the site title, with a highlight, a line decoration, or an image mask.

Price Period Toggle

A segmented control or switch, such as Monthly and Yearly. It flips every Price Table that has a second price in the same section, or in an element by ID, and swaps the button links.

Blog Grid

Post cards with the image on top, left, right, or as a background. Meta can include date, author and avatar, category, comments, reading time, and views. Pagination is numbers, previous and next, or both. Query options match the other post units: recent, category, tag, post ID, or the same category as the current post.

Recent Posts

A compact list with a thumbnail left, right, or on top, or numbered, plus category, date, author, excerpt, a title word limit, and dividers.

Post Carousel

Blog cards in the shared carousel, with the same query options as Blog Grid.

Related Posts

Posts that share a category, a tag, or either with the current post. It falls back to recent posts when nothing is related.

Post Meta Bar

Sortable items for the current post: date, last updated, author with avatar, categories, tags, comments, reading time, views, and custom text or a link. View counts use the meta key _post_views_count unless the sidcraft-builder-pro/post_views_meta_key filter changes it.

Post Terms

The current post’s categories, tags, or any public taxonomy, as pills, inline with a separator, or a list.

Adjacent Post

Previous and next post links, with the post title or a custom label, caption, thumbnail, arrow, and a same-category option.

Share Links

Plain links for Facebook, X, LinkedIn, Pinterest, Reddit, WhatsApp, Telegram, email, and copy link. No third-party scripts. Shapes can be circle, rounded, square, or plain.

Post Image

The current post’s featured image, with a fallback image, size, link to the post or file, caption, fit, radius, and hover opacity.

Term List

Categories, tags, or terms of any public taxonomy as a list, inline, or tag-cloud pills, with counts, ordering, a limit, hide empty, and top level only.

Site Navigation

A WordPress menu or theme location with dropdowns, carets, hover or click opening, current-page highlight, and a burger panel below a breakpoint. Escape closes it, and the button uses aria-expanded.

Popover Button

A text or icon button that opens a bubble with a title and text, on click or hover. Escape and a click outside close it.

Back to Top

A fixed button that appears after a scroll distance, with an optional scroll-progress ring, custom icon or text, and offsets.

Image Box Card

An image with a title, text, and button. The image can sit on top, left, right, or behind the text. The whole box can be a link.

Image Box Carousel

The same card in the shared carousel.

Circle Bar

An SVG ring that fills to a percentage and counts up when it scrolls into view.

Portfolio

Posts with featured images in a responsive grid, a taxonomy filter bar, item ratio, and a title and terms overlay.

Testimonial Carousel

Default and Bubble skins. The image can be inline, stacked, above, left, or right, with the shared carousel options.

Reviews

Review cards with an image, name, handle, star rating, and a source icon for Google, Facebook, X, Yelp, Tripadvisor, Trustpilot, or Amazon. They can sit in a carousel.

Mega Menu

Menu items with links and icons. Any item can open a dropdown built from units dropped into it. Horizontal or vertical, hover or click, content width, fade or slide, current-page highlight, and an accordion below the chosen breakpoint.

Facebook Button

A plain link button. Meta retired the Like and Recommend button for third-party sites on February 10, 2026, so this unit no longer loads the Facebook SDK. It links to a Facebook page (“Follow us on Facebook”) or shares another URL (“Share on Facebook”). Set the action, label, style, size, icon, alignment, and colors.

Facebook Comments

A plain link to a Facebook post or page (“Join the conversation on Facebook”), or “Discuss this on Facebook” for other URLs, with optional intro text. It does not load the Facebook comments box, which Meta also retired for third-party sites.

Facebook Embed

A Facebook post, video, or comment. This unit still uses the Facebook SDK, loaded once, in the site language, when the unit nears the viewport.

Facebook Page

A Facebook Page plugin with timeline, events, and messages tabs. It still uses the Facebook SDK.

Floating Bar

Library category: advanced.

An announcement strip pinned to the top or bottom of the screen, or placed in the page flow. It holds a headline, an optional icon, an optional coupon code shown as a copy-to-clipboard chip, and a call-to-action button. The bar can appear after a delay of up to 120 seconds. Push page content adds space so a fixed bar does not cover the header or footer. With Close Button on, Stay closed for (days) sets how long a closed bar stays hidden, from 0 to 365; 0 shows it again on the next page view. Usage: write the headline, add the button link, and choose Top or Bottom.

Instagram Embed

Library category: social. Added in Pro 0.13.0.

One public Instagram post or reel, with or without its caption, plus a maximum width and alignment. Instagram’s embed script loads only when the unit nears the viewport. Usage: paste the post or reel URL.

Twitter Embed

Library category: social. Added in Pro 0.13.0.

A single X / Twitter post or a profile timeline. A post can use the light or dark theme and can hide photos and videos or the post it replies to. A timeline takes a height. Both take a maximum width and alignment. X’s widgets script loads only when the unit nears the viewport. Usage: choose post or timeline, then paste the post or profile URL.

Site Logo

The site logo. Usage: place it in a header template.

Site Title

The WordPress site title. Usage: place it in a header.

Site Tagline

The WordPress tagline. Usage: place it near the site title.

Page Title

The title of the current page. Usage: place it at the top of a single or page template.

Post Title

The title of the current post. Usage: place it in a single template.

Post Excerpt

The excerpt of the current post. Usage: place it under the title.

Post Content

The body of the current post. Usage: place it where the article should appear.

Post Info

Meta such as date or author, as the unit’s controls allow. Usage: place it near the title.

Featured Image

The post’s featured image. Usage: place it in a single or archive item.

Author Box

The author’s name and details. Usage: place it after the post.

Post Navigation

Links to the previous and next post. Usage: place it at the end of a single template.

Comments

The WordPress comment area. Usage: place it under the post content.

Archive Title

The title of the current archive. Usage: place it at the top of an archive template.

Archive Posts

The list of posts for the current archive. Usage: place it under the archive title.

Breadcrumbs

A trail of links back to the home page. Usage: place it under the header.

Search Form

The theme search form. Usage: place it in a header or 404 template.

Sitemap

A list of site content. Usage: place it on a sitemap page.

Products

A product list. Usage: place it on a shop layout.

Archive Products

Products for the current shop archive. Usage: place it in a product archive template.

Archive Description

The shop page content, or the description of the current product category or tag. Usage: place it under the archive title in a product archive template.

Product Categories

A grid of product categories, rendered by WooCommerce’s own [product_categories] shortcode. Usage: place it on a shop landing page.

Category Image

The thumbnail of the current product category. Usage: place it in a product category archive template.

WooCommerce Breadcrumbs

WooCommerce’s own breadcrumb trail for shop, category, and product pages. Usage: place it near the top of a product or product archive template.

Product Title

The current product’s name. Usage: place it on a product template.

Product Image

The current product’s image. Usage: place it beside the title.

Product Price

The current product’s price. Usage: place it under the title.

Product Rating

The current product’s rating. Usage: place it near the price.

Product Stock

Whether the product is in stock. Usage: place it near the add-to-cart button.

Product Meta

SKU and categories from WooCommerce. Usage: place it under the product summary.

Additional Information

The product attributes table: weight, dimensions, and visible attributes. Usage: place it under the product summary or near the data tabs.

Product Short Description

The short description. Usage: place it above the full content.

Product Content

The long product description. Usage: place it in the product body.

Product Data Tabs

WooCommerce’s product tabs. Usage: place them under the summary.

Add To Cart

The add-to-cart control from WooCommerce. Usage: place it with the price.

Product Related

Related products. Usage: place them after the product.

Product Upsells

Upsell products. Usage: place them on the product template.

Shop Notices

WooCommerce notices such as “added to cart.” Usage: place them near the top of a shop template.

Menu Cart

A cart link for a menu or header. Usage: place it in the header.

Cart

WooCommerce’s cart. Usage: place it on the cart template.

Checkout

WooCommerce’s checkout. Usage: place it on the checkout template.

My Account

WooCommerce’s account area. Usage: place it on the account template.

Purchase Summary

A summary after purchase. Usage: place it on the thank-you content.

Order Tracking

WooCommerce’s order tracking form: an order ID and the billing email. It uses WooCommerce’s own shortcode, so WooCommerce’s checks and templates apply. Usage: place it on a tracking page.

Wishlist, Compare, or Quick View

A button for the current product: add to wishlist, add to compare, or open a quick view. The lists live in the visitor’s browser, so nothing is written to an account or the database. Product details are read from the WooCommerce Store API when a list or quick view opens. Usage: place it on a product template and choose the action.

Wishlist or Compare Table

The visitor’s wishlist or compare list. The page ships empty and the browser fills it from local storage and the Store API. Nothing about the list is stored on the server. Usage: place the matching table on its own page, then point the buttons at that page.

Advanced Heading

Library group: PRO. Unit type: scb-advanced-heading.

A heading with an optional sub-heading, description, and background text, plus a separator that is a line or an icon, image, or text. Usage: write the heading, then choose the separator style and position.

Dual Color Heading

Library group: PRO. Unit type: scb-dual-color-heading.

A heading split into two parts with separate colors and typography. Usage: type the first and second part and color each one.

Fancy Heading

Library group: PRO. Unit type: scb-fancy-heading.

A heading with animated rotating words. Effects are Type, Slide Up, Slide Down, Rotate, Clip, Push, and Drop In. The tag can be H1 to H6, div, or p. Usage: write the fixed text, add the rotating words, and pick an effect.

Info Box

Library group: PRO. Unit type: scb-infobox.

A heading, description, and an image or icon in one box, with an optional separator and a call to action. The call to action can be none, text, a button, or the complete box. The image can come from the Media Library or a URL. Usage: choose the icon or image, write the title and text, then set the link.

Content Toggle

Library group: PRO. Unit type: scb-content-toggle.

A switch between two blocks of content, such as monthly and yearly pricing. Content 1 and Content 2 each have their own heading and content, and the layout can stack on tablet or mobile. Usage: fill in both sides and their labels.

Modal Popup

Library group: PRO. Unit type: scb-modal-popup.

A popup box with its own content and close button. It can open from an icon, image, text, or button, from a custom class or ID, automatically, from a URL, on scroll, or when the visitor scrolls to an element. Usage: put the content inside, then choose Display Modal On.

Off - Canvas

Library group: PRO. Unit type: scb-offcanvas.

A panel that slides in from the left or right, with content or a menu. The trigger can sit inline or float on the screen. Usage: add the panel content or menu, then style the button that opens it.

Advanced Navigation Menu

Library group: PRO. Unit type: scb-nav-menu.

A WordPress menu or a custom list of links. Layouts are Horizontal, Vertical, Expanded, and Flyout, and a flyout can open from the left or right. Usage: choose the menu type and layout, then set the breakpoint for the mobile menu.

Table

Library group: PRO. Unit type: scb-table.

A responsive table built from manual rows or from a CSV file, with header, content, and advanced settings. Since Pro 0.13.3 a CSV is read only from the WordPress uploads folder. A file outside that folder is refused. Usage: choose Manual or CSV File, then add the header and rows.

Table of Contents

Library group: PRO. Unit type: scb-table-of-contents.

A list of the headings on the page. Choose which tags (H1 to H6) appear, exclude headings, make the list collapsible, and set scroll behaviour. Usage: place it near the top of a long article.

Timeline

Library group: PRO. Unit type: scb-timeline.

A vertical timeline from custom items or from posts. Posts can show the published date, the last modified date, or a custom date, and link as a complete box, as text, or not at all. Orientation is left, center, or right, with a separate responsive setting. Usage: choose Custom or Posts, then add the items or the query.

Posts

Library group: PRO. Unit type: scb-posts.

Blog posts with a query, pagination, and a choice of skins: Classic, Card, Creative Feed, News, Business, and Event. Usage: pick a skin, then set the query and the number of posts.

Advanced Search

Library group: PRO. Unit type: scb-advanced-search.

A search with live results and filters. Layouts are an input box, an icon, or an input box with a button. Results show as a list or grid and can sort by relevance, date, title, comments, menu order, or last modified. Trending searches and content sources can be set. Usage: choose the layout and which content to search.

Multi Buttons

Library group: PRO. Unit type: scb-buttons.

Two or more buttons side by side for navigation or calls to action. Usage: add each button and its link.

Marketing Button

Library group: PRO. Unit type: scb-marketing-button.

A call-to-action button with a title, a description line, an icon, hover animation, and an optional flare animation. Usage: write the title and description, then set the link.

Price Box

Library group: PRO. Unit type: scb-price-table.

A pricing box with heading, description, price, features, tooltips, a separator, a call to action, and a ribbon. Usage: set the plan name and price, then add the feature rows.

Price List

Library group: PRO. Unit type: scb-price-list.

A list of items with prices, such as a menu or catalogue. Each item can have an image on top, left, right, or none. Usage: add each item, its description, and its price.

Countdown Timer

Library group: PRO. Unit type: scb-countdown.

A fixed, evergreen, or recurring countdown, with labels and an action after it expires. Usage: choose the type, then set the date or the duration.

Before After Slider

Library group: PRO. Unit type: scb-ba-slider.

Two images compared with a handle that can also move on hover. Orientation is horizontal or vertical. Usage: set the before and after images and their labels.

Hotspot

Library group: PRO. Unit type: scb-hotspot.

An image with markers that show tooltips. Markers can be text, an icon, or an image, and a hotspot tour can step through them. Usage: choose the image, then add and place each marker.

Team Member

Library group: PRO. Unit type: scb-team-member.

A photo, name, designation, description, separator, and social icons for one person. Usage: add the photo and details, then the profile links.

Business Hours

Library group: PRO. Unit type: scb-business-hours.

A list of days and opening times, with day and time alignment. Usage: add each day and its hours.

Business Reviews

Library group: PRO. Unit type: scb-business-reviews.

Reviews from Google Places, Yelp, or both, with layout and filters. It needs the Google Places API key, the Yelp API key, or both under Settings → SCB Widgets. Usage: choose the review source and enter the place or business ID.

Social Share

Library group: PRO. Unit type: scb-social-share.

Share buttons for the current page or a custom URL. Skins are Gradient, Flat, Framed, Minimal, and Boxed. Shapes are square, rounded, or circle. Share counts can be fetched (the Facebook count uses the access token under Settings → SCB Widgets). Usage: add each network and choose the skin.

SVG Animator

Library group: PRO. Unit type: scb-svg-animator.

Draws the paths of an SVG. Paths can animate all together, slowed, or one by one. The start can be on load, on scroll into view, on hover, on click, or after a delay. Fill mode, looping, direction, and timing can be set. Usage: add the SVG, then choose the trigger.

Welcome Music

Library group: PRO. Unit type: scb-welcome-music.

Background audio for the page, with a play and pause button. The source can be a built-in tune, a link, or the Media Library. Usage: choose the music source and style the button.

Image Gallery

Library group: PRO. Unit type: scb-image-gallery.

A gallery in a grid, masonry, justified, or carousel layout, with a lightbox and extra options. Usage: choose the images and the layout.

Retina Image

Library group: PRO. Unit type: scb-retina-image.

An image with a separate high-resolution file for retina screens, plus an optional caption and link. Usage: choose the default image and the retina image.

Video

Library group: PRO. Unit type: scb-video.

A video from YouTube, Vimeo, Wistia, Bunny.net, Rumble, or a self-hosted file, with a custom thumbnail and overlay, play button, lightbox, sticky video, a YouTube subscribe bar, and video schema. Usage: choose the type and paste the URL.

Video Gallery

Library group: PRO. Unit type: scb-video-gallery.

Several videos from YouTube, Vimeo, Wistia, Rumble, Bunny.net, or self-hosted files, as a grid or carousel, with filterable tabs. Only thumbnails load until a video plays. Usage: add each video and its category.

Google Map

Library group: PRO. Unit type: scb-google-map.

A map with one or more addresses (by latitude and longitude), custom markers, marker clustering, map skins, and info windows. It uses the Google Maps API key and optional language under Settings → SCB Widgets. Usage: add each address and its marker.

Instagram Feed

Library group: PRO. Unit type: scb-instagram-feed.

An Instagram feed in a grid or masonry layout, with 1 to 8 columns, image resolution, cache timeout, and content shown always, on hover, or below. It needs the Instagram app ID, secret, and access token under Settings → SCB Widgets. Usage: enter the keys, then set the layout and number of posts.

X Feed

Library group: PRO. Unit type: scb-twitter.

Posts from an X handle or a hashtag, as a grid, list, timeline, or carousel, sorted by newest, oldest, most liked, or most retweeted. Profile image, cover image, author details, and a follow button can be shown. It needs the X consumer key and secret under Settings → SCB Widgets. Usage: choose handle or hashtag, then the layout.

FAQ Schema

Library group: PRO. Unit type: scb-faq.

Questions and answers as an accordion or a grid, with FAQ schema markup for search engines. Usage: add each question and answer.

HowTo

Library group: PRO. Unit type: scb-how-to.

A how-to guide with time and cost, tools, materials, and steps, with HowTo schema markup. Usage: fill in the totals, then add each step.

Login Form

Library group: PRO. Unit type: scb-login-form.

A WordPress login form with social login (Google and Facebook), a separator, and button and redirect options. It can use Google reCAPTCHA v3 or Cloudflare Turnstile. The Google client ID, Facebook app ID and secret, and reCAPTCHA keys are under Settings → SCB Widgets. Usage: choose the fields, then turn on social login if you need it.

User Registration Form

Library group: PRO. Unit type: scb-registration-form.

A registration form with custom fields, an acceptance field, and actions after register: redirect, auto login, or send an email (default or custom template, HTML or plain). It can use reCAPTCHA v3 or Cloudflare Turnstile. Registration must be allowed by WordPress. Usage: add the fields, then choose what happens after registration.

Contact Form 7 Styler

Library group: PRO. Unit type: scb-cf7-styler. Needs Contact Form 7.

Usage: pick the Contact Form 7 form, then style it.

Gravity Form Styler

Library group: PRO. Unit type: scb-gf-styler. Needs Gravity Forms.

Also styles section fields. Usage: pick the Gravity Forms form, then style it.

WPForms Styler

Library group: PRO. Unit type: scb-wpf-styler. Needs WPForms.

Usage: pick the WPForms form, then style it.

WP Fluent Forms Styler

Library group: PRO. Unit type: scb-ff-styler. Needs Fluent Forms.

Also styles star rating and section break fields. Usage: pick the Fluent Forms form, then style it.

Caldera Form Styler

Library group: PRO. Unit type: scb-caf-styler. Needs Caldera Forms with at least one form.

Usage: pick the Caldera form, then style it.

Woo - Products

Library group: PRO. Unit type: scb-woo-products.

Products in a grid or carousel, with query, pagination, grid, and slider options. Usage: set the query, then the layout.

Woo - Categories

Library group: PRO. Unit type: scb-woo-categories.

Product categories in a grid or carousel. Filter rules are show all, only top level, match these categories, or exclude these categories, ordered by name, slug, description, count, or menu order. Usage: choose the filter rule and layout.

Woo - Add To Cart

Library group: PRO. Unit type: scb-woo-add-to-cart.

An add-to-cart button for a chosen product. Usage: pick the product, then style the button.

Woo - Mini Cart

Library group: PRO. Unit type: scb-mini-cart.

A cart button that opens the cart on hover or click. Usage: place it in a header and choose Show On.

Woo - Checkout

Library group: PRO. Unit type: scb-woo-checkout.

A styled WooCommerce checkout with layout, checkout labels, a login section, and a coupon section. Usage: place it on the checkout page.

Woo - Thank You Page

Library group: PRO. Unit type: scb-woo-thank-you.

A thank-you card with order details, an order summary, and addresses and payment. Usage: place it on the order-received content.