Shape Widget

Overview

The Shapes widget is a handy design tool that can be used to highlight your important messages.  Create buttons and banners, call out awards, highlight sale prices - create a dynamic CTA. You can add an image, color background and text, control the size - even add a shadow.   The widget can be placed on any location for complete flexibility.

 

shape_thumb.gif

Guide

  1. Drag & drop the Shape widget anywhere on your page. To learn more about adding widgets to your website, see Adding Widgets.
  2. Choose your shape from the content tab

SHAPE_CONTENT.jpg

 

In the content tab you can add a link and title and description which can be turned on or off.

 

SHAPE_button.jpg

In the design tab you can change the size, color, add a background image, change text style, add hover effects and more.  

A few examples of adding great shapes to your sites:

SHAPE_header.jpgSHAPE_pricing_plan.jpgSHAPE_scroll_down.jpg

Considerations

Make sure the design settings you define are correct per device. As usual, settings such as spacing (of the whole widget and individual items), width and more are defined per device. You can read more about it in our Edit by Device article.