Ready-made widget designs for your sales pages
Landing page, product page or shop — wherever you need it, pick the widget that fits. Each widget says where it works best, and the “View designs” button opens every design live in a new tab.
Find a widget
Type in the search box above or click a category button to find the widget you need.
View the designs
Click “View designs” and every design of that widget opens live in a new tab.
Drop it on your page
Add the widget in the editor, pick the design you like, then change the text, images and colors to match your brand.
🧭 Header & Footer 2 widgets · 35 designs
The top and bottom of every page — logo, menu, search, cart, contact and policy links.
Header
Where to use: Store header — top bar, logo, menu, search, cart and a mobile menu. Use it site-wide or on a single landing page.
View designsFooter
Where to use: Full store footer — brand, link columns, categories, contact and policy links. Use it at the very bottom of every page.
View designs🚀 Hero & Top Sections 7 widgets · 116 designs
Use these to grab the customer’s attention right at the top of the page.
Hero Section
Where to use: The very top of a landing page — big product image, headline and order button together.
View designsHero Showcase
Where to use: A premium-looking top section — for a new product launch or the start of a brand page.
View designsSlider / Hero
Where to use: Slide through several offers or images — at the top of a homepage or campaign page.
View designsBanner Designer
Where to use: Offer banners, seasonal sales or category banners — anywhere on the page.
View designsAnimated Heading
Where to use: Eye-catching animated headings — in the hero or on important section titles.
View designsUrgency Bar (Top)
Where to use: A thin bar at the very top — for messages like “Last day today” or free delivery.
View designsScrolling Text (Marquee)
Where to use: A moving text strip — keeps offers, free delivery or benefits in view.
View designs🖼️ Content & Visuals 18 widgets · 292 designs
To explain the product’s story, features and benefits clearly.
Image
Where to use: A single image in a nice frame/style — product close-ups or in-use photos.
View designsImage Gallery
Where to use: Many product images in a grid/gallery — to show the details.
View designsVideo
Where to use: Product demo or review video — below the hero or next to the benefits.
View designsReels Showcase
Where to use: Show several short Facebook/TikTok reels-style videos together.
View designsPhone Video
Where to use: A video inside a phone frame — product demos on COD landing pages.
View designsCards Grid
Where to use: Cards with icons/images — to lay out services, features or categories.
View designsFeatures Grid
Where to use: The product’s key features in an icon grid — in the “Why buy” section.
View designsFeature Orbit
Where to use: Product image in the middle with features around it — great for premium products.
View designsHighlights
Where to use: Short highlight points — quick benefits right below the hero.
View designsJourney Path
Where to use: A step-by-step journey/process — to explain how it works or how to use it.
View designsBenefits Grid
Where to use: Benefits in a card grid — the “Benefits” section of a COD landing page.
View designsBenefits List
Where to use: A benefit list with tick marks — lots of benefits in a small space.
View designsBefore / After
Where to use: Before-and-after comparison — works great for skincare, cleaning and fitness products.
View designsProblem vs Solution
Where to use: The customer’s problem and your solution side by side — in the pain-point section.
View designsSpec Sheet
Where to use: A spec table for size, weight, material, etc. — for gadgets/electronics.
View designsSeller Letter
Where to use: A personal letter from the seller — builds trust, somewhere mid-page.
View designsIdentity Card
Where to use: Key facts in a product “ID card” style — origin, weight, expiry, etc.
View designsAudio Player
Where to use: Seller voice note, product explainer or podcast — with a sound wave and an optional floating mini-player.
View designs💰 Offers & Pricing 12 widgets · 196 designs
Show prices, discounts and packages so the customer can decide easily.
Price Drop
Where to use: Old price crossed out, new price shown — makes a discount clear.
View designsCombo Offer
Where to use: Several products together as a combo offer — to raise order value.
View designsBundle Offer
Where to use: 1/2/3-pack bundle offers — buy more, save more.
View designsOffer Package
Where to use: Offers as packages — price plus what’s inside the package.
View designsOffer Stamp Card
Where to use: Stamp/seal-style offer cards — to highlight a special discount.
View designsPackage List
Where to use: A list of what’s in the package — right above the order form.
View designsPrice Ribbon
Where to use: Ribbon-style price — an attractive price tag in a small space.
View designsPrice Stack
Where to use: Add up all the value, then reveal the real price — “all this for just this much”.
View designsPrice Stamp Card
Where to use: Price and discount on a stamp card — before the order section.
View designsVariant Price Cards
Where to use: Separate price cards by size/color/pack — easy for the customer to choose.
View designsFree Gift Box
Where to use: A free gift with the order — in the offer section or above the order form.
View designsScratch Card
Where to use: Scratch to reveal a discount — a fun interactive offer.
View designs⏰ Urgency & FOMO 6 widgets · 98 designs
Creates a “buy it now” feeling to lift conversions.
Countdown Timer
Where to use: Countdown to when the offer ends — near the hero or order form.
View designsPrice Lock Timer
Where to use: A “this price only for a little longer” timer — locks the price to encourage a quick order.
View designsStock Bar
Where to use: Stock-running-low bar — to show “only 12 left”.
View designsWarning CTA
Where to use: Warning-style CTA — for fake-product warnings or offer-ending notices.
View designsSales Notification
Where to use: “Rahim from Dhaka just ordered” popup — social proof and FOMO.
View designsPopup / Modal
Where to use: Popup/modal — exit offers, coupons or important announcements.
View designs⭐ Trust & Reviews 12 widgets · 192 designs
Earn the customer’s trust with reviews, guarantees and proof.
Customer Reviews
Where to use: Customer reviews — mid-page or before the order form.
View designsPhoto Reviews
Where to use: Reviews with customer photos — builds the most trust.
View designsReview Cards
Where to use: Card-style reviews — in the review section of a COD landing page.
View designsRating Summary
Where to use: Overall rating and star breakdown — at the start of the review section.
View designsSocial Proof
Where to use: Social proof — how many people bought, Facebook comments, etc.
View designsSocial Proof Stats
Where to use: Proof in numbers — stats like “5000+ happy customers”.
View designsTrust Bar
Where to use: Cash on delivery, free delivery, returns — a row of trust icons.
View designsGuarantee Box
Where to use: Money-back/replacement guarantee box — near the order form.
View designsGuarantee Ribbon
Where to use: Guarantee as a ribbon — highlights the guarantee in a small space.
View designsWhy Us / Best
Where to use: “Why we’re the best” — to show what makes your brand different.
View designsComparison Table
Where to use: Your product vs. the others — a comparison table.
View designsCompare Table
Where to use: Comparison table for COD pages — “ours vs. the usual market product”.
View designs💬 Questions, Guides & Help 13 widgets · 208 designs
Clear up the customer’s questions and doubts before they ask.
FAQ Accordion
Where to use: A general FAQ accordion — towards the end of the page.
View designsFAQ Accordion
Where to use: FAQ for COD pages — questions about delivery, payment and returns.
View designsChat FAQ
Where to use: FAQ in chat bubbles — a Messenger-style conversation look.
View designsObjection Handler
Where to use: Answers to customer doubts/objections — “Too expensive?”, “Is it genuine?” and so on.
View designsFit Check (For / Not For)
Where to use: Who it’s for and who it’s not for — to attract the right customer.
View designsFit Finder
Where to use: A short guide that helps customers find the right product/size.
View designsProduct Finder Quiz
Where to use: Customers answer a few questions and get the product that suits them.
View designsSize Finder Quiz
Where to use: Find the right size through questions — great for clothes, shoes and belts.
View designsSize Chart
Where to use: Size chart table for COD pages — before the order form.
View designsDelivery Date
Where to use: Estimated delivery date — to show “you’ll get it by Sunday”.
View designsOrder Steps
Where to use: How to order, step by step — for new customers.
View designsCash Memo
Where to use: Order summary in a cash-memo style — shows price and charges clearly.
View designs🛒 Order Buttons & Contact 9 widgets · 195 designs
Make ordering and getting in touch easy — keep at least one on every page.
CTA Band
Where to use: A colorful CTA band — to say “Order now” between sections.
View designsButton Designer
Where to use: 61 button designs — order/call buttons anywhere on the page.
View designsSticky Action Bar
Where to use: An order bar that always stays at the bottom of the screen — very handy on mobile.
View designsModal Checkout Button
Where to use: Click to open the checkout form in a popup — order without leaving the page.
View designsChat Order (WhatsApp)
Where to use: Order directly on WhatsApp — if you take orders over chat.
View designsContact Bar
Where to use: A bar of Call, WhatsApp and Messenger buttons — at the top or bottom of the page.
View designsContact Strip
Where to use: Contact strip for COD pages — in a “Questions? Call us” section.
View designsVariants (colour & size picker)
Where to use: Color and size picker — alongside the order form.
View designsThank You (order received)
Where to use: Thank-you page after the order is confirmed — a thank-you and the next steps.
View designs🏬 Shop & Categories 4 widgets · 77 designs
To lay out products and categories on the homepage and shop page.
Category Showcase
Where to use: Categories shown nicely with images — on the homepage.
View designsProduct Categories
Where to use: Product category grid/list — on the shop page or homepage.
View designs📦 Single Product Page 19 widgets · 304 designs
To design the WooCommerce single product page your own way.
Product Gallery
Where to use: Product image gallery — on the left side of the product page.
View designsProduct Variations + Price
Where to use: Price changes when a variation is selected — for variable products.
View designsProduct Checkout Form
Where to use: Checkout form right on the product page — order on one page.
View designsProduct Contact Buttons
Where to use: Call/WhatsApp/Messenger buttons — on the product page.
View designsProduct Short Description
Where to use: Short description — quick info below the price.
View designsProduct Description
Where to use: Full description — towards the bottom of the product page.
View designsProduct Info Tabs
Where to use: Arrange description, reviews and extra info in tabs.
View designsProduct Related
Where to use: Related products — at the very bottom of the page.
View designs