Widgets are the easiest way to add custom items and features to your Wordpress website.

Most of them are are highly customizable, and they will allow you to easily insert various useful functions into your Wordpress sidebar or any other widget-ready area (post, page, footer, etc).

However, they are providing pre-defined functions and solutions that can't be edited without altering the original source code.

This is why Wordpress comes with a text widget that will allow you to add custom text (and HTML) to a given widget area.

The problem?

It's just a simple text box, with a media button and a few basic elements:


In other words, if you'll want to create something really nice and unique, you'll have to write your own HTML code. And obviously, most beginners don’t know how to write an HTML/CSS code in order to get the desired output.

Hence the logical question: wouldn't be nice if you could create your own widgets using a WYSIWYG (What You See Is What You Get) visual editor?

Well, you can! And I've decided to create this short tutorial where I will show you how to use a fully featured visual editor to create your own widgets in Wordpress.

Interested?

Let's do this!



Join the Discussion
Write something…
Recent messages
Ragman1 Premium
Thanks Zed very cool. I have found a few times when I wish I had another widget. I'm sure I will use this. Thanks again.
Robert
Reply
smartketeer Premium
Thank YOU!
Reply
MSilvester Premium
I guess I am to new to know some of the things regarding your tutorial, you did not explain how to install the zip file after download?
Thanks
Markus
Reply
smartketeer Premium
Click the Add New button and locate the downloaded file on your computer.
Reply
MSilvester Premium
Got it.
Thanks,
Markus
Reply
mbouteiller Premium Plus
Thank you Zed.

Another great plugin and I have this bookmarked.

Monica
Reply
smartketeer Premium
Thank you Monica!
Reply
CandP Premium
Thanks, Zed, that's a really useful little plugin and a very helpful tutorial.
Colette and Philip
Reply
smartketeer Premium
Thanks my friends!
Reply
9Catherine9 Premium
Thank you for sharing this training.

Although I do have a question.
If I use this widget box on a side menu, can I build a post page
with my product links in this text? Or would the widget box make the links 'dead' links?

I have been trying to figure out a product page for two weeks now.
It's getting frustrating cause it's taking too much time.

I also want to build a landing page so I can start building a list.
I'm stuck.....
Any suggestions?

Have a Happy Day!
Reply
smartketeer Premium
I don't understand your question Catherine ...

The sidebar widget and the "post page" are two different components. What are you trying to achieve here?

Landing page for list building? Again, it's a bit confusing ... You can create a landing page just like you would create any other page ... You just need to include the sign-up form of the given list building/autoresponder platform.
Reply
9Catherine9 Premium
ok, Umm.
I will try to explain a bit better,
I want to create a page that would contain my products in a categorized manner. My website is in the Health and Wellness niche but I cover a variety of areas with my posts. Therefore I have products to do with three different categories. Instead of filling up my blog post or web content with affiliate links, I was considering a page to refer to any interested buyers, and it would have my featured products, as per category, as well as other products to buy.

My categories are Healthy Mind, Fitness, and Natural Healing.

Now for the list.
Does WA do the autoresponders through our platform or do I need to purchase an outside source for this?

Hope this helps you understand what I'm aiming for here.
If not, no worries, I won't quit till I figure it out. lol
Thank you for your time and patience today.

Keep smiling :)
Reply
smartketeer Premium
OK. I understand the idea ... Yes, you can create a dedicated page with all those links, but I still don't understand what's the connection with this tutorial and the widget areas ...

No, WA doesn't have any autoresponder features. You'll have to sign up for an emailk service provider like Mailchimp or AWeber and they will give you an HTML code to insert the sign up form into your landing page.
Reply
9Catherine9 Premium
Ok
This widget training got me thinking about how to go about this idea again. That's the relation to the video.
And I have been trying to learn more about the autoresponders but wasn't sure if that was provided here with WA.

That's all and thank you for the help today.

Have a Happy Day!
Reply
Top