Siddik Layout Widgets for Elementor

Siddik Layout Widgets for Elementor gives you a solid free toolkit of Elementor widgets and layout controls — so you can design professional websites without touching code. Need WooCommerce shop widgets, portfolio/project post types, header/footer templates, and advanced blocks? Install the separate Pro add-on (not distributed on WordPress.org).

Open Elementor, find the Siddik Layout Widgets category, drag a widget onto your page, customize colors and content, and publish. That is all it takes.

Disclaimer: This plugin is an independent third-party add-on. It is not affiliated with, endorsed by, or officially connected to Elementor or Elementor Ltd.

Who Is This Plugin For?

• Freelancers & agencies building client sites with Elementor
• Bloggers & publishers who want beautiful post grids and archive layouts
• Creative professionals showcasing portfolio and project work
• Store owners running WooCommerce shops with custom product layouts
• Beginners who want pre-built sections instead of designing from scratch
• Developers who need reusable headers, footers, and mega menus via shortcodes

What Can You Do With This Plugin?

• Design full landing pages with hero sliders, pricing tables, testimonials, and CTAs
• Build blog & magazine layouts with grid, masonry, or carousel post lists
• Create portfolio & project showcases with filters, galleries, and detail pages
• Launch WooCommerce stores with product grids, tabs, cart icons, and shop headers
• Craft headers & footers once and reuse them across your entire site
• Add animated sections — counters, countdowns, before/after sliders, moving text
• Extend Elementor sections, columns & containers with equal height, custom width, and curved backgrounds

Perfect For These Website Types

Business & Agency Sites
Use Hero Slider, Service Block, Team Block, Testimonial Block, Pricing Plan, and Clients Logo to build trust and convert visitors into clients.

Blog & News Websites
Use Blog List widget with grid, masonry, or carousel layouts. Display categories, featured images, excerpts, and post meta beautifully.

Portfolio & Creative Studios
Use Projects widget, Image Gallery, Before/After Slider, Showcase Block, and built-in Portfolio/Project post types with archive templates.

Online Stores (WooCommerce)
Use WC Products, Product Tabs, Product Category, Header Cart, Header Search, Wishlist, and Vertical Menu to build a complete shop experience.

SaaS & App Landing Pages
Use Features Block, Pricing Block, Countdown Timer, App Button, Video Popup, and Interactive Tabs for modern product launches.

Corporate & Non-Profit
Use Contact Form 7, Newsletter, Funfact Counter, Award Block, Working Block, and Section Title for informative, professional pages.

Everything Included

25+ Free Elementor Widgets — organized under Siddik Layout Widgets in the Elementor panel.

Free Widgets Included

Marketing & Content Blocks

• Hero Slider — Full-width homepage sliders with headings, buttons, and carousel effects
• Blog List — Post grids, masonry, or carousel layouts
• Service Block — Services in grid or carousel with icons and descriptions
• Features Block — Highlight business features with multiple style skins
• Testimonial Block — Client reviews in slider or grid layouts
• Team Block — Team member profiles with photos, roles, and social links
• Counter Block — Animated number counters for stats
• Theme Button — Styled call-to-action buttons

Essential Elements

• Section Title, Button, Accordion, Tabs, Icon Box, Info Box
• Social Links, Text Editor, List, Clients Logo, Funfact Counter
• Progress Bar, Video Popup, Contact Form 7, Contact List
• Blog — Blog post layouts for archives and listing pages

Pro Add-on (Separate Plugin)

The Pro add-on unlocks 50+ additional widgets including pricing tables, image galleries, header navigation, WooCommerce shop blocks, portfolio/project custom post types, and reusable header/footer/mega menu templates. Pro requires this free plugin and is sold separately — it is not included in the WordPress.org download.

Pro Features Overview

