Skip to content
Build Faster with Elementor Recipes

The Plus Addons Widget Recipe Library

Prompt ideas for 110 widgets. Copy any one of them straight into Elementor and adjust from there.

Sample recipe Off Canvas

Add a slide-in off-canvas panel that opens from the right side when a button is clicked.

How it works
  1. 1Install The Plus AddonsActivate the free plugin and turn on Abilities.
  2. 2Connect the MCP serverAdd the generated config to your AI assistant.Explore MCP Abilities→
  3. 3Copy a recipe, build in ElementorPaste a recipe; your AI assistant builds the widget for you.

Loading the recipe library

Every Widget, Every Prompt

1,100 ready-made recipes across 110 The Plus Addons widgets. Pick a widget to see its prompts.

Plus Essentials (37)

  • Accordion e.g. Add a search bar to the accordion so visitors can filter questions.
  • Age Gate e.g. Give the age gate a heading and a short description explaining why we’re asking for their age.
  • Audio Player e.g. Add an audio player that streams a song from a URL, showing the track title and artist name.
  • Blockquote e.g. Add a blockquote with this testimonial text on the page.
  • Breadcrumbs Bar e.g. Switch the breadcrumb bar to the second style option.
  • Button e.g. Add a ‘Get Started’ button with an arrow icon after the text, using style 12.
  • Chart e.g. Add a bar chart to this section showing our quarterly sales figures.
  • Contact Form 7 e.g. Embed our ‘Get in Touch’ Contact Form 7 form on this page.
  • Countdown e.g. Make this an evergreen countdown that gives every new visitor their own 48-hour timer.
  • Coupon Code e.g. Add a coupon box with the code SAVE20 that visitors can click to copy.
  • Dark Mode e.g. Use a different visual style for the dark mode switch.
  • Everest Form e.g. Embed my contact form, ID 4, here on the page.
  • Google Map e.g. Switch the map view to satellite so people can see the building from above.
  • Gravity Form e.g. Embed my contact form, ID 3, on this page.
  • Heading Title e.g. Add a heading that automatically displays the current page’s title.
  • Icon e.g. Insert an icon rotated at an angle for a playful look.
  • Info Box e.g. Create an info box titled ‘Our Services’ with a button that links to our services page.
  • Mailchimp e.g. Change the placeholder text in the email field to something more inviting.
  • Meeting Scheduler e.g. Insert a 30-minute Calendly booking widget on this page.
  • Message Box e.g. Add a message box titled ‘Important Notice’ with an explanation below it.
  • Ninja Form e.g. Embed our Ninja Forms contact form (form ID 3) into this page.
  • Number Counter e.g. Add a number counter that counts up to 500 happy customers.
  • Plus Form e.g. Add a form titled ‘Contact Us’.
  • Pre Loader e.g. Use our logo image as the preloader instead of an icon.
  • Pricing List e.g. Create a pricing list entry named ‘Pro’, priced at $29/month, with a short description of what’s included.
  • Pricing Table e.g. Create a ‘Pro’ pricing card at $49/month with a ‘Start Free Trial’ button linking to /signup.
  • Progress Bar e.g. Add a progress bar showing 75% completion labeled ‘Project Progress’.
  • Protected Content e.g. Lock this content so only logged-in users with the right role can see it.
  • Style List e.g. Create a list of benefits, each with a Font Awesome icon next to it.
  • Syntax Highlighter e.g. Paste in this PHP function and display it as a highlighted code snippet on the page.
  • Table e.g. Place a table widget right after the intro text — I’ll enter the comparison data myself.
  • Table Content e.g. Add a table of contents that automatically lists all the H2 headings on the page.
  • Tabs Tours e.g. Create a vertical tab layout with the tab list sitting on the left side.
  • Text Block e.g. Add a paragraph of text to this section introducing our company.
  • Video Player e.g. Embed our YouTube product demo video and have it start muted and autoplay.
  • WP Login Register e.g. Add a login form to this page.
  • WPForms e.g. Embed our contact form into this page, showing its title and description.

