The most difficult part of adding a widget to your site is actually choosing which widgets to include in your web page! Widgetbox.com alone has over 117,000 widgets for example, Google has over 50,000 gadgets and there are other providers providing similar numbers.

The simplest way of creating a placeholder is to use the Rectangle tool. Select the Rectangle tool and draw a rectangle. Set the rectangle's width and height, and position it in your page where you'd like the widget to display. Most widgets are configurable and allow you set the size, look and feel of the widget. You should therefore ensure the placeholder is created to be the same width and height as the widget being inserted. Position the placeholder in your page where you wish the widget to appear. Apply Repel to the object by right clicking on it and selecting Repel Text Under.

Alternatively it's easy to use a screen print as a placeholder. Most widget providers will display a preview of their widgets. Simply take a screen print of the page with the preview. Most keyboards have a Print Screen button to capture the screen as a bitmap. Paste the bitmap (Ctrl + V), Select Bitmap and then Paste to paste the bitmap into Xara Web Designer or Xtreme. Select the Photo tool, click and drag around the part of the image previewing the widget in order to clip just the preview of the widget you're interested in. Position the screen print in your page where you'd like the widget to display. Apply Repel to the object by right clicking on it and selecting Repel Text Under.

Note: the placeholder is replaced by the HTML code when your web page is viewed in a web browser. Therefore, the only purpose of using a screen print as a placeholder is to show you exactly how your widget will be displayed in Web Designer or Xtreme.

Click on the website properties button, select the Placeholder tab and paste in your HTML code.

That's all there is to it!