• Pricing Block / Pricing Plan / Pricing Plan Switcher — Pricing tables with monthly/yearly toggle
• Countdown Timer — Build urgency for launches, sales, and events
• Award Block / Working Block / Skill Block / Showcase Block — Process, skills, and featured work sections
• Image Gallery / Before/After Slider — Galleries and image comparison sliders
• Moving Text / Circle Text / Spin Text Around Logo — Animated typography effects
• Interactive Tabs / Interactive List — Tabbed content and hover-reveal lists
• Vertical Image Slider / Swiper Carousel Arrow — Advanced carousels
• Page Title / Site Logo / Header Nav widgets — Header and navigation building blocks
• App Button / Projects Pre-Next — App store CTAs and project navigation

Blog, Portfolio & Navigation (Pro)

• Projects — Custom project post type with archive layouts and filters
• Page Title — Custom breadcrumb and page heading sections
• Site Logo — Flexible logo widget for headers
• Header Primary Nav / Header Nav Side Icons — Navigation menus with icon support

Core Utility Widgets (Pro)

• Newsletter — Mailchimp subscription forms
• Navigation Menu / Unordered List — Custom menus and styled lists
• Text Editor Advanced — Rich text with extra styling options
• Floating Objects / Animated Layers / Paroller Animation — Motion and parallax effects
• Pie Chart / Rotated Text — Visual data and creative typography
• Language Switcher — Multilingual site language toggle
• Blank Box / Bg Angle Left Right — Layout helpers and decorative backgrounds
• Image Background Text Effect / Image With Rotated Text — Creative typography effects
• Vertical Bg Img List / Header Top Info — Background lists and header info bars

WooCommerce Shop Widgets (Pro)

• WC Products — Product grids and carousels with sale, featured, and best-seller filters
• Product List — Compact product lists for sidebars and narrow columns
• Product Tabs — Tabbed product sections (Featured, On Sale, Best Sellers, etc.)
• Product Category — WooCommerce category grids with images
• Info Banner — Promotional shop banners with product highlights
• Header Cart — Mini cart dropdown for shop headers
• Header Search — AJAX product search for shop headers
• Wishlist — Wishlist icon and page integration
• Vertical Menu — Category sidebar menu for shop pages
• Account — Customer account link for shop headers

Layout Enhancements for Elementor

Beyond widgets, this plugin adds powerful options directly inside Elementor’s Section, Column, and Container settings:

• Equal Height Columns — Make all columns in a row the same height automatically
• Custom Section/Container Width — Set precise max-width for boxed layouts
• Stretched Background — Extend background images beyond the container edge
• Curved Background — Add curved SVG background shapes to containers
• Column Flex Reverse — Reverse column order on mobile devices
• GSAP Clip Path Effects — Advanced animation effects when your theme provides GSAP scripts

Look for panels labeled Siddik Layout Widgets in the Elementor sidebar when editing any section, column, or container.

Reusable Template Parts (Pro)

Build headers, footers, mega menus, and more as reusable templates — then embed them anywhere with a simple shortcode.

Available Template Parts:

• Footer — [slwe_footer id="123"]
• Mega Menu — [slwe_megamenu id="456"]
• Header Top Bar — [slwe_header_top id="789"]
• Page Title Block — [slwe_page_title id="101"]
• Side Push Panel — [slwe_side_panel id="112"]
• Generic — [slwe_template_part id="123"]

How to use template parts:

1. In WordPress admin, go to the template menu (e.g. Footers or Mega Menus)
2. Click Add New and design your layout with Elementor
3. Publish and copy the post ID from the admin list or URL
4. Paste the shortcode anywhere — page content, widget area, or Elementor Shortcode widget

Built-in Custom Post Types

• Portfolio — Showcase creative work with categories, tags, and archive pages
• Projects — Display project case studies with custom layouts
• Template Parts — Footer, Mega Menu, Header Top, Page Title, Side Panel

Theme-independent fallback templates are included for portfolio and project archives, so your content looks great even without a specialized theme.

