Hey, y’all, it’s another WordPress Wednesday. I’m Kori Ashton, and today I’m gonna show you exactly how to build a one-page WordPress website in just a matter of a few minutes, maybe even less than 15 minutes. Are you ready? Stick around, ’cause I’m gonna show you step-by-step how to get it done, right now.
All right, y’all, you’re here for one reason, and it’s to build a WordPress website, a single page, really cool, smooth scrolling, looks something like this, right? As you’re looking through, it looks something like this. How do you build something like this, kind of on the fly, down and dirty, easy, for a client, something that you can give them that they’re still proud of, but on a very small budget? What does that look like? Well, I’m gonna show us step-by-step here’s how to get it done.
Of course, I have to give a shout out to Pressable, who makes these videos happen by sponsoring them, you guys, they love the WordPress community so much, and they are providing even better hosting solutions these days than in the past. If you’ve ever checked them out before, stop by, check them out again, I’ll put a link to them in the description box below, and I’m gonna give you a coupon code too, ’cause I want you to go experience what true WordPress hosting should be.
These guys offer a great price, huge, like, huge support for you. They’re gonna have staging environments for you, all the bells and whistles, you get premium Jetpack included, I mean, these guys only do WordPress support, so be sure to check them out and tell them Kori Ashton sent you their way. I would appreciate that.
Divi Theme Purchase
First thing you’re gonna do is head on over to Elegant Themes where you’re gonna pick up a copy of the Divi theme, right? You guys know I’m a huge fan of the Divi theme. And, I mean, it is a little expensive considering themes are typically $30 to $40 a pop. I think it’s incredible that they would be willing to give us the ability to use this on unlimited websites. Online, all the other licenses you’re ever gonna get are only good for one install. This Divi theme is great for unlimited, so let’s use it and use it in cool, different ways. So, you’re gonna purchase a license here, and then once you have that you’re gonna run over to your website and we’re gonna go ahead and install it.
Divi Theme Installation
You’re gonna go in your dashboard. Go to your appearance, go to themes. And, of course, we’re gonna click add new, and because we’ve purchased it elsewhere we’re gonna be clicking upload theme. Clicking that, you’re gonna be able to choose the zip file that you downloaded once you purchased it from Elegant Themes.
You wanna always install the zipped file, and click install now. That’s it, super simple, it’s ready for us. Let’s go ahead and click activate. And it’s off and running. So, one of the other steps you’ll need to do is be sure to grab your access code so that basically you’ve set up your theme to communicate over with Elegant Themes. So, let me show you that quick option right now so that you can go ahead and just put in your license for the updates area. This is where you’ll add your username and your API key from Elegant Themes. You’ll wanna do that step first, just as your due diligence to be certain that you always get alerts whenever the Divi theme needs updates.
So, go ahead and jump back over to Elegant Themes, and go back into your account area and let’s get that done. The other thing this is gonna do for you is it’s gonna give you access to an amazing Divi library, so are y’all ready, ’cause we can go play and have all sorts of fun now.
Enable Visual Builder
I’m gonna click over and go to the front side of the website so you can see exactly what we’re starting with. This is the absolutely basic Divi design. But one of the ways I’ve been able to build so quickly is that Divi has a lot of internal child themes that already exist. So, I’m gonna go in here, go back to my dashboard. I’m gonna go to my settings area, go to reading, and I just wanna be sure that we go ahead and give our homepage a static homepage. I don’t have any content really created yet, so I’m just choose the default sample page for now. Save changes. Go back to the front side of my website, click refresh. So, now we’ve enabled the visual builder. Clicking on that allows us to have this really cool popup that happens that tells us would you like to take a tour? If you’ve never used Divi before, I highly recommend taking this quick tour.
For the sake of now in this tutorial, I’m gonna click start building. But, it allows me to choose from these three options. Use an existing bit of content, choose a pre-made layout, or clone an existing page. I wanna use a pre-made layout. Browse the layouts. So, these are all the Divi internal layouts that they give you, and each one of these has all sorts of different designs, even inside of them. All of these are totally free to use. They come included in the license that you just purchased. Makes it kinda easy, huh?
Now you’re gonna see how I build it so quickly. Oh, it gets so exciting! So here’s the theme right here that I showed you my example on. This is the coffeehouse layout that I just think is really slick and beautiful, and you can look through all of the different pages that they have designed here, the contact page looks really nice and clean. They have a little shop section inside of here too. Really nice, clean, minimalist type of menu page. I think that’s really nice.
Choosing Landing Page Mockup
But I actually use this landing page concept here for the mock-up that I’m showing you. So, I’m gonna say use this layout. Takes just a matter of a few seconds for this to upload. Hold on to your hats, ’cause this is where it gets fun. Done, just like that you guys. Watch this, okay, it built everything for me. Here it is, everything’s on the page, easy peasy for me to come in here, click on, make changes to, add a different picture, change the text, do whatever I need to do to make this a little bit more customized for my coffee shop or for my small restaurant. This would be ideal, I mean, you can get creative and even figure out how to use this for a different type of solution or a different type of company.
Making Layout Changes
But I wanted to show you just briefly how to make a couple quick changes if you wanted to. So, if you didn’t want a button that says shop because, again, we’re only gonna have a single page website, you can come in here and actually click on every single element and make changes to them. So, I wanna make changes to this.
The shop button right now, we’re just gonna say find our location, all right. Leave that there and click okay. So, that’s one way to do it, find our location. Anything else that you might have down the page here, full menu, we might need to change that again, since we’re not gonna have necessarily a menu on this page, or we could, potentially. But, all these different buttons can easily just go away, too, by a click of the delete button, right? Pretty easy to create something really cool and minimal.
You even have a blog area here, and again, if you didn’t have that content just yet, you can go ahead and click delete if you’d like to, and it completely zips it up and goes away. Or, if you didn’t wanna do that, you could even hide it for now. Check out this cool little feature that you can do inside a Divi theme. I’m gonna click on the gear icon, go over to the advanced tab and go to the visibility section.
And for now, since my client doesn’t have any blog content yet, I’m just gonna go ahead and disable this on all three versions, basically meaning, please hide this whole section. Now, if the client comes back and says, I’m ready for my blog, I don’t actually have to remember how to implement this area again, I just come back and make it visible. Kinda cool, huh?
All right, all this lives here and it’s ready for us to go ahead and set the navigation. So, let’s look at these different sections. This is kind of a really cool opening section. This here could be a very minimalist type of menu section if we wanted it to be. This talks a little bit about us, and maybe we have that video that people can click on and open up and hear more of our story. This is a really nice section just talking again about our products or maybe what makes us different, so kind of combining it in with that about us section. What makes us different again kind of section. Or, maybe this is too much at this point, and you’re saying, gosh, you know, I really don’t need all of this content.
It’s a lot of content, so maybe we just wanna go ahead and get rid of a whole section. Let’s just click on it and get rid of it. Beautiful imagery always brings people into a great restaurant, so let’s leave that there. This is a hidden section, and then, of course, we have our contact section here at the bottom. So, with those different sections, we can actually make a single-page website and have a really cool scrolling capability. So here’s the trick, I’m gonna go ahead and click save so that we save everything we’ve already built.
Next, I just wanna go through each section and kind of tag them or put an anchor tag naming each section. So, this section here with the menu, I’m gonna come up here to the left side, click on the gear icon, go into the advanced tab again, and here under CSSID, I wanna open up that area, and in the ID area, I wanna type in what this section is. I’m gonna call it the menu for now. Oops, spelled correctly though, probably helps. Menu. Check that box.
That’s it, I’m gonna scroll down here, the our story section. I’m gonna go ahead and open up the gear icon, go into advanced, click on the CSSID, then I’m gonna say, about. You’re gonna need to remember exactly what you called these, and if you capped them or not, so just remember that, you might wanna be writing these down. And this whole section kinda plays to that about us area.
If and when we added the blog, we would wanna click on the gear icon to add the blog area, but since that’s hidden for now, we’re not gonna do that. And then this down here is kinda the contact, or perhaps even the locations area, if we’d like to add that. So, let’s go to advanced, click on this, and say contact. Then okay. I think I would like to add a map over here so that we can have an our locations area, too. So, if we wanted to do that, we could easily do that. I’m gonna go ahead and click save, and jump over to Google Maps for now and grab a quick map. That was pretty simple to add.
So, now I’ve got that saved, I’m gonna go back up here to the top, and now I need to actually create the navigation that speaks to those specific points on my page. Watch the magic happen, you guys. Let’s go back to our dashboard area, go to appearance, and go to menus. This is where we have to remember exactly what we named those stopping points. So I’m just gonna call this a main menu, create the menu.
And we’re actually gonna use the custom links area here. We’re gonna apply the first one and say menu, and call it the menu. Now you’re using this hashtag, or the pound sign, to help the code know where to go to on the page. I’ll show you in a minute how it works. Click add to menu.
The next one down the page was about.
The next one down the page could’ve been the blog, but we don’t have that currently, right?
So, we’re gonna go ahead and say contact. Add to menu. We’re gonna select primary menu, and save menu.
Now, going back to the front side of our website, let’s click refresh. Now we should have our three options that we’ve just created, menu, about, and contact. So, when we go to menu, zips right down beautifully with that smooth scroll, click about, scrolls down to that area on the page.
Clicks contact, goes all the way down to the bottom. If we also wanted that our location button to scroll down here, you can do that as well by coming back up to that button here in this section and choosing the link, let’s see, the link option for button one to link down to that contact section. And click okay. You’re gonna go ahead and click save again.
And then we’re gonna exit the visual builder and test that link to be certain that as you click the button, it’s gonna scroll down to the beautiful bottom part of the whole website to see our location.
Pretty cool, huh, you guys? That’s it, single scroll, beautiful website with all this content, of course, you go in now and just spend time changing content around, making it very customized for your project or your client. Of course, you can change out your logo right up here.
But, it’s always gonna be mobile friendly, beautiful on your screen, let’s show you exactly what that looks like here. Beautiful for a mobile version and iPad, of course, as the Divi theme is fully responsive. Look at that, gorgeous. Let me see what that looks like, you guys. I’d love to hear from you.
Be sure to check out Pressable, because if you liked how smoothly this went, I’ve been building this all on Pressable’s hosting right now. They’re a great safety net, too, as they have 24/7 backup, so if anything went wonky or weird, I could roll back my website with just one click. I hope you’re having a great WordPress Wednesday. This was an outstanding video. If you loved it, let me know. Subscribe, I’ll see y’all next week! Bye, y’all!
Let’s take a look at the new WordPress Twenty Seventeen Theme. Kori Ashton will help you understand how to update to WordPress 4.7 and gives you a reveal of the newest free WordPress theme.
Full Video Transcript
Hey y’all, welcome to another WordPress Wednesday. My name is Kori Ashton here at WebTegrity in San Antonio, Texas and we’re going to be looking, today, at the brand new WordPress theme “Twenty Seventeen”. Every single week I’m producing some sort of video like this. Just for you and the WordPress world. Whether we’re talking about social media marketing inside of WordPress or Search Engine Optimization inside of WordPress (or even just how to improve your website). I’m making a video like this, so be sure to click on the little “Subscribe” button that looks like a little play button and subscribe to our channel. So, here’s what we’re going to be doing today…I want to give you a quick glance at the brand new Twenty Seventeen theme, which of course, is in the budget of FREE. That’s always in the budget.
We’re seeing some crazy, cool trending features inside of this brand-new theme and it’s inside of the upgrade to 4.7. Actually, the theme is out now if you wanted to check that out. I can show you how to get over there and find it; but, let’s take a look at it first and see if you even want to use it. It’s pretty spectacular.
You see in the opening scene, right away, it has a very interesting placement for where your logo will sit. The menu we see down here, just before the first fold ends. It’s obviously available to have video in this opening scene, which is pretty darn slick or you can also just have a static picture sitting there. It gives you an option to press pause on that video, which is kind of a cool little feature to have.
Your main navigation would sit here, right across. Of course, it would extend out the more options
that you had. They give you a little bit of a visual aid here. Letting you know that there’s more down below so, when you click on that you get to see more content.
Again, remember that all of this is just temporary fake content for now. You can apply your own content any way that you can imagine, so dream big with me. Just check out some of the features here, though. We’ve got a little welcome option over here and then a Wiziwig environment where you can put anything you want in text. Then, they’ve got this really large imagery and you see how this kind of overlays and opens up. This is what we’re seeing that’s trending now in 2016 and 2017. This really large imagery. Edge to edge imagery. Large typography and the minimalist approach. So this is very much cutting-edge design here. Even though it’s a minimalist approach. Then again, another section where you have a title
section and a little bit of a layout area here. Where you can have anything you want. And then another beautiful image. Almost a fixed image type of CSS applied to it. Very cool. Yet again another one. So, they just really let you have a lot of beautiful space to add in these gorgeous images. Then, they give you a blog roll which is pretty spectacular too. Right here I see that they’ve got the three most recent blog articles listed here. Something that’s rare to find in a layout is that there’s not featured image visible in this spot, which I think is kind of nice. Again, kind of that minimalist approach.
So, scrolling down you get to see the footer area. You’ve got a column over here and a column over here. And then, of course, your social media icons. This is what that homepage would look like. Let’s go to an inner page and see what the new version of the header would be. This larger image behind here with
your logo up at the top. This is more of a traditional, where your navigation will be across the top, and then, of course, that footer. The blog roll has a really large featured image when you go into individual blog article. A beautiful large featured image at the top and then a right sidebar option and of course, the commenting options. So, pretty slick and pretty cool.
A great job to the team that built this out for you. Twenty Seventeen. Obviously, it’s fully responsive. So, as it shrinks down on a cell phone it’s going to look beautiful on a mobile version or on an iPad version.
So, how do you get this theme? How do you play around with this theme? You’ll go to appearance and go to your “Themes” section. You’ll want to click “Add New Theme” and as soon as you do, it should actually
be this first one visible right here or you can just do a search inside of “Search Themes” for “Twenty Seventeen”.
You can click “Install” and add it into your website. Installing now… And, of course, if you want to activate it, you can. You can come over here to your themes area and see it in your themes area now. That easy to do and it’s free, so there’s no upgraded pro-version of this. Every feature you just saw you get inside of this free version. Alright, the other thing I want to point out to you is, updating to version 4.7 it’s super, super important that you keep your WordPress core up to date. It’s so important.
So, I want you to log into your dashboard and go down here to the bottom side and you’re going to see version 4.7 and you’re going to see up here that you’re running version 4.6.1 or whatever version you might be running. You absolutely want to be sure, as of today, December 8th, that you have an updated version of the core.
So, how do you do that? First things first, if y’all watch my channel you know that you have to have a backup in place. Do not press update unless you know for a fact that you have a backup already in place and you know how to restore it. If you don’t know how to do that, I want you to pause this video. There’s going to be a link in the description box below over to this video, which is “How to Backup Your WordPress Website”. Again, super important that you know you have a backup in place.
Once that’s done, you can go over here to your updates area and it says and updated version of WordPress is available, “Click Now to Update”. Of course, we run on WP Engine’s hosting, so I know that there are backups in place every 24 hours; but, I did go ahead and make another restore point.
So, it’s saying “Hey, before you update are you sure you want to do this, you may want to make a restore point.” No thanks, I’ve already done this. It’s going to go ahead and do all the updating for me. I just want you to be sure that you’re making every single one of your WordPress websites up to date with the most recent version. This, of course, is taking us to 4.7.
Every major update in WordPress they name after a famous jazz musician. This one is named “Vaughan”, after Sarah “Sassy” Vaughan. You can click “Play” and watch this video and see all the different features; but, they do kind of share a few about the new theme “Twenty Seventeen”. They talk to you about some of the upgraded versions, as well. Adding some custom CSS. Some upgrades inside of the menu builder area. It’s pretty cool. They’re also adding some more languages and for those that are super nerdy…I love it and want to learn more and be involved in using the Rest API there are going to be more elements inside of this version of 4.7 for you to just get nerdy in the core.
Alright, y’all. That’s it. Be sure, today, that you go and make sure all of your WordPress websites are up to date. Super, super important. Catch me again next WordPress Wednesday. If you’re in a local area that has WordPress Meetup groups. Be sure to connect there or reach out and be part of the community in your area. You can go to meetup dot com (meetup.com) and do a search for “WordPress”, right in your area. If you’re wondering what that is, I’ll put a link in the description box below. They are free meetings, you guys. Free is always in the budget. Have a great one. I’ll see you next WordPress Wednesday. Bye, bye.
How to make an “ebook” or a flipbook from your pdf files – Kori Ashton from WebTegrity will show you how to do this and how to embed the flipbook into your WordPress website.
Full Video Transcript
Hey y’all, welcome to another WordPress Wednesday.
My name is Kori Ashton here at WebTegrity in San Antonio, Texas and we are WordPress nerds! We love anything to do with WordPress. We develop custom WordPress themes here at our digital marketing agency and we do this YouTube channel, every single week, on every Wednesday. It’s just our way to give back to the community. Today’s topic doesn’t necessarily have to deal with WordPress. But, I am going to show you how to embed this inside of your WordPress website.
Today’s video is all about how to turn a PDF file into a really cool flip book. You’ve seen these online probably and they’re even mobile friendly these days. Check this out. I’ll show you what I’m talking about.
If you have a PDF file, you can actually create it so people can click through back and forth, back and forth. You can zoom in if you want to. Zoom out. You can even go full screen if you’d like to. To create an actual e-book experience, basically. People can experience like they’re reading your book by flipping through pages. It’s pretty darn cool. You can even grab and drag if you want to. Click up here. Let’s see…
You can pull it over if you wanted to and flip the page manually with your mouse. Kind of something cool.
Anyway, I want to show you how to do that. This particular website that I’m playing on right now, I have no idea how to pronounce the name. I’m gonna think it’s Iss-U. I have no idea. I-S-S-U-U dot com. Allows you to do this for free and free is always in the budget. If you watch my channel you know that’s what I say. Let me show you how to do it here. Of course, the free version comes with some ads; but, if free is in your budget that’s what it needs to be. So, you’ll go to the dot com and I’ll put the link in the description box below and you’ll create a free account and then you’ll have this area where you can upload your content. I am going to just drag and drop my PDF file, right there. There you go.
It will upload just for a second. It takes a little time depending on how large your PDF file is. You certainly want to optimize your PDF file so that it loads quickly. Especially if there are a ton of images inside of it. Then, you’ll just go ahead and fill out this cool information here. You can put a description, as well. Very cool. You can say this is just a preview if you’d like or you can leave that unchecked. You can allow people to download things if you’d like to. Download the PDF file.
You can also include detectable links; but, that’s only if you include the premium plan. The price actually isn’t that bad. I’ll show you right over here. $35 a month. Again, that’s if you want no ads and fully customizable so you can put a background on in and really do an upgrade. So, that’s pretty cool.
Bouncing back over here. Just fill out these things and go ahead and click “Publish Now”. This literally has taken not even 30 seconds. Done. You can look at it and check out final publication. So, it takes just a second to pull up. It does start off a little small at first and then it will click and build out here. Alright, so this is our PDF file. It has 15 pages in it that I uploaded. You can see that I can click through and see all the beautiful photos. The whole entire PDF file. Again, if you wanted to zoom in, you could zoom in and read everything and see everything so easily and beautifully. If you wanted to, this comes with it’s own link over here on Issuu.com or you can embed it on your own website.
So, check this coolness out.
If I back this out here and go back to my account…I can go to my publication list here and there’s our beautiful PDF and an embed option. I click on “embed”. It’s gonna ask me to go ahead and maybe set some of the styling around it. I can set the width if I’d like to. Maybe 900 and it’s automatically going to adjust my height. I can set a different background color if I’d like to do something a little different. I don’t know. Put it red. Who knows. Something bold and bright. You can set it to be a single page layout
or open up to a double page layout. Then, of course, right here at the bottom allows us to save and get code. This is the nerd code that you would copy on your clipboard. Just click to copy. Jump into your WordPress website and you want to be inside of a text mode, which we call the “nerd code” mode. You’d paste in that little bit of nerd code and I’ll show you what that looks like on the front side of the website. There it is there, embedded through and you can click to read. I clicked it into full mode. There you go. Click to read through everything.
See these little ads that I was talking about. That’s how they allow you to have a free version. So, if you wanted that to not be that way, of course you could opt out of that by purchasing a paid subscription. You guys it’s that cool and that fun. It gives the reader something a little different and of course you could send them the link to see specifically this one PDF file if you didn’t want it embedded on your website. There are all sorts of different way that you can do that.
I hope this video help you today and I hope you’re having a great WordPress Wednesday. Be sure to subscribe to our YouTube channel because every Wednesday we’re producing something like this where it’s something to do with improving your WordPress website. It’s something to do with bettering your online marketing. Maybe we’re even talking about SEO or social media marketing. Something to do around the world of WordPress. Hope you’re having a great one and I’ll see ya next WordPress Wednesday. Bye, y’all.
Need a voting widget? Or want to create a poll or survey? Here’s a very simple how to video to show you the Add-on Polls option inside of Gravity Forms for WordPress
Full Video Transcript
Hey y’all, it’s another WordPress Wednesday here in San Antonio, Texas and I am bringing to you today the idea of how to put in a poll or maybe a survey or a voting widget inside of your WordPress website.
Today is the day after we’ve elected our presidential candidate for the next four years and I thought, it’s only appropriate that we do something like this. So, how would you run your own survey or your own poll inside of your WordPress website?
Most of you know, that follow our channel here every Wednesday, I’m creating some sort of a tutorial video for you and I’m a super huge fan of Gravity Forms, so that’s what I’m going to use to show you. Inside of Gravity Forms, which of course, is a premium plugin form builder, that can do a ton of stuff. If you guys want to learn more about his form builder, I have a whole playlist here on our channel. It can teach you, step-by-step how to use this thing. It’s so amazingly powerful and it’s a drag and drop environment. You’ll get to see some of that here in a second. But, one of the cool things about it, if you do a search for this “Polls Add On for Gravity Forms” you get to find that it does have an add-on. With just one click of an activation button, you are able to create your own poll or survey and so, that’s what we’re doing. This is my version of a poll “What’s your favorite WordPress form builder?” “WP Forms, Contact Forms 7, Gravity Forms, or Other?” Behind the scenes, how would that look?
Let’s take a look here.
This is the one that you’re viewing, right now. “Polls Test” Gravity Forms, WP Forms, Contact Form 7, and Other. The way I did it this was, I was able to do the add-ons. When you have Gravity Forms and you purchase the developer license, you get all of these additional add-ons for free. So, scrolling down here again, you get to see everything that they have here. It’s pretty amazing.
Right here is a polls add-on that you can activate, again for free and once you have that activated, you can create a new form and you will have an advanced field now called “Poll”. You can just drag it over and drop it, open it up and change your options. They also have things other than radio buttons which are a choose one. They have check boxes for you to choose multiple if you’d like. They also have a drop-down for you to choose from and allow your visitors to choose from a drop-down.
You can also randomize the order of the choices, which is super cool, as well. This basically means that every time a visitor comes to your site and they click refresh, the order of the options will rearrange and be random. So, that’s kind of cool. And, of course, you can require the field.
So, this is all pretty nice if you do the radio button or the checkboxes, you can also add the other choice field, as well. So, one of the cool things about this, though…Let’s update the form. If we go back here…and click refresh. You can see our options here. We’ll just choose some things here. “Gravity Forms”, “Submit”.
You get to see right away the results, which I think is spectacular. So, those that are taking the poll get to get some feedback, like you saw, as well. Let me see if we can do this. It didn’t let me do this earlier. So, let’s see.
I’m gonna edit the page and then go back and view it. It allows us to take a sneak peak initially where you can say “View Results” even without taking it. You can kind of see what’s going on and go back to the poll. Check that out.
You can disable that if you want to. But, then the other thing you get to do, if you’re not impressed yet, hold on…hold on…Check this out.
Now that we’ve got this built, we can come back here and there is an area to say “Poll Results”. We can actually view an administrative area. All the different answers and you can do a date range and you can filter things. It’s pretty cool if you have a more advanced poll, something pretty spectacular.
Alright, y’all, if you’re interested in Gravity Forms I’ll put the link in the description box below. I hope that you use that link. That is our affiliate link. I appreciate the love that you’re giving us for doing this type of tutorial. If you have questions about Gravity Forms, be sure to check out our whole playlist here on our YouTube Channel; but, also send me an email, give me a tweet. Go over to Facebook and find us or in the comments below, give me a question or two and I’ll try to do a video just for you.
Hey y’all, Welcome to another WordPress Wednesday. My name is Kori Ashton here at WebTegrity in San Antonio, Texas and today’s topic is: Where to go online to learn WordPress.
So, all of y’all know if you’re finding me here on YouTube, that we do a Wednesday video all about WordPress. So, every single Wednesday I’m producing a video talking to you something about WordPress. Well, we just had WordCamp San Antonio and it was a huge, awesome success. We had just about 300 attendees and from that, I discovered that a lot of people from our community kind of struggle with trying to figure out where to learn WordPress online, kind of in their own time or maybe even find instruction in person. How do we do that?
So, I’ve got some cool resources I want to walk you through in this quick video. So, I’m just gonna shrink down here. Of course, we’ve got our YouTube channel. We’ve got over 200 videos now and you’ll be joining over 14,000 subscribers hanging out with us here, every single Wednesday.
You’ve also got Learn dot WordPress dot com.(learn.wordpress.com) Check that area out. It’s got some pretty cool resources for you and you’re able to navigate through, starting from total beginner to a little bit advanced. Kind of nice.
Of course, you’ve always go the Codex, right. Codex dot WordPress dot org (codex.wordpress.org) This really covers pretty much any topic. Especially for those of you looking to do more advanced things. You can certainly check that out here. The only issue I have with this is, it’s a little bit difficult to understand. There’s a little bit of a learning curve.
So, I would suggest (If you’re a brand new beginner) to start out with something more along the lines of WP101. They’re another Texas company, so I’ve got to give them a shout out. They’re doing awesome things over here. They’ve got some free videos for you to watch, so you can get an idea of their structure and their style. Then, you can pay to jump in and learn all of it. It’s pretty extraordinary. I highly, highly recommend these guys.
WPbeginner is also a great blog. They also have a YouTube channel. They’re always doing stuff on here. Some things are very, very beginner and then they also go pretty advanced. So, if you’re the type of learner that likes to watch a video or read blog article follow a tutorial; check these guys out.
I’m also a huge fan of Carrie Dils. She was a keynote speaker here at WordCamp San Antonio. She is another Texan who just absolutely loves WordPress. She’s an evangelist, a front-end developer. She also teaches here at Lynda dot com (Lynda.com). So, check out here courses here and you can get some ideas. She’s also an excellent resource for anyone using Genesis (The framework for WordPress). She’s got a lot of different courses here that you can take. See, there’s one specifically here for Genesis. So, check that out. See what you think about that.
If you’re not the type of person that likes to learn just online, you actually want a little bit of interaction and engagement, we offer here at WebTegrity an online course you can take. It’s a 6-week course that takes you totally from how to install WordPress and all the way through it. Now, this is an online course; but, it’s live instruction. You are actually partnered up with one instructor. Could be me, could be somebody else here on my team, who teaches you in-person just like you’re viewing now. We get to share screens. So, if you’d like to do that, you can come over here and learn everything that we offer and you can just choose here and it would say, “Any open class” or it will also say “Online Class”. Check that out. See what you think about that.
Ok, here you go, you guys.
In your local area, if you again need that instruction in person, go check out Meetup. What I want you to do is go to Meetup dot com (meetup.com) and just do a quick search for WordPress. I’m gonna slide off the screen so you can see this. All these pins right here are WordPress meetup groups that are free to attend. That’s a great budget, right? They’re free to attend. So, connect with someone in your local area. Whether it’s here in the states or all around the world, you’re able to find a meetup group that can help y’all improve your website and helps you get started in WordPress.
There’s also a WordCamp Central. So, again, I was just mentioning that we just had WordPress WordCamp San Antonio. These are typically one to two-day events that happen in your community and it’s all centered on WordPress. A lot of time the tickets are way inexpensive. Like, $20 to come and attend an event like this where it’s an aall-dayworkshop and you can come and talk to instructors, meet developers, talk to people who know WordPress and learn a lot and you can network a lot. It’s a really cool resource. Check that out and see if they’ve got one running in your area.
Also, there is WordPress dot tv (wordpresss.tv). So, if you’re not able to attend or there’s not one in your immediate area you can jump over to WordPress.tv and this is where a lot of those workshops that are held all over the world are recorded and put here in a library. You can do a quick topic search if you’d like. You can search around and see all types of stuff. Here’s someone talking about Yoast. Small business and design. Discovery there. That’s pretty cool. Becoming a better engineer. Talking about development. You’re gonna find some things that are pretty advanced and some total beginner. You’ll also find some cool business stuff. Some social media marketing tips. Some SEO tips. It’s a pretty great, great resource.
So, here’s some other places that you might be able to find some courses that sound good to you? WPsessions. You can check out all sorts of different courses you can take online. Look at the price tag, you guys. You can’t beat this. This is outstanding. You can click on it and get the full details of what they’re offering. Also, I wanted to note something on this particular website, WPsessions. These authors, some of these are actual Automattic-itions (people that work specifically for Automattic). These people know WordPress. So, check out this resource and see if you find a course that sounds great to you.
Also, you know that I’m a fan over at ThemeForest dot net (themeforest.net) They’ve got an entire area here of tutorials. You can come online and check out. All sorts of tutorials, specifically on WordPress. They’ve got stuff about the API on here. Security. How to create your own plugins. All sorts of cool advanced stuff, if you’re looking to go that route.
Hey, if you’ve learned WordPress in other arenas, things that I haven’t mentioned here, will you please put them in the comment thread below, so that other people can check out those resources and learn more about WordPress.
I hope this video helps you. Be sure to subscribe because I will be doing this again next Wednesday. Something super cool for you to check out. I will see you then. Bye, y’all.
Ready to Learn Word Press – Here’s Kori Ashton’s list of over a dozen online and in person resources –
Hey y’all, welcome to another WordPress Wednesday. My name is Kori Ashton and today is the day that I finally take a look at Divi. There have been several of you asking on our YouTube comments to please review the WordPress theme Divi.
Most of y’all know that I have been a fan of Avada, which is currently been the best selling WordPress theme over on ThemeForest.net. While I do like Avada a lot, I think it has some pretty hefty competition with the Divi theme.
Especially with the new version, 3.0, that’s come out. I’m kind of blown away by how
spectacular this is. I’ve only been playing around with it for a little while, and I’m already seriously impressed. So, I’m gonna show you some of my favorite features for it, right now.
Also, at the end of this video, stick around; because, I’m going to show you exactly why this theme is going to kick Avada’s toosh, when it comes to you using it, especially as a freelancer, as you’re building themes for clients.
Check this out.
Here we go, y’all.
This is over on ElegantThemes.com or you can go and actually try the Divi builder totally for free. You can test drive it before you buy it. It tells you a couple of brief things about it and when it says you can customize everything, I think this is an understatement.
Because, you can absolutely (In a drag and drop environment) customize anything. The other thing, as you’re seeing this play out here with me, as I’m talking… It takes you to the front side of your website to do all this editing and in almost a real-time updating environment, as you’re creating these pages.
That’s comparable to the Beaver Builder plugin that I just reviewed a few weeks ago.
This has that all compact inside of this theme. The other thing that I’ve been super impressed with, as I installed this theme…So, you come here you purchase it, download it, and install it.
When I did that, it was installed in absolute seconds. The weight of this theme is super light. There were no additional plugins required, which I thought was spectacular. So, right away, I’m looking at this and thinking “It’s already a better fit”. If you have ever tried to install Avada, you know you’re sitting there for quite a long time, because there’s just so much. And you’re probably going to be required to do about 3-4 mandatory plugins with the Avada theme.
So far, Divi is already kicking it’s tush. So, let me show you a little bit of what I’ve already done. So, this is my standard WordPress website that I always play around with. I know the colors are a little wonky and weird; but, I was just playing with this, even this morning, and I was able to create this full-width, parallax image, sitting back here. Let me do a refresh so you can see these counters add up, which is super cool. They can add up. Of course, they can be anything you want. I just did four of the same thing. We’ve got a nice little testimonial area, and
some counters right here that just kind of add up with some statistics and, of course, your footer area.
So, this is a very simple page that I’ve built; but, I’m going to take you into it now and show you what it looks like to make any changes to it. Which is crazy cool.
This is also nice, a little hover-over effect. Alright, let’s jump into the edit mode. So, this is the edit mode.
I’m actually on the page where we can make changes to this button if I wanted to.
You’ll see that things are kind of layered together. If I wanted to make changes to this picture back here, I would go into this area and change the image to anything I wanted it to be. Let’s do something like this. I don’t know if that’s a big enough picture. Let’s do this one here.
Upload the picture. That changes out immediately. You can also have a background color on it, instead, if you didn’t want a full picture. You can add a parallax effect or take it off. You can do all sorts of padding, so if this area here is just too tall. You can take that down to about 100 and zip up that spacing for you. It also allows you to do some pretty spectacular things here for responsive issues.
Whether it’s on a phone or tablet or the desktop. So, one of the reasons why you might want to disable this, is if this is a slideshow, and you really don’t want to have the weight of three or four pictures rotating on a cell phone.
So, you could in a sense say “Disable this on a phone” and then, when the customer comes in or your viewer comes in a cell phone, this area would actually hide.
Doesn’t load, so it doesn’t take that long. So, yeah. You can see that. If we wanted to duplicate one of these, you can see how easy that is with the touch of a button, it’s got an option to duplicate. A lot of these functions are the same as standard page builders. You’re probably saying to me, “Kori, I can already do that with my current theme”. Well, you probably can’t do stuff like this…
So, let’s say (I was telling you about the padding. What if I wanted this padding to be a little bigger, even in this space? I can actually grab this line and drag it and add all that padding in that I want. So, however much space. I don’t actually don’t have to go in and nerd code to do it, and I don’t have to know any CSS to go into a custom CSS file. I can just drag and drop. If I wanted to, again, duplicate this area and add… Let’s add another row, so you can see what it looks like.
You can add a full-width row, which is pretty cool. These specialty layouts are pretty spectacular too. If you wanted some custom layouts here. Let’s just do something pretty straightforward, simple. Let’s try this one.
So, it’s asking here “In this area what would you like to put in this side?” I’m gonna do a two column spread. And now, you get to see some of these cool features that it allows us to see automatically. So, here’s this countdown timer that we had in that hero shot up above.
The number counter there that adds things up. You can do posts. You can do sliders. You can do social media. Here’s that testimonial, little module that I threw in there. You can add toggle bars which is pretty cool. This is a really neat feature here and you can just say, “Check this area out”.
State is going to be closed. And…oops, all this content here. I want you to also know that this is blocking my scenes. You can actually move this editor anywhere you need to move. You’ll be able to come over here and you can even edit in this mode
if you wanted to. All this stuff is cool.
So, if I were to go ahead and just click “Check”. Alright. Zip it up. Open it up and you get to see how it kind of plays out. When it’s open it’s gonna have all this content. Toggle open.
When it’s closed it’s just gonna have the title itself. So, you can even play around with these things right here in the front side of your website. Which is again things that my students have asked for repeatedly. Alright, I’ve already kind of proven to you a little bit, about how cool it is and how it totally changes building in the
environment on the front side of your website.
Here’s what I’m going to tell you about why, if you’re a freelancer, you need to looks at this theme, specifically. You know over on themeforest.net, if you buy the Avada theme? The license is only good for one specific domain name, right. So, you can only put it on one website. This particular theme is not that way.
You get to add this Divi theme on unlimited websites. That is insane.
So for $69. A one-time fee of $69. This is one-time per year, you’re able to
use this unlimited. Here’s the other crazy thing. $249, that is a one-time, lifetime access. You get all of themes inside of ElegantThemes.com. You also get access to all the updates, which is super, super important.
You also get access to all their other plugins, so let’s say you had a theme out there already that you’ve been building on and you kind of like what you’ve already got going. But, you’re wondering, “Well, why can’t I just put the fanciness of this page builder inside of that existing website” You can!
They package this Divi builder out on it’s own and you get that with any of these memberships. You get it with the $89 or up and you get access to their plugins.
You guys, I’m kind of blown away with this. If you’re using the Divi theme, will you please mention some comments of your experiences in the thread below? Here’s more from Kori on Divi.
Also, I’ve got a link that I’m going to put in the description box below, that’s going to give you another 10% off of whatever you’re about to purchase, right here.
I’m super excited for y’all. I hope this works out for ya. Let me know how it goes.
Talk to you next week. Bye, bye y’all.
Do you want to disable comments on your WordPress website? Here’s how to do it with a Free plugin.
Full Video Transcript
Hey y’all, welcome to another WordPress Wednesday. My name is Kori Ashton at WebTegrity in San Antonio, Tx.
Y’all, listen up. I am so thrilled to say that we have reached over 1 million views here on YouTube. It’s really just amazing to me that we have so many awesome people that just love to watch our fun WordPress videos and we have over thirteen thousand, six hundred and something…something…something subscribers.
So, very very cool. Thank you for being a part of this community every single Wednesday.
Today, I want to teach you how to completely disable the comments section inside of your website. So, a lot of times you’re building a WordPress site that actually needs to function like a business website.
Maybe you don’t need the ability for people to comment on your blog post, even if you are gonna use a blog inside of your website. So, how can you disable that if your theme that you’re using allows that to be there? Obviously, you know you can do that one at a time. So, you can go in…check this out…
You can go into your post area, “View All Posts” and you can click “Quick Edit” and allow or uncheck that to disallow comments. But, sometimes, even still, your author has allowed them to be there automatically and it’s kind of annoying. So, how do we block that or disable comments inside of your WordPress website?
This is how you do it.
This is a simple plugin to make this happen. So, let’s go here.
We’re going to be looking at “Disable Comments”. Very difficult. That’s the one we’re going to look up. So, I’m going to add that to my clipboard. We’re gonna jump over here and go to plugins and say “Add New”.
We will search for that “Disable Comments”. This is the one you want. Almost a million active installs. It’s been updated recently and it’s compatible with my version, so you know it’s safe to use.
We’re gonna click “Install”.
Of course, if you’re looking at this later on down the road, be sure that those credentials are still there. That it’s got a lot of great reviews. That it’s got a lot of installs. You want to think about that no matter what plugin you’re using on your website. So, now that it’s installed, I’m going to go ahead and click “Activate”.
I’m going to go ahead and activate that.
I’ll slide off the screen, just so you can pay attention to what we’re doing here. Now, underneath “Settings”, you have a section called “Disable Comments”. That’s where you go to just take a look at this really quickly.
You can do a global one-click option. “Disable Everywhere” So, if your author has allowed them to appear on pages and posts, just take them off. Gone.
There’s no commenting option available, now. Or you can make it just on your posts or just allow it on your pages. However, you’d like to do it. Most of the time, though, it’s that “Everywhere” button. Click “Save Changes” and that does it. Breaks it down. Done. Taken care of.
How exciting is that?
What if, though, you have (in your comments section) a ton of comments sitting here? Now, it says it’s closed. But, what if you had 200 or 2,000, or more than that.
Comments sitting there that you just wanted to get ride of? Well, I’ve got another video that I created a while back on how to do that.
This little video here. That’s me just about a year ago. Check out that video. I’ll put the link to this one in the description box below with two clicks.
Just a matter of seconds, you can take away and delete all of those spam comments in one chunk. So, you’re not spending hours and hours trying to remove those comments.
Hey, I knew it was going to be a quick one. Listen, next week and for the rest of this month in October, I’m going to be doing theme reviews. We’re going to be talking about some really popular themes out there in the industry. I’m going to be giving you my two cents and I’m even going to be giving one away for free. So, it’s a premium theme and it’s about an $80 theme. I’ll be giving it away for free.
So, be sure to subscribe to our channel and I’ll see y’all next WordPress Wednesday. Bye, y’all.
How many plugins should you use?
How do you choose a plugin?
How do you know what’s best?
Kori Ashton from WebTegrity gives us the Best Practices when dealing with WordPress Plugins.
Full Video Transcript
Hey y’all, this is another WordPress Wednesday. My name is Kori Ashton at WebTegrity in San Antonio, Texas and we’re just a bunch of WordPress nerds that geek out, nerd out on all this fun stuff.
Today, specifically, I want to talk to you about best practices when it comes to your WordPress plugins.
How many should you be running? Do you need to update them when there’s an update alert? How do you choose the best plugins? Let’s get into it, I’m gonna make this video as short as possible, though, so you can just learn quickly. If you need to, pause me and rewind me.
Here we go.
Looking at your plugins, of course, this is only relevant to those that are running on a self-hosted version of WordPress. So, if you’re running on WordPress dot com, you are not going to be able to see this area inside of your dashboard. You need to be on a self-hosted version. If you don’t know what I’m talking about, I’ll put another video link down in the description box below. Click the “Show More” option and you’ll be able to see a link to a video that will explain the difference between the dot com and dot org versions of WordPress.
Alright, for all those who have a self-hosted version and you’re thinking, “Gosh, I log in here and I’ve got 32 active plugins”. Thankfully, this install we only have five active plugins.
How many plugins should you be running?
So, there’s nothing over on the codex that designates a specific number. This is only my opinion after years and year of developing WordPress websites. What we’ve seen is right about the limit of one dozen plugins. You start to see the website really slow down. Become very sluggish in loading pages. We also start to see some conflict of code, which is a serious concern. Some breaking things take place or just some wonkiness take place on the site.
So, just be sure, as you’re coming into your dashboard (and you’re taking a look at your plugins) that if you have more than a dozen active…The fewer the better, right y’all? The fewer the better.
But, if you have over that, I want you to take a look and see; “Can I eliminate some of these?”, “Are they all necessary?”.
You certainly don’t need two caching plugins. One is good enough if you have to have it. If your host doesn’t already provide that. You don’t need multiple security plugins. Again, your host should be providing that for you. Like WPEngine does.
If they’re not doing that, then one plugin is plenty. You do not need multiple SEO plugins. Just try to go through here and see what is absolutely necessary.
You’re gonna find, the more of these that you can eliminate the faster your website is going to load. The last hassle in maintaining all these is making sure they’re all up to date. Which is a huge, huge necessity.
You always need to be sure that these plugins are fully up-to-date. You can see, right here, that there’s an alert telling me that my visual composer plugin is requiring an update. There’s a new version available.
It’s a little tricky, if you’ve got a premium plugin like this, to make this update happen. But, for the most part, it’s super simple just to click one button and click an update option in here and things are up-to-date and secure, yet again. Super important that you do that and what about choosing a plugin?
What’s the best practice when it comes to choosing a plugin?
Going here and clicking “Add New” plugin to your website, of course, if you’re under 12, right? We don’t want to be adding more than 12. That’s just our opinion. That’s just a WebTegrity standard. We like to see websites go live with actually seven or less. Sometimes, you have to have those photo galleries or the Yoast plugin. That’s what I’m showing you here. This is a best practice.
When you’re gonna go search for any plugin out there, you want to look for a couple of things to be sure that it’s adequate or safe enough to use on your website.
So, first things first, go have a backup of your website in place before you start adding anyone else’s code or plugin. You definitely want to be sure that you have that in place. If you don’t know how to do that, I have another video that teaches you how to backup your WordPress website for free. I’ll put that in the description box below, as well.
Once that backup is in place and you know today that you have a current version in case something goes weird and you can roll this back. You can come here. We’re looking specifically at the Yoast SEO plugin, which is a great plugin for helping you be responsible for your content. Held accountable for how you’re writing your content on your website for best practices when it comes to SEO.
What I want you to check are a few things using any plugin for that matter. You want to make sure it has a lot of installs, so we know this is tried and true. That it’s compatible with your most recent version of WordPress. That simply means that there should be no errors when you click “Activate”, so that’s great to know. The other thing is, you want to be sure that it’s been updated recently.
What you don’t want to do is come here and try to find a plugin to use and it’s been updated two years ago. That more than likely is going to be a red flag to anyone trying to hack your website. This one says a year ago. I would just say, this one says “Untested”. It’s only got 2,000. Even though it’s got pretty good reviews, still try to go with something that’s definitely more tried and true. So, that’s best practices when it comes to choosing a plugin. Of course, that goes the same for you bouncing over to an area for premium plugins.
You want to always be sure that as you’re searching through for premium plugins, that it has great reviews. That it’s been around for a long time. That it’s ready to go for your most recent version and that all the authors are responding great for support with any questions that you may have. All of this is so important, y’all.
You need to be sure that all the plugins are up to date and if you’re struggling this or if some of this seems a little over your head, please give us a call over here at WebTegrity. Shoot us an email over on WebTegrity.com. Give us a tweet. Somehow reach out to us. We’d love to help you be sure that your website is safe, optimized, and loading quickly so that Google loves you.
And that your users have a really great experience being on your website. We hope you have a great WordPress Wednesday. Subscribe, because I’ll be doing this every week. See you next time. Bye, bye y’all.
Kori Ashton reviews the Give plugin for WordPress taking #donations on your website. If you need to accept payments on your website – this is a great way to start! Get the Give Plugin – (Affiliate Link)
Full Video Transcript
Hey y’all, it’s that time again for another WordPress Wednesday. My name is Kori Ashton, here at WebTegrity in San Antonio and I’ve just gotten back from hanging out at, and being honored to speak at WordCamp DFW-Dallas, Ft Worth area. Had a blast and got to meet some of y’all awesome subscribers, who hang out on this channel with me.
Y’all were there and you came up and said hi and I so appreciate seeing y’all’s beautiful faces and getting your feedback and Deb asked me if I would be able to do the next video on donation options. So, that’s what we’re going to look at today. I do have another video that I did, just about a year ago, almost exactly this time last year about accepting payments.
So, I’ll put the link to this video in the description box below; because I cover quite a few plugin options for making payments. But, because of Deb’s question, I decided to keep looking through what might be brand new since It’s been a full year since I’ve done this.
Is there another option?
So, check this out, you guys.
I found another plugin that could certainly be a solution to donations on your website. So, let’s look at this. It’s called “Give”.
So, it’s specifically a WordPress plugin. I am going to install it, right now. I have not done that, yet. At all.
I’ve never used this plugin before and what I’m gonna do today with you is do an honest review. An open, honest real-time review, where you get to see all my blunders. All my issues with plugging it in.
See what the experience is like in sort of a real-time type video setting. So, what I do know, the research that I have done on it is, just by watching this quick YouTube video that they have.
It does tell me that it has some of the features that Deb was asking about. A lot of times on your site you want reoccurring payments or you want the ability to set different levels for payments, or you want the ability to get the financials from the individual, so you know where to send a receipt, or you want the system itself to send an automatic receipt.
How do you do that without looking clunky and just using PayPal all the time? How do you do that? It seems as though this plugin might be the actual solution for that.
So, let’s take a look. I’m gonna go ahead and this is what it looks like over here. This is the other thing, just really quickly before moving forward, I want you to always do this. Moving forward in the future, if you’re watching this video in a month, two months, ten months…
Whatever it is, I want you to be sure, before you plug this in.
That it still has outstanding ratings. That it still has a lot of active installs and that of course it’s been updated recently and that it’s compatible with the version of WordPress that you’re using.
It’s very, very important that you research this prior to plugging something like this into your site. Especially when it has to do with accepting payments and credit card information.
So, here I am logged into my staging site. I’m gonna go ahead and click “Add New” in the plugins area. Of course, if you are on the WordPress dot com version, you’re not able to see this. This is only self-hosted WordPress sites. We’re gonna look for “Give”. Do a quick search for it and here it is “Give- WordPress Donation Plugin”. Again, outstanding reviews and it is compatible with my version.
I’m gonna click “Install”. I’m gonna go ahead and “Activate”.
The other thing I do know from doing a little bit of research, which is pretty typical of free plugins, you get a little bit up front for free and then there’s going to be a paid option for a Pro version or these add-ons that they’re showcasing or advertising. So, let’s experience this together.
Here we go.
So, I’ve activated it. This is the first screen it takes me to. Here’s the thing, a lot of people don’t do this. A lot of people just don’t read. Stop for a second, now, and we’re going to read down this page and see what the instructions say.
A lot of times our students look at this and say “Okay, now what do I do?” and they start to scroll and they want to start clicking on stuff.
So, let’s read.
“Thank you for activating or updating the latest version of Give. If you’re a first-time user, welcome. You’re well on your way to empowering your cause. We encourage you to check out the plugin documentation.” That’s great to see.
So, that basically means those are your instructions on how to set things up. So, if you click on that, you get to come over here and look at the different PDF files that are going to be instructions to help us set this up on our site. Be sure to sign up for the “Give” newsletter if you want. To stay informed about the updates.
Let’s look down the page and see what else it offers. So, here’s “Getting Started”. We’ll jump in there and we want to create a new form, so it’s an area to add forms.
So, notice it says that there should be an area on our left nav over here, for donations. And there it is right here, “Donations”.
So, we’ll want to “Add New Form”. See, it just gives you step-by-step instructions. Already I’m impressed with that; because a lot of times plugin authors don’t give you very detailed step-by-step instructions and it does get a little bit confusing.
This is pretty cool.
Step 1 is “Creating New Form”. It says “From the Add New Form page you’ll be able to choose how and where you’ll be able to receive your donations. You’ll be able to set the donation amounts. You’ll even get to choose whether you want to create a whole page for your form or embed it into a different page on your site.”
That’s a nice feature.
“But, all the features begin simply by going to the menu and choosing ‘Add New Form'”.
Second step, “Choose Your Levels”. “Each form can be set to receive either a pre-determined amount or have multiple suggested levels of giving. Choosing multiple level donations opens up a level section where you can add as many levels as you would like with your own custom names and amounts.”
So, that’s pretty spectacular. And then, “Landing Page” or “Shortcode Mode”. So, this looks like it’s just an option to do “Yes, display the content above the form fields”. “Yes, display below the form fields”. You get to add in a shortcode or put it on a page. “Configure your display options” Here’s that.
“Lastly, you can present the form in A lot of different ways.” So, that’s kind of cool to take a look at.
Let’s go do it.
Here we go.
Let’s see what it looks like.
So, we’re going to title this, for now, “Testing”. Set donation.
So, let’s go for it and do “Multiple Donation Levels”. Let’s say “$5”.
“Add a Level”
So far, so easy.
and then, let’s do “$25”. and say “Give Big”. I’m going to go ahead and set that to “Default” as the $25; cuz, that’s what I’d really rather have. So, display style, do you want these to be buttons that they click on or radio buttons, meaning that they can only choose one. So, what you’re seeing right here is a radio button. This little round button. So, this is probably set to look more like an actual button. Something like this. So, I’m gonna leave it with that. I think that’s nice.
“Do you want the users to be able to input their own donation amount?”
That’s kind of nice.
“Give your own amount” How about that? That’s kind of cool.
“Do you have a goal for this?”
Wow. That’s a really cool feature. So, maybe you have a building project or maybe you have some sort of a goal that you guys are trying to reach. Let’s say $5,000. We can throw that in there and say “Do you want to display the amount that’s already been raised, or do you want to display a percentage to show “Hey, we’re 20% there. We’re 50% there.”
“What color do you want the progress bar to be?”
So, this could start to match the customization of your website, now, with a color scheme. You just click on that and choose your color pallet. So, let me change things around. Let’s go closer to our crazy WebTegrity bluish. Something like that.
“Close Form When Goal is Achieved”?
Wow, so basically, if we hit our $5,000 this form would close and not accept any more donations. We don’t want to do that. We want to just leave that open and let people just keep giving.
So, yes. “Do we want to display content either above or below?”
“Show on page”
“Reveal upon click” or a modal. A modal is like a popup window, pretty much. That’s what that is.
“A complete donation text” So, this is the button for the completing the text and that can just say “Donate Today” or “Make a Difference” or whatever you want that call to action button to say that’s basically triggering the donation.
The default gateway. “By default, the gateway for this form will inherit the global default gateway. “See under Giving settings”.
So, there’s a “Settings” area that we probably need to go to, to set up how we’re actually going to be accepting these payments. This is, “Do you want to require users to log in?”. Do you want to absolutely have to have their contact information? If you do, you should not allow guest donations, basically.
How do you want that to be for the registration? Man, this has a lot of options all the way down.
“Do you need Terms and Conditions set in place?”
You want to say “Agree to Terms” and you can copy and paste all your terms in here. This is huge. A lot of donation options, especially if you’re just grabbing them from PayPal, you don’t have this capability.
This is already set in here.
So, I just want to keep going down to see is all this available for free? I haven’t paid anything yet. I’ve just installed the free plugin, so far. I get to see, also, here’s my shortcode from embedding it on a page.
I’m gonna go ahead and publish what I have, right now. Notice here, it says, it’s looking for a file. It says this may cause issues with it, so we might want to take a look at that and make sure that everything is functioning correctly.
For now, I’m just gonna go to a page and make sure and just click “Add New”, so I can say “Test Donations” here.
I’m gonna drop in my shortcode and I’m gonna preview the page just to see what this form is looking like. So, remember that it’s gonna take on a lot of styling from your website’s theme, right?
So, that’s probably a little bit of what we’ve got going on here.
“Giving Heart” is my $10.
“Give Big” is my $25.
“Give Your Own Amount”
Wow, check that out, you guys.
This is pretty cool. Look how nice this is. And there’s our “Donate Today”. So, if we’re the “Give Big” it’s $25 and “Donate Today” and you’re ready to rock and roll.
Of course, these are my colors from my theme. So, let’s just quickly jump into the “Settings” area and see how we would actually
(Let’s “Save Draft” for this)
See how we would actually set up the payment gateway and see what sort of add-ons are available for us. I know that this is a really long tutorial for us, today; but, one thing I did realize was, that it does have additional add-ons for other payment gateways. Like, Authorize.net, PayPal, Stripe, Wepay and more and more and more. I know you can incorporate it with MailChimp, so that’s kind of cool. PDF Receipts, that’s pretty fantastic you guys.
They’ve got some amazing add-ons; however, I will say this, I’ve already checked out their prices and they’re a little bit of a higher budget. It feels like you get a lot of bang for the buck. You can bundle things together.
If you only wanted to do the reoccurring donation option, you can jump over here and see what it
looks like just to purchase a singular license for just this. Let’s see if it’ll allow you…”Reoccurring donations”
Here we go.
Check this out. “Or just get this add-on” So, there you go. A single license is $127. But, if you bundle and save you’re getting a lot more. “Basic”, you’re getting 13 of the premium add-ons for $147 and then, of course, they’ve got different levels here.
Please note, that this is per year. You’ll have to come back again and renew your license and purchase this. A lot of times these plugins offer you a discount when it comes down to that time of the year.
Alright, so let’s see if this is going to function. Really quickly let’s finish up. So, “Payment Gateway”, I’m in my “Settings” area. “Success Page”, so once they donate you can redirect them to a successful page. That’s pretty nice.
“Field Transaction” page. So, it looks like they automatically created these pages for you inside of your website as you activated the plugin. Which is super nice, very thoughtful of them.
You can set your different currencies here. If you’re in a different country. “Payment Gateways”
So, right now I’m in test mode and it looks like, right away, what you get is a PayPal standard option. So, you would uncheck these whenever you’re able to go ahead and start accepting and you could choose your PayPal.
Here’s your email associated with your PayPal account. So that you get the alert and the money comes to your account.
It looks that simple, you guys. You would just follow through all of this. Here are your email instructions. Here are your display options. It looks like here are your emails here for setting up the receipts.
That’s really nice for them to automatically get a receipt, so your organizing team or your accounting department doesn’t have to mess with that. You guys, this looks like the real deal. Obviously, if you’re gonna need advanced add-ons, you’re gonna have to pay; but, it looks like out of the gate, this would work for you.
If you’re using this plugin or something else, would you put it in the description box below and let us know what you’re using for your payments? And for any donations on your WordPress site? I’m so excited to see how this works for you.
Let us know and I’ll catch you next WordPress Wednesday. Bye, y’all!
Find more of Kori’s Videos – Search Hundreds of Topics for WordPress on her blog
Looking at another WordPress page builder – Beaver Builder is outstanding and allows you to create dynamic advanced layouts in your WordPress pages and posts. It’s a drag and drop environment with “real-time design.
Full Video Transcript
Hey y’all, welcome to another WordPress Wednesday. My name is Kori Ashton, here at WebTegrity in San Antonio, Texas and today we are going to be looking at a brand new page builder that I’m familiar with. It’s not new to the market by any means; but, Mario and a couple other awesome subscribers have asked me to look into the Beaver Builder and, you know, I’m all about learning new stuff. Y’all seriously surprise me with coming up with some cool ideas for me to take a look at. This is a page builder plugin for WordPress.
So, what that means is a lot of times whenever you’re dealing inside of the dashboard it looks more like a Word document environment and it’s not super easy to make really cool layouts and columns and add cool fancier structure to inner pages. Especially inner pages of your website. A lot of times the theme has a really nice dynamic homepage layout; but, then your inner pages can get a little boring and you might want to spice things up a little bit.
How can you do that easily?
The easiest way to do that is definitely with a page builder. There are a couple out there that I’ve already reviewed that I think are fantastic. There are a few out there on premium themes that have their own type of page builder. The Avada theme has the Fusion builder inside of it. So, it’s the same concept, if you guys can wrap your brain around that.
This one is interesting, though; because, it has a free version that’s pretty spectacular on it’s own, and then it has an upgraded version. We’re first gonna look at the free version, today. So, let’s jump in here. The free version is Beaver Builder Plugin. The light version.
Now, of course, remember that if you’re running on WordPress.com you’re not able to plug this in. This is only available in a self-hosted version of WordPress.
So, you would go to plugins and you would click “Add New” and you would just go and do a quick search for Beaver Builder or whatever you would like to do there. This is the little guys that you’re looking to install.
Always remember to be sure and check if this has great reviews and be sure that it has a lot of active installs and you also want to be sure that it’s been updated recently and works well with your current version. Now this one says it’s untested with 4.6.1, which is the version I’m currently running; but, it has outstanding reviews and I know I’ve already played around with it, so I know it’s pretty great.
I’m gonna go ahead and install it and then activate it. Once you do that, here you go. This is what it looks like.
I have a lot of students that take my class and they actually tell me, “Listen, I hear WordPress is super easy to use; but, why can’t it just be like drag and drop and you actually see it in almost real time, instead of having to go back and forth between screens and go to the backside and do the edits…then, go to the front side and refresh. It’s just kind of irritating.” Well, Beaver Builder solves that problem for us.
Check this out, you guys.
Let me go to a page that I haven’t activated yet, so you can see what this looks like. Let’s click “Add New”. We’re gonna do a test for Beaver Builder and…
Check this out.
You see this extra tab we have over here? That’s because I have the Beaver Builder activated. So, I’m going to say “Page Builder”. I’m going to click on that and it’s going to allow me to play around with different template styles if you want. They’ve got a couple of layout things. But, I’m going to cancel that for now and show you what it looks like.
Notice, right away. It doesn’t leave me inside of my usual editor dashboard. I don’t have my “Publish” button over here. What it does is it takes me to the frontside of my website. It allows me to build the page, right here, in the live version of the frontside of my website that all my visitors can see. Of course, they can’t see me, right now building this; but, I get to see the header, my sidebar, my footer, my design. I get to see everything else, kind of around my content and I get to see that in the environment as I build this page. So, let’s go ahead and grab a two column layout.
Drag it over and drop it.
Now, I’ve got these two columns to put anything I want to inside of. In order to do that, you’d enter your options over here. Advanced modules or basic modules. If you want a text editor, I can drag it over and drop it in here. I can add a picture if I wanted to. Let’s just go through here and see if I have a cool photo I can add. Insert into post and save.
So, now I’ve got my image on the left side and let’s say that I want to add content and put some text on the right side…and click “Save”.
These boxes here as you edit them look exactly like our dashboard that we’re used to. Having a visual and text nerd code mode. You’ve got all these different options that you’re used to. So, you would treat this the exact same. As though it were an actual dashboard area. You can put everything in here side by side. Instead of having a button that says “Publish”, you’ve got a button that says “Done”.
It gives you a few options:
“Do you want to go ahead and publish these pages?”
“Do you want to save and exit?”
“Do you want to discard changes and exit?”
So, for now, I’m gonna go ahead and publish my changes. It’s that simple.
You have a drag and drop environment, as well. So, if we wanted to continue making changes to this, we would click “Page Builder”. Now, we’re in here and it activates the opportunity for us to hover over things and make changes.
So, if I wanted this image to move to be a full width, I can just drag it up to create a new row. Now, it’s going to expand out to the full width of my page, allowing me to put something else in here or if I wanted this text to now go full-width, I can now drag and drop it, as well, and it would enter in and go full-width. Then, I can just remove these things. I don’t know. I’m pretty impressed so far with the ease of use and a lot of our students here at WebTegrity have asked repeatedly for the opportunity to see it in a live a environment as you’re building your pages and this really accomplishes that for you.
Let’s take a look at a couple of the other things. Obviously, this is the “Light” version of the plugin.
If you wanted to pay (and we’ll get to the price here in a second).
If you wanted to pay for the premium version, here’s what you get…I challenge you to come over here and try this demo, you can just click that button and you don’t have to give them any information.
You’re literally just gonna come over here, click “Try Demo” and it’s going to open this up for you to go play with. So, I was impressed with what you get for the price tag here. Again, they let you just kind of see a layout that’s already created and let you click on, drag and drop, and make changes to any of this.
You can easily do that.
What you get inside of the paid option…This is what you get with the free option. You still get the rows and columns. You still get all the basic modules; but, what you get in the paid option are all these advanced modules that allow you to have the count down that you see happening here.
These types of little functions. A menu, a number counter, add in your posts. So, all your blogs can sit inside of a page, which is really cool and you’ve got a couple different layout options there. You can put in a sidebar, slideshow, social media buttons, if you wanted something like that.
It’s literally just a drag and drop into things.
Do we want it to be a custom URL?
You can do that.
If you want the alignment on the left. You even have advanced options for adding in extra padding. All this looks pretty cool. It allows for the social media sharing options to be there, so they can like this page, tweet this page, or plus this page. Those types of things really are extremely valuable and a lot of times, especially if you’re running on a free theme, you don’t have cool options like this. So, adding in even the light version of this page builder could definitely get you somewhere.
Here’s what we want to look at now…
So, what does it cost?
This is where it becomes a little bit of a gut punch. The standard price, the lowest price you can get for this is the $99. Now, remember, there is a free version that’s pretty spectacular on it’s own; but, this paid version allows you to have all those premium modules and some templates in there, which is pretty outstanding.
And then, of course, it kind of goes up from there. What’s cool though, is that it’s unlimited sites. So, please be aware of that. It’s not just on one website.
The second you pay for the premium version of this plugin, you can put it on as many websites as you’re building. So, if you think of it that way, the value is pretty extraordinary. You get fantastic support, as well.
So, any questions that you might have about this, I want to challenge you to connect with Beaver Builder, first.
These guys offer incredible support for their plugins and I’m not their support team.
But, if you have questions about functionality or how to do more advanced things. How to do more layouts? Put those in the description box below. I’ll try to do another video on the Beaver Builder.
I’m pretty impressed with it, you guys. Even the free version is pretty spectacular.
Plug it in. Try it on your website. Let me know what you think.
I’ll talk to you soon. Have a great WordPress Wednesday. Bye, y’all.