WEBVTT 1 00:00:00.719 --> 00:00:05.200 Alright. Welcome everyone to another edition of Webinar Wednesday by Brilliant Directories. 2 00:00:05.200 --> 00:00:07.299 It really is great to be with everyone here. 3 00:00:07.520 --> 00:00:12.480 Today, we are on a streak of back to back webinars week after week. 4 00:00:12.480 --> 00:00:14.580 I think this is number five in a row. 5 00:00:14.995 --> 00:00:16.135 It's lots of fun. 6 00:00:16.355 --> 00:00:22.695 Today, we have some fun, simple stuff to share with you guys today, add some, useful tools to your site, and, 7 00:00:23.315 --> 00:00:28.775 a tutorial on a simple how to that'll kinda help you, increase page clicks on your site. 8 00:00:28.880 --> 00:00:31.699 If this is your first time joining in on webinar Wednesday, 9 00:00:32.159 --> 00:00:34.320 welcome. I am Jason there on the left. 10 00:00:34.320 --> 00:00:39.519 We're lucky to be joined by, Rick Martinez and David Rocklin here in the webinar today. 11 00:00:39.519 --> 00:00:42.260 Rick is one of the support specialists here at Brilliant Directories. 12 00:00:42.485 --> 00:00:46.885 Many of you have, maybe emailed with him or had a phone training session with Rick. 13 00:00:46.885 --> 00:00:48.664 Rick, thank you so much for joining us. 14 00:00:48.805 --> 00:00:51.864 And David is the digital strategist here at Brilliant Directories. 15 00:00:52.004 --> 00:00:54.184 He helps with so much of the behind the scenes, 16 00:00:54.660 --> 00:00:58.260 that we see on the Brilliant Directories website and the webinars and the Facebook group. 17 00:00:58.260 --> 00:01:03.379 So thank you guys for taking the time to join us today. Hello, Jason. Happy to be here. 18 00:01:03.379 --> 00:01:08.744 Thanks for having me. Super nice, topic today. Yeah. Likewise. Happy to be here. 19 00:01:08.744 --> 00:01:10.445 Thanks everybody for joining us. 20 00:01:10.825 --> 00:01:12.765 Alright. Great. And I always like to mention, 21 00:01:13.305 --> 00:01:16.985 most of you are, but if you're not, please take a moment to join our Facebook group. 22 00:01:16.985 --> 00:01:20.650 You can go to brilliantdirectories.com/Facebook. 23 00:01:20.650 --> 00:01:23.630 It's a great, place to continue the conversations 24 00:01:24.170 --> 00:01:26.830 in between webinars. I'm very active in there myself, 25 00:01:27.450 --> 00:01:34.085 and I know David and Rick are too, and there's some great conversations and topics in there to really help support you on your journey, 26 00:01:34.545 --> 00:01:40.225 towards growing your online community. So head on over to brilliantdirectories.com/facebook, 27 00:01:40.225 --> 00:01:42.485 and we look forward to seeing you in the group there. 28 00:01:42.784 --> 00:01:46.005 And once again, for those of you joining us for the first time, welcome. 29 00:01:46.670 --> 00:01:51.170 Webinar Wednesday is really a great venue to talk about strategy for your site. 30 00:01:51.470 --> 00:01:58.210 Some of it is related to website setup, but we can get a little bit deeper in helping to, improve your website's navigation, 31 00:01:58.750 --> 00:02:00.450 figuring out how to increase 32 00:02:01.335 --> 00:02:03.595 traffic, convert visitors into members, 33 00:02:03.975 --> 00:02:06.695 and more ideas on strategies to grow your community. 34 00:02:06.695 --> 00:02:09.014 You know, it's very easy to launch a website these days. 35 00:02:09.014 --> 00:02:11.995 There's a lot of turnkey themes and solutions, which is wonderful. 36 00:02:12.295 --> 00:02:13.915 But really in the webinar Wednesdays, 37 00:02:14.350 --> 00:02:18.930 we try to focus on strategy to give you the best resources and tools 38 00:02:19.470 --> 00:02:24.530 to help your online community grow. And a lot of that is using your limited time and resources 39 00:02:25.150 --> 00:02:26.865 as efficiently as possible. 40 00:02:27.325 --> 00:02:32.065 So we try to break through and, provide some tips for you on those things here. 41 00:02:32.605 --> 00:02:36.685 Alright. We have it's been really fun with sharing the lab updates week after week. 42 00:02:36.685 --> 00:02:40.560 We could really see the pace that the the BD dev team is is working 43 00:02:41.100 --> 00:02:41.920 and many times, 44 00:02:42.220 --> 00:02:46.140 the suggestions in the in the recent updates that we have are from the Facebook group. 45 00:02:46.140 --> 00:02:49.600 So thanks to everyone who's contributed there with, your ideas. 46 00:02:50.060 --> 00:02:53.415 We have some very simple ones and actually I'm gonna start from the bottom here 47 00:02:53.974 --> 00:02:58.855 with the most simple ones and I'll work my way up to that top one there, the hero section design for static pages. 48 00:02:58.855 --> 00:03:01.754 This is an awesome update and it's available for everyone. 49 00:03:02.055 --> 00:03:04.135 Let me start with the the the simpler ones here. 50 00:03:04.135 --> 00:03:08.474 The one at the bottom there, pop up module for the members only login. 51 00:03:08.820 --> 00:03:13.880 This one was actually highly requested by Eric Kent in the Facebook group, so thank you Eric 52 00:03:14.180 --> 00:03:17.620 for sharing that with us. Let me show you what that that one is guys here. 53 00:03:17.620 --> 00:03:20.280 So, when you have a members only page, 54 00:03:21.385 --> 00:03:25.565 such as this one, this is blocked for members only. By default, there's two links here, 55 00:03:26.105 --> 00:03:27.785 login or become a member. 56 00:03:27.785 --> 00:03:32.665 Before this update, this login link would actually link you out to the login page. 57 00:03:32.665 --> 00:03:34.525 So it would actually take you away 58 00:03:34.880 --> 00:03:35.780 from the page. 59 00:03:35.920 --> 00:03:43.200 We've now converted that into being a pop up, so the user can log in and access this page directly from here. 60 00:03:43.200 --> 00:03:45.940 And of course, you have your call to actions there in case, 61 00:03:46.320 --> 00:03:49.785 you're not a member, they can register and join the site as well. 62 00:03:49.865 --> 00:03:55.325 So that pop up link is now there when the members only message is displaying on a page. 63 00:03:56.985 --> 00:03:58.425 Alright. This is a fun one also. 64 00:03:58.425 --> 00:04:03.485 We introduced the ability to have more than just regular font weights, just normal and bold. 65 00:04:03.830 --> 00:04:07.849 There's now actually five or six different font weights that you can use on your site. 66 00:04:08.069 --> 00:04:11.049 But what we've done is in the home page design settings, 67 00:04:11.590 --> 00:04:19.164 you can now actually choose the weight of the fonts and it really creates a nice modern touch to any website's homepage. 68 00:04:19.164 --> 00:04:21.824 Let me show you what I'm referring to here. 69 00:04:23.645 --> 00:04:23.965 Okay. 70 00:04:23.965 --> 00:04:29.405 So you can see this looks a bit skinnier than than the normal font here, and this looks a bit heavier here. 71 00:04:29.405 --> 00:04:31.585 Let me show you how we achieved this. 72 00:04:32.069 --> 00:04:36.250 And again, this is just a demo site, we're showing this on. But if you head on over to 73 00:04:36.629 --> 00:04:38.009 your design settings 74 00:04:39.990 --> 00:04:47.110 and the home page layout, this is actually one of the most fun areas of the admin I like to be in is the home page layout. 75 00:04:47.110 --> 00:04:51.265 You know, you really don't need to mess with it after you've set it up the way you want it, too many times. 76 00:04:51.265 --> 00:04:53.285 But when you're setting up a fresh site, 77 00:04:53.905 --> 00:04:58.145 it's one of the the more fun places to to hang out at in the admin here. 78 00:04:58.145 --> 00:05:03.410 So when you have your home page, you can choose to have a main title and of course a subtitle, 79 00:05:04.110 --> 00:05:07.169 and you could always choose the color and the font size. 80 00:05:07.470 --> 00:05:11.090 There are two new ones here, the font weight and the subtitle 81 00:05:11.470 --> 00:05:16.610 font weight. So the main and the subtitle, and it goes from light to extra bold. 82 00:05:16.925 --> 00:05:19.265 So let me just, swap these out. 83 00:05:19.565 --> 00:05:25.985 And it's based on the Google font you're using, so there's about 800 or so Google fonts here in the design settings. 84 00:05:26.525 --> 00:05:27.025 And 85 00:05:27.325 --> 00:05:36.400 if the Google font does support those lighter weights or heavier weights, it will max it out to go as light or as heavy as the font allows using these settings. 86 00:05:37.020 --> 00:05:39.120 So let's just go ahead and save these changes. 87 00:05:40.140 --> 00:05:43.820 And then what I'll do is I'll just keep these here, so I'll just notice the opposites. 88 00:05:43.820 --> 00:05:45.360 I'll duplicate this tab. 89 00:05:45.815 --> 00:05:49.354 So we could see here now we have like an extra fatty chunky, 90 00:05:49.975 --> 00:05:53.195 font size here with that extra bold and this one has become, 91 00:05:53.815 --> 00:05:58.635 nice and skinny. Obviously skinny fonts these days, they look a little bit more modern and elegant. 92 00:05:58.695 --> 00:06:04.370 So when you combine that with the right Google font, you can totally change the mood and feel of your website, 93 00:06:04.910 --> 00:06:09.630 just by the weight and the the font family that you're using. So you can have have some fun. 94 00:06:09.630 --> 00:06:10.750 That's available to everyone. 95 00:06:10.750 --> 00:06:17.845 You can go in your, design settings and play around with the font weights to get the achieved look and feel that you're you're after. 96 00:06:18.945 --> 00:06:24.485 Alright. One more quick one. This is a quality of life update here. You know, a lot of times, 97 00:06:25.025 --> 00:06:31.365 especially for newbies actually, they're like, okay, well how do I get to my video search results or how do I get to my log articles? 98 00:06:31.470 --> 00:06:35.490 So what we've done is, you know, you have your different post types in the admin area. 99 00:06:35.790 --> 00:06:40.850 And if you ever wanted to get a quick link to, for example, let's say your properties for example, 100 00:06:41.310 --> 00:06:42.770 just go ahead and edit it 101 00:06:43.390 --> 00:06:49.935 and where the URL permalink is, now there is a quick link here that's gonna take you to the search results 102 00:06:50.315 --> 00:06:50.955 of that page. 103 00:06:50.955 --> 00:06:54.655 I don't think we have any properties on this site, but I'll just go ahead and click that link. 104 00:06:54.715 --> 00:07:04.610 So it does take me directly to the property listings page, and then of course you can certainly use this in your main menu drop downs or if you wanna link to these pages in your footer. 105 00:07:04.830 --> 00:07:09.570 That's a quick way to get the the link to the different post types that you have. 106 00:07:10.430 --> 00:07:15.650 Alright. And now for the bigger update here, the hero section design for static pages. 107 00:07:15.935 --> 00:07:19.315 I did drop a note about this in, the Facebook group. 108 00:07:19.695 --> 00:07:25.955 I think these settings totally are a game changer for your static web page design with your BD site. 109 00:07:26.335 --> 00:07:29.555 And let me show you exactly what can be achieved here. 110 00:07:30.400 --> 00:07:35.139 Okay. Great. So basically what it allows you to do is just like you have the homepage 111 00:07:36.000 --> 00:07:40.259 settings here, where you can have a background image and you can choose titles 112 00:07:40.880 --> 00:07:46.035 and and all that good stuff, You can now do that on your static web pages. So, 113 00:07:46.415 --> 00:07:52.115 what we've done in this example is our pricing page. I just created an alternate one called join to. 114 00:07:52.415 --> 00:07:54.755 And let me open up the standard one. 115 00:07:55.370 --> 00:07:57.850 So this is without the titles, we're all used to this. 116 00:07:57.850 --> 00:08:02.750 It has the, you know, simple plain text title and then the the membership level options there. 117 00:08:03.130 --> 00:08:10.010 What I did is I just added the background image and we're showing the titles in here instead and then the membership level. 118 00:08:10.010 --> 00:08:15.585 So you can do this on any static page. So if you go to content, edit web pages, 119 00:08:17.005 --> 00:08:23.325 so we have a standard set of pages that, you know, we've created here. And let me go to a page that, 120 00:08:24.090 --> 00:08:27.290 I've kind of been working on here. I think the how it works page. Yep. 121 00:08:27.290 --> 00:08:31.710 So let me edit the how it works page and go through some of the settings that are available here. 122 00:08:32.650 --> 00:08:35.390 So first, the titles that it that it's using are 123 00:08:35.850 --> 00:08:38.110 the main title here and the subtitle. 124 00:08:38.169 --> 00:08:43.525 So you can remove those if you didn't want them there, and then you have your body here in the text editor. 125 00:08:43.905 --> 00:08:49.205 So what you're gonna find in your admin now is this module here. It says hero section settings. 126 00:08:49.825 --> 00:08:51.025 So a few things you can do. 127 00:08:51.025 --> 00:08:55.410 One is you can just disable it and it'll just pages will work like they've always worked. 128 00:08:55.650 --> 00:08:57.190 It's disabled by default. 129 00:08:57.490 --> 00:09:03.170 And then you can choose to display it on all devices or yes, but hide on mobile. 130 00:09:03.170 --> 00:09:06.710 So maybe you don't wanna show this section on mobile. That's perfectly fine. 131 00:09:07.115 --> 00:09:13.855 And then we also know that you might be using banner ads on your site, and there is one banner ad that's below the header. 132 00:09:14.074 --> 00:09:18.495 Banner ad basically right under the main menu, so you can choose to hide that here, 133 00:09:19.035 --> 00:09:21.990 to just create that nice sleek design if you needed to. 134 00:09:22.230 --> 00:09:33.529 And then some settings that we're all used to, font size for the h one and the h two, the new bold settings here, the colors, and then what you can do is also choose the alignment of the entire section, 135 00:09:33.830 --> 00:09:41.425 left, right, or center, and then the column width, basically how wide the frame is for the before the text breaks a line. 136 00:09:41.965 --> 00:09:45.965 Top and bottom padding, so that's how much extra space is gonna be in the image. 137 00:09:45.965 --> 00:09:49.425 Let's do something drastic here like, 202. 138 00:09:49.980 --> 00:09:53.360 And then here is the most valuable part 139 00:09:53.740 --> 00:09:54.639 of this section. 140 00:09:55.100 --> 00:09:58.000 It's the hero section content. So 141 00:09:58.540 --> 00:10:02.079 you can certainly enter just some plain text in here. 142 00:10:02.139 --> 00:10:05.440 It also supports HTML, so if you wanted to include 143 00:10:05.845 --> 00:10:08.665 a button there, you can certainly do so. 144 00:10:08.725 --> 00:10:13.225 But the most valuable thing is it does support the widget shortcode. So, 145 00:10:13.765 --> 00:10:24.410 you can do, you know, everyone's used to this widget equals and then you put the widget name here and it'll render all the HTML and jQuery and all that that I mean the JavaScript and all that fun stuff. 146 00:10:24.550 --> 00:10:35.325 So you could put search modules there, you could put custom coding that you've created there, you could forget about putting the titles and just do everything in a widget in this hero section content. 147 00:10:35.325 --> 00:10:35.825 So, 148 00:10:36.205 --> 00:10:44.225 whether you're a beginner and you're just using the standard settings here, or you're a developer and want to put something a little more high level at the top of those pages, 149 00:10:44.765 --> 00:10:50.256 this hero section content is really gonna provide flexibility for you guys to achieve those things. 150 00:10:50.550 --> 00:10:52.250 And then there's just some default, 151 00:10:52.790 --> 00:10:56.649 font size and colors for this section if you're using plain text. 152 00:10:56.950 --> 00:11:01.610 And then lastly here is the background image that you wanna use for that section. 153 00:11:01.750 --> 00:11:07.665 So, let me just show you what I've done here. So in this case, I've used this background image, 154 00:11:09.245 --> 00:11:15.245 the main title, the subtitle, and then I'm using size 18 font just to add some plain text here. 155 00:11:15.245 --> 00:11:21.970 So it's a great way to create landing pages whether it's your about or mission page or you're creating static resource pages. 156 00:11:22.029 --> 00:11:28.935 And now you can decorate them a bit more, little bit better design, and add a little more high value content to your site. 157 00:11:29.415 --> 00:11:33.015 This is available for static web pages now. This was phase one. 158 00:11:33.015 --> 00:11:37.175 In phase two, we're gonna make this available for member search results pages. 159 00:11:37.175 --> 00:11:42.475 So if you wanted to like have a landing page for a specific member search results category, 160 00:11:42.840 --> 00:11:53.020 you can have that and then have a title like this, a section like this above so that you can really create beautiful landing pages for your different categories or maybe it's a location like a city, 161 00:11:53.480 --> 00:11:57.580 search result page, but you'll be able to add this type of stuff to that there. 162 00:11:58.154 --> 00:12:02.175 Let's move on. We have a nice simple tip of the week here, ties into, 163 00:12:02.555 --> 00:12:07.855 designing your site a bit more to just to add a little bit more friendly navigation for your website visitors. 164 00:12:08.555 --> 00:12:12.015 So this week's tip of the week is how to create tag clouds 165 00:12:12.740 --> 00:12:13.940 for quick links. 166 00:12:13.940 --> 00:12:21.880 And, Dave, you decided that this would be, good today because we're seeing people ask about this, not only in the Facebook group, but we're getting some support inquiries 167 00:12:22.339 --> 00:12:26.985 on how to create, like, links to popular pages on a site. Right? 168 00:12:27.305 --> 00:12:28.105 Correct. Yeah. 169 00:12:28.105 --> 00:12:37.644 Tag clouds were in their original form were pretty popular probably close to a decade ago now, mainly on WordPress sites where you basically had the most common keywords 170 00:12:38.105 --> 00:12:39.644 that appear on a website 171 00:12:40.310 --> 00:12:43.930 displayed in a sidebar widget or module. 172 00:12:44.230 --> 00:12:52.490 So we've kind of modernized that idea a little bit, and we'll walk everybody through how to get that going on your Brilliant Directories site in this presentation. 173 00:12:53.345 --> 00:12:57.505 Awesome. Yeah. I think it's semi self explanatory, but we can dive, right into it here. 174 00:12:57.505 --> 00:13:01.585 So, Dave, tell us, what is a tag cloud if you haven't already explained it? Yeah. 175 00:13:01.585 --> 00:13:06.485 So in its simplest form, it's a cluster of web links to related internal pages of your website. 176 00:13:06.545 --> 00:13:10.589 So most commonly, you'll see a tag cloud either on 177 00:13:11.130 --> 00:13:12.990 a individual content page 178 00:13:13.370 --> 00:13:16.110 or on a search result page on a website. 179 00:13:16.490 --> 00:13:20.350 And the tags or the keywords within this cluster 180 00:13:20.895 --> 00:13:26.415 will typically be related to whatever that page or search is regarding. Yeah. 181 00:13:26.415 --> 00:13:30.355 I actually brought up a good point about tag clouds being used for quite some time. 182 00:13:30.655 --> 00:13:34.515 They do have a bit of of SEO value whereby you're 183 00:13:34.890 --> 00:13:41.150 internally linking to your most popular pages and that and that kind of helps boost their their value on your site. 184 00:13:41.370 --> 00:13:44.510 But for a while, they were being overused and overplayed. 185 00:13:44.810 --> 00:13:50.445 You know, people were using tag clouds with, you know, hundreds of keywords in them and linking to them. 186 00:13:50.505 --> 00:13:54.045 In my opinion, the benefit of a tag cloud now, it does have that small 187 00:13:54.665 --> 00:14:00.925 value for SEO because you'll be linking to your most popular pages and that lets Google know that those pages are important. 188 00:14:01.200 --> 00:14:14.660 But I think it's the convenience factor that it adds, for your members by providing them with useful links that are not necessarily in your main menu, but while they're browsing around your site, and you provide them with ways to access additional, 189 00:14:15.475 --> 00:14:19.095 related content on your site. And that just creates a better overall experience, 190 00:14:19.475 --> 00:14:22.535 and we can talk about some more of those benefits now as well. 191 00:14:22.915 --> 00:14:25.495 Yeah. You bring up a good point in that. Traditionally, 192 00:14:26.035 --> 00:14:27.175 the tag clouds, 193 00:14:27.610 --> 00:14:40.665 while they were overused, they were often overlooked as well simply because they just had a bunch of generic keywords in there that it didn't entice people to click on the individual keywords to see the related contents at all. 194 00:14:40.665 --> 00:14:43.485 And so the use that we'll be showing in this presentation 195 00:14:44.105 --> 00:14:50.365 shows how it can be modernized and more used as an ease of use tool for your website's visitors 196 00:14:50.904 --> 00:14:56.204 while also providing that additional SEO benefit. So going into the benefits of tag clouds, 197 00:14:56.550 --> 00:15:03.690 as we discussed, they do increase the page views and time that visitors spend on your website because you're providing them with additional 198 00:15:04.230 --> 00:15:10.170 useful related pages on your site that they may be, inclined to go to. 199 00:15:10.385 --> 00:15:13.185 That goes into providing visitors with access to those quick links. 200 00:15:13.185 --> 00:15:23.285 So as Jason mentioned, you maybe you don't wanna fill your main menu with a whole bunch of kind of unrelated links, although many of them may be important 201 00:15:23.910 --> 00:15:30.649 to your website users, you can include those in these related tag clouds that we'll be showing in just a moment. 202 00:15:30.790 --> 00:15:32.950 And in that, you can showcase your best pages. 203 00:15:32.950 --> 00:15:36.890 And as we've discussed already, this all adds some SEO value 204 00:15:37.305 --> 00:15:41.005 whereby you are internally linking to other pages on your site. 205 00:15:41.145 --> 00:15:47.165 And and talking about, you know, providing visitors with access to quick links and showcasing your your best pages, 206 00:15:47.705 --> 00:15:49.005 here are some popular 207 00:15:49.800 --> 00:15:54.060 tag cloud use cases, at least with your membership or directory website. 208 00:15:54.600 --> 00:15:59.340 In the search results or on a post page, you may want to link to common keywords that are searched, 209 00:16:00.040 --> 00:16:02.779 and you could create different tag cloud clusters, 210 00:16:03.435 --> 00:16:07.855 for different types of content. So you might have a tag cloud just for your blog posts. 211 00:16:08.075 --> 00:16:09.935 You could have tag clouds for, 212 00:16:10.555 --> 00:16:11.375 member searches, 213 00:16:11.835 --> 00:16:17.935 whether that be location searches or common categories, your most popular categories that are searched. 214 00:16:18.290 --> 00:16:27.190 And then you may not want to link just to search results pages, but, maybe just some of your best content or related pages for a specific type of content 215 00:16:27.650 --> 00:16:32.470 on your site. So when it comes to the tag clouds and what the cluster of of links are for, 216 00:16:32.905 --> 00:16:38.045 you can decide what's best for your website, and it's gonna provide the best experience for your website visitors. 217 00:16:38.905 --> 00:16:39.305 Alright. 218 00:16:39.305 --> 00:16:45.325 I guess we should just jump into the, the fun part here of how to create a tag cloud on your website. 219 00:16:45.579 --> 00:16:50.079 I'll just read through this real quick, and then I'll show you how we can make a new one live. 220 00:16:50.459 --> 00:16:54.639 So basically, you're gonna use the menu manager for this, and you can create a new menu. 221 00:16:54.940 --> 00:16:59.920 Feel free to give it a a nickname and a system name that represents the tag cloud for yourself. 222 00:17:00.324 --> 00:17:04.744 And the key here is in the CSS class, we're gonna add tag hyphen cloud. 223 00:17:04.964 --> 00:17:10.484 That's gonna style the links accordingly, so you really don't have to mess around with too much code or anything like that. 224 00:17:10.724 --> 00:17:14.905 You're just letting the system know that this menu is going to be for tag cloud links. 225 00:17:15.349 --> 00:17:20.570 Then when you launch your new menu, just go ahead and add the pages and and the links to those pages. 226 00:17:20.869 --> 00:17:29.690 And then just like any menu, you can go ahead and paste the short code menu equals menu name wherever you want that tag cloud to be displayed. 227 00:17:30.075 --> 00:17:32.794 So let's take a quick look and see how it's done. 228 00:17:32.794 --> 00:17:36.654 We have a couple examples for you, and we'll build one from scratch as well. 229 00:17:37.595 --> 00:17:46.480 So Dave, I just, I built a tag cloud on this test site here, and we can see I kinda put this at the top of the member search results pages. 230 00:17:46.860 --> 00:17:51.740 It says, popular searches here, and these don't really link anywhere. These could be city names. 231 00:17:51.740 --> 00:17:52.880 These could be categories. 232 00:17:53.420 --> 00:18:00.235 But the idea here is that we're gonna learn how to create these links and then place them in different places around the site. 233 00:18:00.455 --> 00:18:04.875 Yeah. And this goes into the idea of modernizing the tag cloud a little bit, making it more useful, 234 00:18:05.175 --> 00:18:05.675 limiting 235 00:18:06.055 --> 00:18:13.970 the number of keywords or tags in this cluster and also placing in a more useful position rather than having just a bunch of individual, 236 00:18:14.350 --> 00:18:18.850 possibly unrelated tags jumbled together placed in in the sidebar widget. 237 00:18:19.230 --> 00:18:19.950 Absolutely. Yeah. 238 00:18:19.950 --> 00:18:24.610 I think here it's it's providing the visitor with convenience, not overwhelming them with options. 239 00:18:25.415 --> 00:18:26.215 Alright. So, 240 00:18:26.695 --> 00:18:28.955 let's go start at the dashboard here. 241 00:18:29.735 --> 00:18:32.475 And where we wanna go is the menu manager. 242 00:18:33.335 --> 00:18:36.875 And let me show you this first one that I made. It's called tag cloud. 243 00:18:38.050 --> 00:18:41.410 So what we've done is we've we've put the links that we want. 244 00:18:41.410 --> 00:18:44.610 In this case, I'm just keyword one, two, three, four, all the way through seven. 245 00:18:44.610 --> 00:18:46.610 I'm just linking to the home page in this example. 246 00:18:46.610 --> 00:18:50.265 But, of course, you can link these to whatever pages you want on your site. 247 00:18:50.265 --> 00:18:56.045 And it's nice to cluster them so they're related based on the content, that your person is looking at. 248 00:18:56.665 --> 00:19:05.165 In the actions drop down here, if we click on edit menu, we can see that the nickname is tag cloud, the system name is tag underscore cloud, 249 00:19:05.470 --> 00:19:11.170 and the menu CSS class is tag hyphen cloud. This one is the most important, the CSS. 250 00:19:11.230 --> 00:19:16.590 The menu name and the system name, you can just nickname them based on the type of cluster you're creating. 251 00:19:16.590 --> 00:19:19.950 Maybe it's like blog post links or whatever you want. And then, 252 00:19:21.184 --> 00:19:24.645 let me show you where I placed this. So here's the menu name tag cloud. 253 00:19:24.665 --> 00:19:28.245 In this case, I wanted to put it at the top of the member search results. 254 00:19:28.625 --> 00:19:32.804 So I went to edit post settings, and I wanna edit the member listings one, 255 00:19:33.905 --> 00:19:35.765 and search results design. 256 00:19:36.210 --> 00:19:36.710 And, 257 00:19:37.409 --> 00:19:40.710 basically, what I did is I just put menu equals tag cloud, 258 00:19:41.330 --> 00:19:43.890 right at the top there. I just put some extra spaces. 259 00:19:43.890 --> 00:19:47.570 These extra spaces don't matter, and I just did menu equals tag cloud. 260 00:19:47.570 --> 00:19:51.429 And that's how it's showing at the top of the member search result 261 00:19:51.795 --> 00:19:53.395 pages. But let's have some fun. 262 00:19:53.395 --> 00:19:58.855 Let's create a new one, Dave, and, and then go through the process of placing it, in a sidebar. 263 00:19:59.875 --> 00:20:01.415 So let's create a new menu. 264 00:20:01.875 --> 00:20:02.995 I'm gonna call this, 265 00:20:04.130 --> 00:20:04.630 blog 266 00:20:05.250 --> 00:20:05.750 categories 267 00:20:06.690 --> 00:20:07.509 tag cloud. 268 00:20:08.769 --> 00:20:11.429 And our system name, I'll just call it blog 269 00:20:12.130 --> 00:20:12.630 cloud. 270 00:20:13.330 --> 00:20:18.149 Use underscore here, and then all I have to do is put tag cloud here. 271 00:20:19.565 --> 00:20:21.185 And it should be right down here. 272 00:20:21.965 --> 00:20:24.065 So let's actually get some of the 273 00:20:25.005 --> 00:20:26.765 links to the blog category. 274 00:20:26.765 --> 00:20:30.385 So if you don't know how to link to the different categories, for example, for the blogs, 275 00:20:30.925 --> 00:20:33.905 just do a search yourself and hit search, 276 00:20:34.540 --> 00:20:36.160 and that's basically the search 277 00:20:36.620 --> 00:20:42.000 URL to get to one of your categories. I'll just copy the URL, and we'll do category one. 278 00:20:43.660 --> 00:20:45.920 And then I'll just clone this menu. 279 00:20:49.515 --> 00:20:50.735 Clone it two times. 280 00:20:51.835 --> 00:20:52.895 One more time. 281 00:20:53.835 --> 00:20:56.095 Okay, great. So the category one, 282 00:20:56.555 --> 00:20:57.055 two. 283 00:20:58.395 --> 00:21:01.615 Alright. So we created three links here, and we'll save it. 284 00:21:01.909 --> 00:21:04.090 Now if you wanted to put this in the sidebar, 285 00:21:04.710 --> 00:21:06.809 you'd have to go to the sidebar manager, 286 00:21:08.549 --> 00:21:09.049 but 287 00:21:09.750 --> 00:21:13.529 small but here. And let's say we wanna do it on the post single page. 288 00:21:13.990 --> 00:21:15.130 The sidebar manager, 289 00:21:15.685 --> 00:21:18.425 you can only choose to put widgets in the sidebar. 290 00:21:18.805 --> 00:21:22.745 So if we wanted to put the the menu here of the tag cloud in a sidebar, 291 00:21:23.445 --> 00:21:26.665 it's just one extra step here. We would go to the widget manager, 292 00:21:27.285 --> 00:21:28.425 create a new widget, 293 00:21:29.240 --> 00:21:31.500 and just paste the menu equals 294 00:21:33.240 --> 00:21:37.660 menu equals blog cloud, and just give the widget a nickname. So blog 295 00:21:39.000 --> 00:21:39.720 tag cloud. 296 00:21:39.720 --> 00:21:45.764 Because now that this menu's in the widget, I can put the widget in the sidebar and everything should fall into place nicely here. 297 00:21:45.764 --> 00:21:47.224 So let's just, 298 00:21:47.684 --> 00:21:48.504 save this. 299 00:21:49.125 --> 00:21:52.585 And if we come back to the sidebar manager and refresh the page, 300 00:21:53.044 --> 00:21:56.804 should be able to search for blog tag cloud. It's now an available widget. 301 00:21:56.804 --> 00:22:02.000 It's a custom widget I created. Go ahead and I'll just put it at the top of the page here. 302 00:22:03.580 --> 00:22:04.080 Perfect. 303 00:22:04.540 --> 00:22:07.100 And let's go ahead, Dave, and let's look at, 304 00:22:07.900 --> 00:22:09.360 sidebar blog post. 305 00:22:11.180 --> 00:22:14.265 Perfect. So you can see here it's just links, 306 00:22:14.804 --> 00:22:16.725 and that's exactly what it should be. 307 00:22:16.725 --> 00:22:20.265 Now if we wanted to give it like a background color like one of these buttons, 308 00:22:20.725 --> 00:22:22.745 let's show you guys how to do that now. 309 00:22:23.285 --> 00:22:30.940 So what you can do is in your design settings, and I have this really fun article here, we're all familiar with the default button colors that come with your site. 310 00:22:30.940 --> 00:22:32.080 So you can choose 311 00:22:32.380 --> 00:22:33.179 any one of these. 312 00:22:33.179 --> 00:22:40.059 I would recommend using one of these because they will match the theme of your site, and you can just assign them to each link. 313 00:22:40.059 --> 00:22:44.159 So you can do like the primary button color, the info, the success, 314 00:22:44.535 --> 00:22:49.735 and all you would have to do is add this to the CSS class. It's really fun and easy to do. 315 00:22:49.735 --> 00:22:54.795 In my, design settings, button danger is actually representing a red color, I believe. 316 00:22:55.415 --> 00:22:59.595 So what we can do is the menu links, we could just toggle it open. 317 00:23:00.220 --> 00:23:06.080 And over here where it says CSS class, just copy button danger, b t n danger. 318 00:23:06.380 --> 00:23:08.480 And I'm gonna share that article with everyone. 319 00:23:10.700 --> 00:23:12.720 So now if we refresh this here, 320 00:23:14.185 --> 00:23:16.125 we have red buttons here. 321 00:23:16.585 --> 00:23:20.665 Now, Dave, we should add a title to this so people know what these are. Right? Correct. 322 00:23:20.665 --> 00:23:25.780 Something along the lines of related searches or keywords, something like that. Perfect. 323 00:23:25.780 --> 00:23:28.920 So we could just add a new link here. Let's just call it popular 324 00:23:30.500 --> 00:23:31.000 searches, 325 00:23:32.740 --> 00:23:34.120 popular blog topics, 326 00:23:35.140 --> 00:23:37.000 and we'll just move this to the top, 327 00:23:37.460 --> 00:23:38.840 and we'll save the changes. 328 00:23:42.205 --> 00:23:46.945 Perfect. What's really cool also is it collapses itself, so that's really nice as well. 329 00:23:47.165 --> 00:23:52.865 And again, from higher level people, you can get really wild and crazy with the CSS stuff. 330 00:23:53.029 --> 00:23:58.169 For example, if you wanted the links to break under the title, all we would need to do 331 00:23:58.870 --> 00:24:00.490 here in the l I class 332 00:24:01.590 --> 00:24:06.809 is in the CSS class is b t n block. It makes it a full block. Go ahead and save that. 333 00:24:07.465 --> 00:24:11.165 So then you can have popular blog topics here, and here 334 00:24:11.545 --> 00:24:16.345 are your quick links. I think sidebar is the most popular place to potentially put these. 335 00:24:16.345 --> 00:24:20.400 And, of course, you can create different sidebars for your different types of posts. 336 00:24:20.400 --> 00:24:24.180 So if you have blog sidebars or video sidebars or event sidebars, 337 00:24:24.480 --> 00:24:26.500 and then you can make the respective, 338 00:24:27.600 --> 00:24:28.660 tag cloud links 339 00:24:28.960 --> 00:24:29.460 for, 340 00:24:29.920 --> 00:24:32.960 that post type and, of course, your member search results also. 341 00:24:32.960 --> 00:24:45.005 So if you just do follow a few steps with a little bit of the upfront work to figure out where you wanna place tag clouds and then just going through the steps to add them there, you can add a lot of a lot more convenience 342 00:24:45.385 --> 00:24:54.510 for your website visitors and really decorate your site and show your site to your visitors that it that it does have different sections that may they may have not yet explored. 343 00:24:55.289 --> 00:25:00.110 And, yeah, just some common places to to to display the tag clouds, sidebars 344 00:25:00.410 --> 00:25:06.355 above and below search results and anywhere else you feel that it'll add value for the website's visitor experience. 345 00:25:07.375 --> 00:25:10.115 So we'll join you next week for another webinar. 346 00:25:10.255 --> 00:25:13.855 And if we didn't get your questions today, please join us in the Facebook group. 347 00:25:13.855 --> 00:25:17.076 You can go to brilliantdirectories.com/Facebook, 348 00:25:17.076 --> 00:25:21.316 and we can continue the conversations there. Have a great day and a brilliant week, everyone. 349 00:25:21.316 --> 00:25:22.616 Take care. Thanks for joining.