Scribd
Upload
28 views

How To Embed Your Customized Widget in WordPress

This document provides instructions for embedding a customized widget in WordPress using the following steps: 1) Log into your WordPress dashboard and click on the Posts or Pages tab to open the post editor screen. Add media by uploading the customized widget file or selecting from the media library. 2) Copy the widget code from the text editor tab and paste it into a text file for later use. 3) Open the widgets section from the Appearance tab and drag the text widget into the desired sidebar area. 4) Paste the widget code saved earlier into the text widget content area and add a title. Save the changes and view the site to see the embedded customized widget.

Uploaded by

Jaysa Chee Gundran
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
28 views

How To Embed Your Customized Widget in WordPress

This document provides instructions for embedding a customized widget in WordPress using the following steps: 1) Log into your WordPress dashboard and click on the Posts or Pages tab to open the post editor screen. Add media by uploading the customized widget file or selecting from the media library. 2) Copy the widget code from the text editor tab and paste it into a text file for later use. 3) Open the widgets section from the Appearance tab and drag the text widget into the desired sidebar area. 4) Paste the widget code saved earlier into the text widget content area and add a title. Save the changes and view the site to see the embedded customized widget.

Uploaded by

Jaysa Chee Gundran
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 58

How to Embed a

Customized Widget
in WordPress
By:
Jaysarie C. Gundran
The Evolving Virtual Assistant

This is the customized widget


to be embedded

Log in to your
WordPress account

A dashboard page
will open

Click either the Pages Tab or Posts Tab in the Dashboard

In this tutorial, the


posts tab is chosen

Click the Posts tab

This will open

Click Add New

The Post Editor Screen


will open in the
visual tab

Click the Add Media button

Open the file to be embedded

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

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

Click Select Files button and locate the customized widget


to be embedded

Click the Open button

Click the Insert into post button

Your customized widget will be added on the


Post Editor Screen

Click the Text Editor tab


on Post Editor Screen

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

Highlight the code


of the customized
widget then right click

Copy and paste

the code in NotePad

From the Add New Post Section, Click the Appearance tab then Widgets

Leave the Add New Post Section by clicking the Leave this Page button

The Widgets Section


will open

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

We will use the Text Widget

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

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

This will open

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

You can also add a Title to your customized widget

Click Save

View Site

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

You might also like