Previously, I talked about what widgets are and how to use them. I also mentioned that I would go into depth on using the Text widget in another post.
The Text widget is probably the most flexible and powerful widget that comes with WordPress.
If you have a sign up box from your email autoresponder service, a ‘schedule now’ button from your online scheduling service, custom Social Media icons you want to use, or an ad banner you want to add, this is the widget you want to use.
Adding a sign up box to a Widget
Your code will look something like this:
So what does all that mean? You don’t really need to know. Really.
Paste that code into the text widget and, if you want, you can add a title for the widget. You probably won’t need to since the form will have a title, but if you did, it would all look like this:
Click Save and you’re done. YOu have a fancy email signup form on your sidebar.
Adding a custom Facebook icon to a Widget
You don’t want the same old social media icons everyone else has. You’ve customized yours to match your page. Now, how do you use it? First, upload that image to the media library. Next, copy the URL of where the image is stored. We’ll pretend it’s http://yoursite.com/wp-content/uploads/facebookicon.jpg. Open a text widget and add this to the text area:
<img src=”http://yoursite.com/wp-content/uploads/facebookicon.jpg” />
That’s just the image, it doesn’t have a link to your Massage Practice Business Page. Go to Facebook and copy the url for your business page. We’ll pretend that it’s http://www.facebook.com/MassageByJoe. We’re going to “wrap our image in a link tag”*
<a href=”http://www.facebook.com/MassageByJoe”><img src=”http://yoursite.com/wp-content/uploads/facebookicon.jpg” /></a>
Don’t freak out if this looks like some foreign language. Put this in your text widget and click Save.
What this line of code says is:
a href= “I am creating a link to the following web page for everything after this point until I tell you to stop.”
> “I’m done telling you the link
img src= “Go fetch the image at the following location”
/> “I’m done telling you the image name and location”
</a> “Stop the link here”
Congratulations! You’ve just learned some html.
Troubleshooting or: what to do if it doesn’t work
More than likely, you’ve not copied something correctly. I see this all the time. It’s easy to miss that last little > and, without that little arrow-thingy, stuff doesn’t work. So, the first thing to do is check to make sure you’ve copied EVERYTHING. Check for typos. Don’t worry about “breaking” your site – You won’t. You’ll either see all that code displayed or nothing. Double check your typing and give it another go.
So go feel the power of the text widget! Play around with it. Let me know if you have questions!
* If you say stuff like this, people will think you’re really cool, trust me.