This document provides a step-by-step guide on embedding a customized widget in a WordPress site. It covers logging into WordPress, creating a new post, inserting the widget code, and positioning it in the desired sidebar area. After saving the changes, users can view the customized widget displayed on their site.

1. How to Embed a
Customized Widget
in WordPress
By:
Jaysarie C. Gundran
The Evolving Virtual Assistant

2. This is the customized widget
to be embedded

3. Log in to your
WordPress account

4. A dashboard page
will open

6. Click either the Pages
Tab or Posts Tab in the
Dashboard

8. In this tutorial, the
posts tab is chosen

10. Click the Posts tab

11. This will open

12. Click “Add New”

13. The Post Editor Screen
will open in the
visual tab

15. Click the “Add Media”
button

17. Open the file to be
embedded

18. If the file to be
embedded is in the
media library, click the
media library tab

20. If the file to be
embedded is in another
location and still need to
be uploaded, click
“Upload Files” tab

22. Click “Select Files”
button and locate the
customized widget
to be embedded

24. Click the “Open” button

26. Click the “Insert into
post” button

28. Your customized widget
will be added on the
Post Editor Screen

30. Click the Text Editor tab
on Post Editor Screen

32. The Text Editor tab will
show the code of the
customized widget

34. Highlight the code
of the customized
widget then right click

36. Copy and paste
the code in NotePad

38. From the Add New Post
Section, Click the
“Appearance” tab then
“Widgets”

40. Leave the Add New Post
Section by clicking the
“Leave this Page” button

41. The Widgets Section
will open

43. Depending on the theme
being used, widgets can
be added to the
sidebars, footer, header
and other areas

44. We will use the Text
Widget

46. In this tutorial, we will
place it in the default
sidebar

47. Drag the Text Widget in
the area where you want
your customized widget
to appear

49. This will open

50. Embed the code of the
customized widget that
we saved in the NotePad
under Content

52. You can also add a Title
to your customized
widget

54. Click Save

56. View Site

57. Our embedded
customized widget now
appears in the sidebar of
the WordPress Site