Multi Style Kits For Elementor – Abdiel Wordpress Plugin - Rating, Reviews, Demo & Download

Multi Style Kits For Elementor – Abdiel Preview Wordpress Plugin - Rating, Reviews, Demo & Download
No ratings yet
Free
Follow for free plugins, new theme releases and theme news

Plugin Description

Multi Style Kits for Elementor – Abdiel gives you the freedom to have multiple Brandboards (Style Kits) within the same website.

Elementor normally restricts you to one single Global Kit for the entire site. This plugin breaks that limit, allowing you to play with colors, typography, and styles without losing your original identity.

You can have multiple “identities” living together on the same site. It is perfect for:
* Landing Pages: Give a specific sales page a unique look without affecting your home page.
* A/B Testing: Quickly swap design systems to test what converts better.
* Multi-Brand Sites: Manage distinct color palettes for different sections of your business.

This plugin is free to use. If you find it useful for your projects, consider supporting the development using the link in the sidebar!

Key Features

  • Unlimited Kits: Create as many Style Kits as you need.
  • Per-Page Assignment: Assign a specific kit to any page directly from the Elementor Editor.
  • Live Preview: See how the kit looks on your page before saving changes.
  • Bulk Assignment: Apply a kit to multiple pages at once using the dashboard tool.
  • Global Switcher: Change the default look of your entire site in one click.
  • Import / Export: Move your kits between sites easily.

Screenshots

  1. <strong>Main Dashboard:</strong> Overview of your Kits. (1) <strong>Set as Global:</strong> Makes this kit the default for the whole site. (2) <strong>Clone:</strong> Duplicates the kit. (3) <strong>Export:</strong> Downloads the kit as JSON. (4) <strong>Normalize:</strong> Fixes standard Elementor format issues. (5) <strong>Delete:</strong> Removes the kit. (6) <strong>Bulk Assignment:</strong> Tool to apply kits to many pages. (7) <strong>Contact:</strong> Support & resources tabs.

    Main Dashboard: Overview of your Kits. (1) Set as Global: Makes this kit the default for the whole site. (2) Clone: Duplicates the kit. (3) Export: Downloads the kit as JSON. (4) Normalize: Fixes standard Elementor format issues. (5) Delete: Removes the kit. (6) Bulk Assignment: Tool to apply kits to many pages. (7) Contact: Support & resources tabs.

  2. <strong>Bulk Assignment Tool:</strong> Apply styles massively. (1) <strong>Select Kit:</strong> Choose the design you want to apply. (2) <strong>Content Type:</strong> Choose between Pages or Posts. (3) <strong>Scope:</strong> "Selected (IDs)" lets you search for specific pages; "All" applies it to everything. (4) <strong>Search:</strong> Type the name of the page, click to select it, and run the batch.

    Bulk Assignment Tool: Apply styles massively. (1) Select Kit: Choose the design you want to apply. (2) Content Type: Choose between Pages or Posts. (3) Scope: “Selected (IDs)” lets you search for specific pages; “All” applies it to everything. (4) Search: Type the name of the page, click to select it, and run the batch.

  3. <strong>Plugin Settings:</strong> (1) <strong>Default for New Pages:</strong> Automatically assign a kit when creating content. (2) <strong>Normalize Colors:</strong> Adds missing dark/light system colors. (3) <strong>Reset Base Kit:</strong> Restores the example kit if needed.

    Plugin Settings: (1) Default for New Pages: Automatically assign a kit when creating content. (2) Normalize Colors: Adds missing dark/light system colors. (3) Reset Base Kit: Restores the example kit if needed.

  4. <strong>Import / Export:</strong> Backup your work or migrate your Brandboards to another website easily.

    Import / Export: Backup your work or migrate your Brandboards to another website easily.

  5. <strong>Elementor Editor Integration:</strong> Located inside Page Settings (gear icon) > Multi Style Kits. Use the dropdown to select a local kit for the current page only.

    Elementor Editor Integration: Located inside Page Settings (gear icon) > Multi Style Kits. Use the dropdown to select a local kit for the current page only.

  6. <strong>Live Preview:</strong> When you select a kit, the editor reloads with the new styles. A floating bar appears asking you to <strong>"Save"</strong> to apply the changes permanently or refresh.

    Live Preview: When you select a kit, the editor reloads with the new styles. A floating bar appears asking you to “Save” to apply the changes permanently or refresh.


Reviews & Comments