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.

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. The first step is to locate the code needed to insert the widget into the Website page or Web Box. For instructions on how to locate the necessary code, please refer to the code provider’s instructions or help guides.

  1. Copy the code of the widget by selecting it and pressing CTRL+C (PC) or Command+C(Mac).

    YouTube Embed Code Example

  2. 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.
  3. Go to the Quick Tools menu and click Edit My Site.
  4. Go to the Website Manager menu and click Manage My Pages to add a widget to a page, or click Manage My Web Boxes if you want to add a widget to a Web Box.
    • If adding the widget to a web page, locate the page you want to add the widget to and click on the View/Edit link on that page line.
    • If adding the widget to a web box, under the Add a New Web Box menu, click Custom Message then set a title for the new box.
  5. In the Content section, place the cursor where the code should be added, make room as necessary, and type in 123456789. This will be erased later – it simply makes it much easier to perform the following steps.

    Page Content Editor View

  6. Click the HTML (<>) icon in the bottom left corner of the Content Editor window. If prompted to confirm switching to HTML mode, click OK to continue.
  7. In HTML view, locate the text previously entered (123456789).

    Page Content HTML view

  8. Delete the 123456789 and then paste the widget code in its place, using CTRL+V (PC) or Command+V (Mac).
  9. Switch back to the Design view by clicking on the Pencil Icon in the bottom left corner. Note that some widgets will not show inside the editor, and will only be visible after the page is saved and viewed on the live website.
  10. Click the OK button at the bottom to save the page/Web Box. If this as a Web Box, select the pages to add it to on the right column of the Web Box Manager. Note that some widgets are too wide to fit into a Web Box, and may need to be added directly to a page rather than in a Web Box. View the box on a page on the website to confirm that the widget fits correctly.
  11. Make sure to view the website to ensure the new widget shows correctly on the page it was added it to.

    Website Page view