Image Shapes Widget for Elementor
PRO

Image Shapes Widget for Elementor

Image Shapes widget crops your images into unique shapes, helping you create engaging layouts that capture your audience’s attention and break away from the ordinary.

Use Any Image

The image shapes widget is auto adaptive and can work with any image size you upload. Fully responsive and smart auto cropping for your images. 

Choose any image you want and select a shape from the list. It’s that easy.

Unique Layouts

This is a great tool if you are a none designer and do not know how to crop images using graphic designer tools. Take your designs to the next level and start creating.

Any Image, Any Shape

You don’t need Photshop anymore to crop your images. 

Blend Modes

Image shapes support all the popular css blend modes. Blend modes take you one step further to not needing any graphic design software to achieve amazing effects.

Solid Shapes

You can even use the image shapes widget without a image and use it as just solid color shapes.

Step by Step Tutorial

Learn How It Works?

Learn how to use the Image Shapes Widget with this video tutorial. Master each step at your own pace effortlessly.

Image Shapes Widget Frequently Asked Questions

What is the Image Shapes widget in an Elementor website?

The Image Shapes widget allows you to display images with custom-shapes, giving your website a more dynamic and visually striking look. It enables you to create non-traditional image shapes like circles, triangles, or custom polygonal forms, enhancing the overall design and user experience of your Elementor website.

How do I add the Image Shapes widget to my Elementor website?

To use the Image Shapes widget, you need to have the Unlimited Elements Pro version installed and activated on your WordPress website.

  1. Go to the Unlimited Elements Widget Library.
  2. Search for "Image Shapes" in the search bar.
  3. Hover over the widget in the search results and click Install.
  4. Add the “Image Shapes” widget to any Elementor page.
Is the Image Shapes widget a free widget?

The Image Shapes widget is not free; it is included in the Unlimited Elements Pro version. Unlock this widget and many other advanced features by upgrading to Pro. Upgrade Now

What types of images can I use with the Image Shapes widget?

This widget supports various image formats, including SVG, vector images, and regular image files. This flexibility allows you to upload and use a wide range of image types. You can easily incorporate these into your design while taking full advantage of the shape customization features.

What shape options are available in this widget?

This widget offers a wide variety of shape options, including geometric and custom shapes such as triangle, trapezoid, parallelogram, rhombus, pentagon, hexagon, heptagon, octagon, nonagon, decagon, bevel, rabbet, left arrow, right arrow, left point, right point, left chevron, and right chevron. This extensive selection allows you to customize the appearance of your images in a unique and creative way, depending on your website’s design needs.

Can I enable a link with the Image Shapes widget?

Yes, this widget allows you to enable a link for the image. This means you can make the image clickable, redirecting users to a specific URL when they click on the image. This feature is useful for e-commerce sites, portfolio pages, or any design that requires interactive visual elements.

Can I adjust the height and width of the image in this widget?

Yes, this widget allows you to set a specific height and minimum width for the image. This feature gives you control over the image dimensions, ensuring that it fits perfectly within your design layout, while maintaining the integrity of the shape and overall appearance.

Can I set a background color for the image in this widget?

Yes, you can set a background color for this widget. This feature allows you to enhance the visual appearance of your image by adding a background color that complements your design. You can adjust the color to match your site’s theme or use it to make the image stand out more effectively.

Can I apply blend modes to the image in this widget?

Yes, this widget offers a range of blend modes for further customization. You can choose from options like Normal, Multiply, Screen, Overlay, Darken, Lighten, Color Dodge, Saturation, Color, and Luminosity. These blend modes allow you to control how the image interacts with the background, providing more control over the visual effect and helping you achieve the desired design outcome.

How do I use the Image Shapes widget in Elementor?

Using the Image Shapes widget is simple. Drag the widget into your page, upload your image, and choose the shape you want for the image, such as a circle, triangle, or custom polygon. You can also adjust the image size and other settings to fine-tune the shape and style according to your design preferences. Check out our documentation for detailed guidance.