Plus Creative (31)

  • Advanced Buttons e.g. Add a call-to-action button that says ‘Get Started Now’ and links to our pricing page, centered on the page.
  • Advanced Typography e.g. Add a big centered heading that says ‘Welcome to Our Studio’.
  • Advertisement Banner e.g. Add an advertisement banner with an image, a title, a subtitle, and a button that links to our sale page.
  • Animated Service Boxes e.g. Add a fancy service box with an icon, a title, and a short description.
  • Before After e.g. Add a before-and-after image slider comparing two photos, labeled ‘Before’ and ‘After’.
  • Carousel Anything e.g. Make the carousel slide vertically instead of side to side.
  • Carousel Remote e.g. Add previous/next navigation buttons that control the image carousel elsewhere on this page.
  • Cascading Image e.g. Add a floating image layer that gently drifts up and down on its own.
  • Circle Menu e.g. Add a floating button that expands into a circular menu of social icons.
  • Draw SVG e.g. Upload a custom SVG icon and animate it with a self-drawing line effect.
  • Dynamic Device e.g. Show our app screenshot inside an iPhone mockup frame.
  • Flip Box e.g. Create a flip box titled ‘Our Services’ that flips horizontally when hovered.
  • Heading Animation e.g. Create an animated heading with the prefix ‘We Are’ and the animated word ‘Creative’.
  • Horizontal Scroll Advance e.g. Add a subtle skew effect to the slides as visitors scroll through them horizontally.
  • Hotspot e.g. Add a hotspot pin on the product photo with a title and short description tooltip.
  • Hover Card e.g. Add a hover card here that shows a short text tooltip when someone hovers over it.
  • Image Factory e.g. Add a shape-masked image that also links out to another page.
  • Morphing Layouts e.g. Slow the shape morph down for a more dramatic effect.
  • Mouse Cursor e.g. Replace the mouse pointer with a custom icon while hovering this section.
  • Off Canvas e.g. Add a slide-in off-canvas panel that opens from the right side when a button is clicked.
  • Page Scroll e.g. Turn this section into a full-page scroll slide.
  • Process Steps e.g. Create a vertical process steps section for our 4-step onboarding flow, with a title and description for each step.
  • Row Background e.g. Fill this section with a simple solid background color.
  • Scroll Navigation e.g. Place the scroll navigation on the left side.
  • Scroll Sequence e.g. Set the frame filename prefix to ‘frame_’ so it matches our uploaded images.
  • Shape Divider e.g. Add a triangle shape divider to the top of this section.
  • Smooth Scroll e.g. Enable smooth scrolling on this page with the default settings.
  • Switcher e.g. Add a toggle switch to this page so visitors can flip between two versions of content — label the two sides and fill in what each one shows.
  • Timeline e.g. Add a timeline to this page with several entries, each having its own title, description, and image.
  • Unfold e.g. Change the expand button text to ‘Show more’ and the collapse button text to ‘Show less’.
  • WP Bodymovin e.g. Add a Lottie animation to this page using this JSON file URL, and have it loop continuously.

Plus Header (5)

  • Header Extras e.g. Add a search icon to the header.
  • Mobile Menu e.g. Add an extra ‘More’ button that opens additional menu content.
  • Navigation Menu e.g. Set up a horizontal top navigation bar with links to Home, About, Services, and Contact.
  • Navigation Menu Lite e.g. Add a horizontal navigation menu using our site’s main WordPress menu.
  • Site Logo e.g. Add the logo widget using our SVG logo file instead of a raster image.

Plus Blog (7)

  • Post Author e.g. Add the post author box to this template using the first style layout.
  • Post Comment e.g. Add the comment form and change the submit button text to ‘Post Comment’.
  • Post Content e.g. Add the full post content to this single-post template.
  • Post Featured Image e.g. Show the featured image as a small thumbnail at the top of this archive card template.
  • Post Meta e.g. Add a meta info block that shows the post’s category, using the second layout.
  • Post Navigation e.g. Add previous/next post navigation links at the bottom of this single post template, using style one.
  • Post Title e.g. Make the title a clickable link that takes visitors to the full post.

