New Shapes Widget Helps Add Style to Your Site!

Feb 21, 2019

Use Cool Customizable Shapes to Add Flair to Your Site

Our new Shape widget allows you to add 20 different types of shapes to your site which can be further tailored to your liking. Cool custom shapes make for eye-catching banners, tags, award notifications, buttons and more. You can control your shape's size, text, background color, add an image and finish styling with shadows.

Below are examples with step-by-step instructions of various ways you can use our Shape widget to create interest on your site and make information, promotions, images and calls-to-action "Pop!"

The Shape widget is another tool designed to make it easier and quicker to design uniqueness to your site.

Note: By turning off the "Keep proportion" toggle switch, you have even more shapes at your disposal by adjusting the width and height independently.

Highlight Information

1. Choose the round wavy shape and add a title and short description.

2. Select colors for your new shape and texts.

3. To position your new shape so it overlaps the top of a column, use a negative top margin (spacing > margin > -30px top margin).


Highlight a Popular Plan or Service

1. Choose the flag shape and add a title and/or short description.

2. Toggle off “Keep proportion” so you can adjust only the height or width.

3. Select colors for your new shape and texts.

4. To position the shape so it overlaps the top of a column, use a negative top margin (spacing > margin > -30px top margin).


Create a Trendy Visual Shape in Your Header

1. Create a row with two columns.

2. Choose an amorphic shape and add it to the right-side column.

3. Make the shape as big as the column.

4. In the design tab select the layout with the background image and change it to the one you.


Create a Special Button by Adding a Link & Hover Effect

1. Choose the circle shape and add a title and description.

2. Select colors for the shape and texts.

3. To position the shape on the corner of an image, use a negative margin on the left side of the shape (spacing > margin > -50px left & top margin).


Create a Section Divider Scroll Button

1. Choose the diamond shape and add a title.

2. Toggle off “Keep proportion” so you can adjust only the width.

3. Select colors for the shape and texts.

4. To position the shape on top of an image, use a negative top margin (spacing > margin > -50px top margin).

09 Jun, 2021
Publish individual pages when they are ready rather than waiting to update your entire website at once. Available for Enterprise Version customers.
29 May, 2021
Control the Conversation by Directing Site Visitors Where You Want Them w/ a Dozen New Pop-Ups Designed for Every Occasion.
Hands typing on keyboard
By Jovani Gonzales 05 Mar, 2021
Gathering and aggregating form submissions is so much simpler with our new form widget update. Check it out!
Display of Typography
By Jovani Gonzales 22 Feb, 2021
Make your first impressions consistent across all mediums with new Custom & Google Fonts integrations. Take advantage of access to thousands of fonts available through Google Fonts or upload your own licensed fonts and resonate with your site visitors.
Screenshot of Mega Menu in Action
By Jovani Gonzales 10 Feb, 2021
Learn how to build amazing-looking and fully-functional mega menus within your editor with the power of our new Mega Menu Widget. The application is perfect for large-scale sites with lots of pages, categories and the like.
By Jovani Gonzales 05 Jan, 2021
#GoFabulous On Your Website With More Animations.
Show More
Share by: