Build Your Own Business Website header image

Whoops, you've found some premium content!

Watch the opening clip of this video to preview it,
the full video is available to paid members.

Lesson 10 – Part 7 – Create a Call to Action Using a Text Widget

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to - ,

Benefits of Using the Black Studio TinyMCE Widget

The next thing we’re going to look at is using that Black Studio TinyMCE widget to create a somewhat more complex widget. The Black Studio TinyMCE widget is actually a text widget but it’s a text widget that gives you the full range of editing options that the regular WordPress editor gives you.

What you can Add to the Black Studio TinyMCE Widget

Remember that this text widget was just a blank thing there. Now you can put in standard HTML and you can put in javascript. You can’t put php but you can put those other things in here. In this case, this has a visual editor and an HTML editor and you can choose which way you want to work in it. You can insert images using the add media. It is a totally slick little plugin and chances are, you’re going to use that quite a bit.

Customize the Widget

So my title here is going to be ‘We love helping small business owners build their own sites.’ And then I’ve got this content I want to stick in there. Now in this case, you don’t have to worry about checking whether or not the paragraph tag’s going to be added because it automatically adds paragraph tags just like the WordPress Editor does. So if we come back over here and refresh it we’ve got that laying out just like that.

Add Styling

What I really want to do here though is change the content a bit. I want to add some special styling to some of these things. So what I’m going to do here is I’m going to take both of these things and center them. And then this, I want to make an h4 or an h5. And this I want to make a link.

Although I think I’m just going to talk about doing that and make this a link next time because I think I’m going to run out of time here today. I was going to make this a telephone link so if somebody’s looking at your site with a smartphone, they can click on it and automatically dial out.

Let’s make it bold and italic anyway. So we’ll save that, come back over and refresh it. Obviously, I need a little bit more room in here and h5 I guess was maybe not the right choice. Let’s try h4. Although I do want a little bit more space there so I’ll press enter and I might actually take this and down here and place that.

So now I’m not going to have a title there but maybe I’ll make this an h3 and hit save. And I have it, there we go. Actually, the real customization of this is going to have to wait until next week when I have that additional thing added to Agility because today, I’m not getting exactly what I was looking for out of this. We’ll leave the rest of it like that. Save it, refresh it and we’ve got a little bit of styling.

Now when it’s all said and done, it’s actually going to look like this. But I have not yet finished the update to Agility that gives you the ability to make this kind of a widget style which is essentially what we need to do is be able to style the widgets like that. But by next week, I’ll have an updated version ready to do that.

Save $200 on Membership Now!

Start learning today for as little as
$0.82 PER DAY!
Subscription Options
0 Comments… add one
0 comments… add one

Leave a Comment