Note: Some of the functions used in this article are only available in the Mozilla Firefox or Internet Explorer web browsers. For maximum compatibility with the editor it is suggested to use the Firefox web browser.

If a widget (an embedded object or other external tool) has been placed in a webpage, it can be easily moved to a different location on the page, or even to another webpage on the same site. Use the below instructions as a guide to easily change the location of the widget. For instructions on how to add a new widget, please see Adding Widgets (YouTube, Facebook, etc.) to Pages or Web Boxes.

The example used is a YouTube Video widget, which displays a YouTube Video on a web page, but the same process applies to widgets from any source.

  1. Login to the Top Producer Website Control Panel or Featured Website Control Panel. If you have multiple websites hosted in the account, click Edit Site on the desired website.
  2. Go to the Quick Tools menu and click Edit My Site.
  3. Go to the Website Manager menu and click Manage My Pages.
  4. Locate the page containing the widget and click the View/Edit link on that page line.
  5. In the Content section, both before and after the widget is shown on the page, type XXXX. Then place the cursor at the location where the widget needs to be moved to, make room as necessary, and type 123456789. This typed text will be deleted later, and serve only to make it much easier to find the needed page code within HTML mode in the next step.

    Website Page - Content Editor

  6. Click the HTML (<>) icon in the bottom left corner of the Content Editor window. If prompted to confirm entering HTML mode, click OK to continue.
  7. In the HTML view, locate the two sets of “XXXX” previously entered, select all the code between them, and cut the code using CTRL+X (PC) or Command+X (Mac). Then delete the remaining X’s from the page.

    Website Page - HTML Editor

  8. Locate the 123456789 on the page that was also previously entered, delete it, and then paste the code in its place using CTRL+V (PC) or Command+V (Mac).

    Website Page - HTML editor - paste code

  9. Switch back to the Design view by clicking on the Pencil Icon in the bottom left corner. Please note that some widgets will not show inside the editor, and will only appear after the page is saved and viewed on the live website.
  10. Click the OK button at the bottom to save the page.
  11. Make sure to view the website to ensure the widget shows correctly on the page.

    Website Page - Confirm Widget