Plus Listings (12)

  • Blog Listing e.g. Only show posts from a specific category in the blog listing.
  • Clients e.g. Add a grid of client/partner logos to this section.
  • Custom Field e.g. Display a custom field’s value on the page with a clear label next to it.
  • Dynamic Categories e.g. Show my post categories in a clean grid layout on this page.
  • Dynamic Listing e.g. Show related posts based on shared category at the bottom of this article.
  • Dynamic Smart Showcase e.g. Add a magazine-style showcase featuring our latest posts.
  • Gallery e.g. Add a gallery that scrolls as a carousel.
  • Product Listout e.g. Show a grid of related products on this product page.
  • Search Bar e.g. Add a search box that lets visitors search through blog posts.
  • Search Filter e.g. Add a filter that lets users filter items by custom field values.
  • Team Member e.g. Add a team member card for Jane Doe, Marketing Director, with links to her Twitter and Instagram.
  • Testimonial e.g. Add a testimonials section styled as a 3-column grid using style 2.

Plus Socials (5)

  • Social Embed e.g. Embed an Instagram post using its link.
  • Social Feed e.g. Add a Facebook feed widget displayed as a carousel.
  • Social Icon e.g. Create a row of social icons linking to our LinkedIn and YouTube pages.
  • Social Reviews e.g. Add a widget showing our Google reviews in a grid.
  • Social Sharing e.g. Add social share buttons in a horizontal row.

Plus Woo (13)

  • Woo Cart e.g. Add the WooCommerce shopping cart to this page.
  • Woo Checkout e.g. Add the WooCommerce checkout form to this page.
  • Woo Compare e.g. Show the comparison as a table.
  • Woo Multi Step e.g. Add a multi-step checkout widget to this page.
  • Woo My Account e.g. Add the WooCommerce My Account widget to this page.
  • Woo Order Track e.g. Insert the order tracking widget into a dedicated section on my ‘Track Your Order’ page.
  • Woo Single Basic e.g. Put a product details block here but hide the description — just show the title and meta info.
  • Woo Single Image e.g. Add the product gallery to this product page with the thumbnails along the bottom.
  • Woo Single Pricing e.g. Show just the sale price, hide the original/regular price.
  • Woo Single Tabs e.g. Add the product tabs (description, reviews, etc.) to this product page.
  • Woo Thank You e.g. Place the order confirmation content at the top of this container.
  • Woo Wishlist e.g. Add a wishlist block to this page using the grid layout.
  • WP Quickview e.g. Add a product quick-view button and center it.
The Plus Addons Widget Recipes

Frequently Asked Questions

Everything you need to know about copying a recipe and letting your AI assistant build the widget inside Elementor.

What Is a Widget Recipe?

A ready-made, plain-English instruction you copy and give to your AI assistant. It tells the assistant exactly which The Plus Addons widget to build and how, so you skip writing the request from scratch.

How Do I Set This Up?

Install The Plus Addons, connect the MCP server, add the generated configuration to your AI assistant, and start building. Full steps are on the MCP Abilities page.

How Do These Recipes Work?

Copy a recipe, paste it into your AI assistant, and it builds the widget directly in your Elementor editor. The recipe is the prompt; your AI assistant does the building.

Does This Generate HTML, or a Real Elementor Widget?

A real Elementor widget, never an HTML dump or a core Elementor fallback. Each recipe builds an actual The Plus Addons element with its own element ID.

Does It Use Only Elementor Widgets, or The Plus Addons Widgets Too?

The Plus Addons widgets, placed inside standard Elementor containers. Recipes cover all 110 widgets across the free and Pro range.

Will the Result Be Responsive and Cross-Browser Tested?

Yes. The AI places the same tested widgets you would use manually, so the output inherits their existing responsive behaviour and browser support, and respects your global colours and typography.

Can I Edit What the Assistant Builds?

Yes. Every result is a real Elementor element with a real element ID. Open the panel, change settings, duplicate it, or move it.

Is a Recipe Just a Prompt I Paste In?

Yes, a tested starting point. Run it as-is, or tweak it first.

Can I Optimise a Recipe Further?

Absolutely. Add your own details (a style variation, item count, spacing, or a breakpoint rule) and the AI adapts the build.

Which Assistants Are Supported?

Any MCP-compatible AI assistant, including Claude, Cursor, VS Code, Windsurf, and Cline, or any other tool that speaks the Model Context Protocol.

Do I Need The Plus Addons Pro?

Free covers the essential widgets; Pro unlocks the rest, including the full WooCommerce suite. Recipes are provided for both.