How to Get Started

Step 1 — Install Elementor
Make sure the free Elementor plugin is installed and activated.

Step 2 — Install This Plugin
Search for Siddik Layout Widgets for Elementor under Plugins → Add New, then click Install and Activate.

Step 3 — Open the Elementor Editor
Edit any page and click Edit with Elementor.

Step 4 — Find Your Widgets
In the left Elements panel, scroll to the Siddik Layout Widgets category. All free widgets are listed here.

Step 5 — Drag, Customize & Publish
Drag a widget onto your page, set your content and style options in the left panel, then click Update or Publish.

Example: Build a Homepage in Minutes

1. Add Hero Slider at the top for your main banner
2. Add Features Block below to highlight your services
3. Add Service Block in a 3-column grid
4. Add Testimonial Block as a carousel for social proof
5. Add Pricing Plan with the monthly/yearly switcher
6. Add Contact Form 7 at the bottom for leads

Each widget includes layout options (grid, carousel, masonry), typography controls, color settings, and responsive options for tablet and mobile.

Requirements

• WordPress 6.0+
• PHP 7.4+
• Elementor 3.0+
• WooCommerce (optional — only for shop widgets)

Third-Party Resources

This plugin bundles the following GPL-compatible libraries and assets:

• WordPress Post Like System by Jon Masterson (GPLv3)
• Matthew Ruddy Image Resizer by Matthew Ruddy (GPLv2+)
• Font Awesome Free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT)
• Swiper (MIT) — v11.2.10
• Slick Carousel (MIT)
• Isotope (GPLv3 for Metafizzy commercial license / GPLv3 compatible bundled build)
• Bootstrap SCSS (MIT) — source files excluded from release package
• LightGallery (GPLv3)
• jQuery Mousewheel (MIT) — v3.2.2

GSAP animation options are supported only when a theme registers compatible gsap script handles. GSAP core libraries are not bundled because they are not GPL-compatible.

Minified JavaScript and CSS Source Code

This plugin ships minified or compressed JavaScript and CSS for production. Human-readable source code for each bundled library is available at the public repositories below. No build step is required to use the plugin; these links are provided for review and study.

• LightGallery — https://github.com/sachinchoolur/lightGallery
• Sticky Sidebar — https://github.com/abouolia/sticky-sidebar
• jQuery Match Height — https://github.com/liabru/jquery-match-height
• TwentyTwenty (before/after slider) — https://github.com/zurb/twentytwenty
• KineticJS — https://github.com/ericdrowell/KineticJS
• jQuery Tilt — https://github.com/gijsroge/Tilt.js
• jQuery Lazy — https://github.com/eislambey/jquery-lazy
• jQuery Mousewheel — https://github.com/jquery/jquery-mousewheel
• Swiper — https://github.com/nolimits4web/swiper
• Slick Carousel — https://github.com/kenwheeler/slick
• Isotope — https://github.com/metafizzy/isotope
• imagesLoaded — https://github.com/desandro/imagesloaded
• Vivus (SVG animation) — https://github.com/maxwellito/vivus
• Typed.js — https://github.com/mattboldt/typed.js
• Ion.RangeSlider — https://github.com/IonDen/ion.rangeSlider
• jQuery Paroller — https://github.com/tgomilar/paroller.js
• jQuery Final Countdown — https://github.com/hilios/jQuery.countdown
• jQuery Countdown — https://github.com/hilios/jQuery.countdown
• jQuery Easy Pie Chart — https://github.com/rendro/easy-pie-chart
• jQuery Animate Numbers — https://github.com/miraan/animateNumbers
• Sticky Kit — https://github.com/leafo/sticky-kit
• jQuery Parallax Scroll — https://github.com/alumbo/jquery.parallax-scroll

Plugin-specific frontend scripts in assets/js/ and widget styles in assets/css/ are maintained in this repository without a separate build step.