Siddik Layout Widgets for Elementor

Description

Siddik Layout Widgets for Elementor adds a dedicated Siddik Layout Widgets category inside Elementor with ready-made blocks for homepages, blogs, and business sites — plus extra layout controls for sections, columns, and containers.

No coding required: install the plugin, open Elementor, drag a widget, customize content and style, and publish.

Disclaimer: Independent third-party add-on. Not affiliated with, endorsed by, or officially connected to Elementor or Elementor Ltd.

Quick Start (5 Steps)

1. Install and activate the free Elementor plugin.
2. Install and activate Siddik Layout Widgets for Elementor.
3. Go to Pages → Add New (or edit an existing page) and click Edit with Elementor.
4. In the left Elements panel, open the Siddik Layout Widgets category.
5. Drag any widget onto the canvas, adjust settings in Content and Style, then click Publish.

Tip: After activation, open Siddik Layout Widgets → Getting Started in your WordPress admin for a visual walkthrough.

How to Use a Widget

Add a widget
Search or scroll in the Siddik Layout Widgets panel, then drag the block onto your page or inside a section/column.

Edit content
Use the Content tab for text, images, icons, links, repeater items (services, team members, slides, and so on).

Edit design
Use the Style tab for colors, typography, spacing, borders, and responsive settings (desktop, tablet, mobile).

Choose a layout
Many blocks — including Blog List, Service Block, Team Block, and Testimonial Block — support grid, masonry, or carousel modes in the widget settings.

Use Contact Form 7
Install Contact Form 7, create a form, then select it inside the Contact Form 7 widget.

Layout Enhancements (Free)

Open any Elementor Section, Column, or Container and look for the Siddik Layout Widgets panel:

• Equal Height Columns — match column heights in a row
• Custom Section/Container Width — precise boxed max-width
• Stretched Background — extend backgrounds edge-to-edge
• Curved Background — SVG curved section backgrounds
• Column Flex Reverse — reverse column order on mobile
• GSAP Clip Path Effects — when your theme provides compatible GSAP scripts

Example: Free Homepage in Minutes

1. Hero Slider — main banner with headline and button
2. Features Block — highlight key benefits
3. Service Block — 3-column services grid
4. Testimonial Block — reviews carousel
5. Counter Block — stats and milestones
6. Contact Form 7 — lead capture at the bottom

Free vs PRO — What You Get

FREE (this WordPress.org plugin)

| Category | Included |
| Content blocks | Hero Slider, Blog List, Service Block, Team Block, Testimonial Block, Counter Block, Features Block, Theme Button |
| Core widgets | 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 |
| Layout tools | Section, column, and container enhancements (equal height, custom width, curved background, and more) |
| Requirements | WordPress 6.0+, PHP 7.4+, free Elementor 3.0+ |

PRO (separate add-on — not included here)

| Category | Included |
| Marketing & media | Pricing Block, Pricing Plan, Countdown Timer, Image Gallery, Before/After Slider, Award Block, Working Block, Skill Block, Showcase Block, Moving Text, Interactive Tabs, and more |
| Header & navigation | Site Logo, Page Title, Header Primary Nav, Header Nav Side Icons, Header Top Info |
| Template parts | Reusable footer, mega menu, header top, page title, and side panel layouts with shortcodes |
| Content types | Portfolio and Projects custom post types with archive templates |
| WooCommerce shop | WC Products, Product Tabs, Product Category, Product List, Info Banner, Header Cart, Header Search, Wishlist, Vertical Menu, Account |
| Extra utilities | Newsletter, Navigation Menu, Pie Chart, Language Switcher, parallax and animated layer widgets, and 50+ advanced blocks total |

Install the free plugin first, then add Siddik Layout Widgets PRO to unlock premium widgets and template parts.

Free Widgets (Complete List)

Marketing & content blocks

• Hero Slider — full-width sliders with headings, buttons, and carousel effects
• Blog List — post grids, masonry, or carousel layouts
• Service Block — services in grid, masonry, or carousel with icons
• Features Block — feature highlights with multiple skins
• Testimonial Block — client reviews in slider or grid layouts
• Team Block — team profiles with photos, roles, and social links
• Counter Block — animated number counters for statistics
• Theme Button — styled call-to-action buttons

Essential Elementor widgets

• 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

PRO Add-on Highlights

The PRO plugin is sold separately and requires this free plugin. It is not bundled in the WordPress.org download.

Marketing & creative blocks

• Pricing Block, Pricing Plan, Pricing Plan Switcher
• Countdown Timer, Image Gallery, Before/After Slider
• Award Block, Working Block, Skill Block, Showcase Block
• Moving Text, Circle Text, Spin Text Around Logo
• Interactive Tabs, Interactive List, Vertical Image Slider

Header, footer & templates

• Site Logo, Page Title, Header Primary Nav, Header Nav Side Icons
• Footer, Mega Menu, Header Top, Page Title, Side Panel template parts
• Shortcodes: [slwe_footer id="123"], [slwe_megamenu id="456"], [slwe_header_top id="789"], [slwe_page_title id="101"], [slwe_side_panel id="112"], [slwe_template_part id="123"]

Portfolio & projects (PRO)

• Portfolio and Projects custom post types
• Projects widget with filters and archive layouts
• Theme-independent single and archive fallback templates

WooCommerce shop widgets (PRO + WooCommerce)

• WC Products, Product List, Product Tabs, Product Category, Info Banner
• Header Cart, Header Search, Wishlist, Vertical Menu, Account

How to use PRO template parts

1. Activate Siddik Layout Widgets PRO alongside this plugin.
2. In WordPress admin, open UAE Templates (Footers, Mega Menus, and similar menus).
3. Click Add New, design with Elementor, publish, and note the post ID.
4. Place the shortcode on any page or inside Elementor’s Shortcode widget.

Who Is This Plugin For?

• Freelancers & agencies building client sites with Elementor
• Bloggers & publishers who want post grids and archive layouts
• Small businesses that need landing pages, services, and testimonials
• Beginners who prefer drag-and-drop sections over custom code
• Store owners (PRO) who want WooCommerce-ready shop widgets
• Creatives (PRO) who showcase portfolio and project case studies

Requirements

• WordPress 6.0 or later
• PHP 7.4 or later
• Elementor 3.0 or later (free version works — Elementor Pro not required)
• WooCommerce — optional; required only for PRO shop widgets
• Contact Form 7 — optional; required only for the Contact Form 7 widget

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.