# Inserting a Simple Widget

Lets add a widget into a page. In this example, we're going to insert a simple ContentBoxBadge Widget which has no parameters or arguments. We show you how to create this Widget in the `Developing for ContentBox` section of the documentation.

Lets browse in the admin to `Content > Sitemap` and click on a page. Find the location in the text you would like to add your widget, and click the Green ContentBox Widget icon ( circled below ).

![](https://1193444366-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LA-UVvYQ9YKIVXFz01w%2F-LA-UcIjNIclM_mn00Gl%2F-LA-UosNRqOspKgEInZw%2Fcb_widget_insert.jpg?generation=1523647993281195\&alt=media)

Pick a Widget out of the list, you can filter the widgets, or select by category ( categories are defined in the Widget properties ).

![](https://1193444366-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LA-UVvYQ9YKIVXFz01w%2F-LA-UcIjNIclM_mn00Gl%2F-LA-UosSoCV4QZlE13t-%2Fcb_widget_insert_pick.jpg?generation=1523647993224730\&alt=media)

Click anywhere on the Widget itself, and the Insert Widget Dialog will open like the screen below.

![](https://1193444366-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LA-UVvYQ9YKIVXFz01w%2F-LA-UcIjNIclM_mn00Gl%2F-LA-UosWOWDGVgJ5NR4M%2Fcb_widget_insert_options.jpg?generation=1523647994759526\&alt=media)

If there were arguments, you could adjust them here. If this is the widget you want, and the preview looks good, click `Insert Widget`. `Back to Widgets` allows you to return to the Widget list to look for a different widget. `Cancel` returns you to the Content Editors.

Once inserted, click Publish, and then you'll see a Widget placeholder like this.

![](https://1193444366-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LA-UVvYQ9YKIVXFz01w%2F-LA-UcIjNIclM_mn00Gl%2F-LA-UosnqfqwVYXAxEM_%2Fcb_widget_placerholder.jpg?generation=1523648000007423\&alt=media)

If you right click on the widget, you can get a Widget Context menu like below. You can edit, or remove a Widget through that context menu, or just double click the Widget placeholder to edit directly.

![](https://1193444366-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LA-UVvYQ9YKIVXFz01w%2F-LA-UcIjNIclM_mn00Gl%2F-LA-UossTZpLt4k6lQPt%2Fcb_widget_edit.jpg?generation=1523647993206515\&alt=media)

This example has no arguments or parameters to change, but if you did, you would be able to edit those here, and click `Update Widget` to save those changes.

![](https://1193444366-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LA-UVvYQ9YKIVXFz01w%2F-LA-UcIjNIclM_mn00Gl%2F-LA-Uot1q0PUKHrq3Vyt%2Fcb_widget_insert_edit.jpg?generation=1523647993815590\&alt=media)

You can preview the page using our Responsive Previewer which allows you to see what your page will look like, in desktop, tablet and phone views ( horizontal and vertical ).

![](https://1193444366-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LA-UVvYQ9YKIVXFz01w%2F-LA-UcIjNIclM_mn00Gl%2F-LA-UotXxg5x7KiTNdKj%2Fcb_widget_preview.jpg?generation=1523647993221604\&alt=media)

![](https://1193444366-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LA-UVvYQ9YKIVXFz01w%2F-LA-UcIjNIclM_mn00Gl%2F-LA-Uot_n9NWfZzMv4bX%2Fcb_widget_preview2.jpg?generation=1523647993370015\&alt=media)

When you are happy, ensure you save / publish your page to keep your changes. Once saved, you can view it on the front end of the website.