Lunch & Learn Important Links:
- DEAL OF THE WEEK:Free & Live CopyDoodles Success Webinar with Brian Bergh! Thursday, Oct 6th at 2pm EDT! Click here to sign up
- WordPress TinyMCE Advanced Plugin – to download, log into WordPress, click on “Plugins,” click on “Add New,” and in the search bar type in, “TinyMCE Advanced.”
- WordPress Support
- Optimize Press WordPress Theme – great and easy to use for sales letters, squeeze pages, thank you pages, etc…
- Headway 2.0 WordPress Theme – drag & drop WordPress theme, make your site look however you want, layout, colors, etc…
- GIMP 2.6 – free image editing software similar to Photoshop. To see more on how to use Gimp check out my 9/7 Lunch & Learn
- Image Optimizer – for decreasing the size of your image files
- Click here to download the transcript from today’s Lunch & Learn
Lunch & Learn Transcript:
Hi, everyone. Thank you for joining me on today’s CopyDoodles Lunch and Learn. This is Lauren, your CopyDoodles Success Coach. Summer is over, September is over and I’m ready for Halloween. I know it’s just the beginning of October, but Halloween is one of my favorite holidays. October is one of my favorite months. So, I hope you and your marketing are ready too.
So, that’s why we’ve got a frightening topic for this week’s CopyDoodles Lunch and Learn. We actually have this topic running for all of October, it’s my spider web of October, I’ll talk a little bit more about that in a second.
Moving on, let’s go through our side notes. For anybody who hasn’t been here before, hasn’t been to a Lunch and Learn, if you want to ask a question make sure that you type it in the question box on your GoToWebinar screen. I have a question and answer section at the very end of this webinar, but if there is anything that you want to stop me with, if you have any questions about anything I’m demo-ing, feel free to do that during the webinar.
Additionally, since you’re registered for today’s webinar you’re also pre-registered for next week’s webinar and the topic is CopyDoodles and Your Website, Part 2. Today we’re going to be talking about a lot of stuff in WordPress and how to add CopyDoodles onto your websites. Next week we’re going to talk about more advanced things as to how to add CopyDoodles to your opt-in boxes, how to add them to the sidebars of your pages and things like that. But, I do warn you today’s Lunch and Learn is a little more advanced than the Lunch and Learns I normally give. So, you will definitely want to check out the replay.
So, what’s that lurking in the dark? It’s our Lunch and Learn Deal of the Week, which is actually not really a deal this week, it’s actually a super-cool webinar you’re going to want to check out. It’s absolutely free. It’s tomorrow — tomorrow at 2:00 P.M., Eastern. Mike will be talking with Brian Berg. He is a dentist and he does a ton of really, really awesome marketing, so you can sign up by going to https://www.copydoodles.com I have a link there.
Definitely check this out. He has some really, really creative things that he does. He gets his employees involved. He sends out some really awesome marketing pieces to his list online and offline. They’re very, very creative. You want to make sure that you check that out.
Along with that I’d like to just mention that we have a ton of new updates in CDAC this month. Our October CopyTemplate is out. You’ll see me using, actually, some of the CopyDoodles that are contained in our October CopyTemplate. We’ve also added some new comics and more. So, just check your inboxes this Saturday for my CopyBling. It will be out Saturday morning, just to find out more about the updates and to access everything.
To catch the replay of CopyDoodles and Your Website, Part 1, which is what we’ll be discussing today, sorry, I’m moving a little fast there’s just a lot of demos that we’re going to need to cover. So, just make sure you head over to https://www.copydoodles.com to get that. I will give you the link later today. Today we’re back to our normal slides, so you can actually read them for the training and demo portion of this webinar.
Here’s the Big 3 of today’s webinar:
I’m going to talk about where you should be using CopyDoodles on your website. I want to make sure you’re not overdoing it, but there are key places that you want to make sure you have them.
We’re going to talk about how to add CopyDoodles and CopyComics to your website posts and pages.
Then we’re also going to cover tips to maximize your CopyDoodles used on your website.
So, as you can see I have some super-fun Halloween CopyDoodles here. There are in our October CopyTemplate. They’re actually are KidsDoodles. Mike’s daughters made some awesome Doodles, so they’re super fun to play with, make sure you check them out.
The best locations for CopyDoodles, one of them is use them in your headers. I’m actually going to be using screenshots of all the websites we have — I believe I’m using www.CopyDoodles.com for everything throughout the webinar. So, you want to make sure you’re using CopyDoodles in your headers. You can create a header graphic and just load it onto your WordPress site, or any of your sites.
Another really great location is to add them into your opt-in boxes, as you can see here our opt-in box, you can add them like we have as the header of the opt-in box, or you can even circle your buttons. I’m going to be showing all of that next week.
Another great location is on offers, coupons, specials and sales. You can cross out your normal price and then in a handwriting font, or using one of our CopyDoodles, you can write in the new pricing that you’re offering, or a lot of times we use a coupon border, we use the CopyDoodles coupon border, which you can find in our ShapeDoodles.
Another really great location for CopyDoodles is to sign your sales letters. If you have a long form sales letter on your website and you’re coming to the end, just sign it, sign it in your own handwriting, just choose a handwriting on the CopyDoodles site and then create your name, using one of the generators, and you could add that on there.
Another great location is to call attention to videos and important items. If you’re putting a video or embedding onto your website either using YouTube of Easy Video Player, or something like that, you can just create a CopyDoodle or download one of our CopyDoodles, just letting people know that they have to click to play the video, or just calling their attention to the video using arrows, or stars, or anything that you want.
Another great way to add CopyDoodles is to call attention to buttons you want readers to click on. So, this is just a button that we have on www.CopyDoodles.com telling people, “Sign up for www.CopyDoodles.com,” so this is the button that says, “Yes, let me in. I do want to purchase CopyDoodles.”
Then another great location is in blog posts or on site pages. This is what I’m going to be talking about today. I’m going to be showing you how to add CopyDoodles and CopyComics into your blog posts, into your site pages, and everything like that.
You can definitely use CopyComics. We use these a lot because they break up your site copy, they look different. People a lot of times will read your pictures and read the captions on your pictures before they read everything else, so make sure you’re using those.
Then, finally, we are at our demo today on how to add CopyDoodles to your WordPress sites. So, don’t be scared. It’s really not that hard. It’s really, really simple to add them onto your WordPress site. So, I’m going to log out of this and begin with the demo. Again, if you have any questions feel free to ask me during.
So, the first thing I want to do is here I am logged into our www.CopyDoodles.com WordPress site. This is the dashboard of your WordPress site. So, if you have WordPress installed on your website, this is what you will come to as soon as you log in. You’re probably familiar with this if you already have WordPress installed.
Now, there are two different ways that you can add content to your site. You can either add content to your WordPress site using posts, which are just blog posts. I’ll show you in a moment the difference between them and pages. Pages is another way you can add content onto your WordPress site.
I’m just going to go to www.MikeCapuzzi.com really quickly to show you the difference of a blog post and a page. So, here we have the main page of Mike’s site. Then along the top, as you can see, you can click on other pages. So, these are just stagnant pages that are on the site that they never change. There maybe a page where it’s About Mike. We have a page about his coaching in mastermind. These are pages that will never move, they’re pages that you want to leave on your site all the time. It’s not information that changes. It’s information that remains the same.
Then we also have our blog. A blog is where you would put all of your posts. As you can see our blogs are dated. We post a new one on a weekly basis, bi-weekly basis. This is called a blog roll. So, these are all the blog posts that we’ve posted. Then you can also go to the next page and see our previous blog posts and our previous blog posts, and our previous blog posts. These are things you wouldn’t make a page of, but you want to create content on your website that people can find, good content that will help them value you as the professional in your industry. Those are the differences between a blog post and a page.
I’m going to show you how to add CopyDoodles onto posts, but you do it the exact same way as you would add CopyDoodles to pages. So, there’s absolutely no difference, you would just create a page inside of a post. On the left-hand side, as you can see, here’s your post area. If you click the drop-down, this is where you add a new post, and the same with pages. You would either click to view all of the pages you have on your site, or you would click to add a new page.
Just to save time I already created a demo test blog post in the site so that we can use it. So, this is how of your pages and posts will show up when you click on them. So, these are all of my previous Lunch and Learns that I post. This is the newest one that I have. It’s always done by date, so these are always in order by date.
So, I’m going to click on my Lunch and Learn test post. And, as you can see in a second, I just put some demo copy in here. I am on the ‘Visual’ tab. You can either be on the Visual or the HTML tab when you create this. If you know how to use HTML, then you might want to just use the HTML tab, as you can see it will have some coding, when it flips over it will have coding in there, it will have URLs and things like that. So, if you’re not familiar with that then just stick to the visual side.
One thing that I do want to note is that as you can see I have all of these great buttons at the top of my WordPress bar where I can choose the font family, I can choose the font size, the styles — normally when you install WordPress you don’t have these options. So, in order to get them you have to install a plug-in. On the left-hand side you would click on plug-ins right here. And you will get the TinyMCE Advanced plug-in. I’ll give you the name again later, after the demo. But, this lets you pretty much change anything you want on your site without having to know anything about HTML, which is really, really helpful, especially if you don’t know how to do any coding or anything like that. It’s really, really simple to use and it makes it a lot easier to create good-looking WordPress sites.
So, next I’m going to go over to the CopyDoodles Access Club and log in, and just show you the type of files you should be downloading when you are downloading files that you want to use on your website.
Say, I want to press an arrow on my WordPress site. So, I’m going to search for an arrow, as I normally would. Then I’m going to click on the arrow that I want to choose. I am going to choose the color that I want by choosing the radio button. So, if I want green I would just select that. Then, when I come down to ‘generate for’ what I want to generate for is a web .jpg.
The reason why you want to do this is because a lot of web browsers cannot see .gifs or they cannot see .pngs. For some reason, I think Internet Explorer does this, it won’t let the graphic show up. So, if you want to make sure that your images are compatible for every single internet browser out there — people have outdated browsers, people have new browsers that haven’t been tested yet. So, if you want to make sure that people can see your CopyDoodles on your site and see your images download the .jpgs just to make it easier for you. It will have a white background, but that’s OK because we’re just placing an image inside our post or our pages. We’re not going to be layering them on anything. We’re just going to be placing them in there.
So, I would download this. Then, one thing that I do like to do before I even upload my images into my WordPress posts or my WordPress page is I like to resize them because a lot of times they can be much bigger than my web browser can handle. If I just resize them beforehand the image isn’t too big for me to play around with. So, I’m just going to close this out.
If you were on my CopyDoodles Lunch and Learn a few weeks ago, we talked about adding CopyDoodles to emails and I talked about GIMP. It’s a really great program to use if you don’t want to pay for PhotoShop or you’re just doing some really simple editing and stuff like that. PhotoShop can be a couple thousand dollars. So, this works exactly the same way.
What I’m going to do is here is my CopyDoodle that I downloaded. I’m just going to pull that right into GIMP. As you can see it’s really not that large, but if I wanted to resize this I would just click on ‘image’, I would choose ‘scale image’, then I would change the width and the height of my image. Since this is only 67 pixels by 69 pixels it’s definitely going to fit into my WordPress site without a problem. But, say this was 667 pixels and it was a lot larger, then it would take up the entire screen of your website, most likely, or most of the screen. So, you’d want to resize it to something more feasible.
What we use for our sites, our sites are approximately 1000 pixels wide. You can find out that information from your web designer or from the theme that you install on your WordPress. What we like to do is I usually use 500 pixels as the width for my images when I’m placing them and I want them to take up pretty much the entire WordPress poster page. Or, I use around 300 for my width, if I want the picture to be smaller and I want there to be text next to it.
So, all you’d have to do is type in the new size. So, say I wanted this to be 15 pixels, type it in and press ‘enter’. It will change the height and then you choose ‘scale’, and that’s how you do that. It’s really, really simple and easy to use.
So, going to back to my page, my WordPress posts, what you’re going to when you want to insert a CopyDoodle is you’re going to — first the easiest thing to do is to type out everything you want your post to say. So, I already have all of my text in here. Next I’m going to go to the top here, where it says ‘upload insert’. There’s a button that looks like a square with some shading inside of it, if you hover over it, it says ‘add an image’. So, you would click on ‘add an image’. I’ve already downloaded a bunch of CopyDoodles that I want to add to today’s post, so I’m just going to pull from them, but normally you would go into the CopyDoodles Access Club and download what you’re looking for to place on your post. So, I’m going to choose ‘select files’. I saved mine in this Lunch and Learn folder.
As you can see I found a ton of different CopyDoodles from our new CopyTemplate to use. So, I’m just going to click on one of them. This one I know is a little larger, but I still want to upload it. As you can see the dimensions for this are 300 because I want to place it on the left-hand side with some text around it. So, what I’m going to do next is — as you can see the title of this is Halloween Kid Mummy Copy, and that’s fine. But, you’re going to want to make sure that you add in some alternate text because if somebody comes to your website page and the image doesn’t load this will allow you to at least have a blank box that tells you what the image was supposed to be. So, the alternate text would be “Mummy,” or “Halloween Mummy,” or something like that.
If I wanted to put in a caption — so, say this was a CopyDoodle and it was a CopyComic, or something like that, and I wanted to add another caption on the bottom. So, I wanted to say, “Check out this mummy…” I would add in my caption there and it would show up directly below the image. That’s just a great way to get people to pay attention to your image and see what’s there.
Next I’m going to choose the alignment for my image. So, if I want this centered I would be fine and it would look great. If I wanted to place this on the left, like I want to do so that my text is on the right-hand side and people can continue to read, then I’m going to choose ‘left’. If you don’t scale your image beforehand, you can scale it now. You can choose to insert it at a different size, smaller, thumbnail, medium, but I’m just going to insert this at full size. Then I’m going to choose ‘insert into post’.
As you can see the mummy automatically was inserted into my post. And, if I want to see what this looks like before I actually publish it for everybody to see I would choose ‘preview’, and a preview will open up. As you can see this is what my post would look like. The image is a little large, so that’s OK, because if you insert an image that you think is too large you can go back and change the size of that image very easily, so that looks good, but the mummy kind of takes over the entire article.
So, I’m just going to ‘X’ out of that and go back to my post. I’m going to click on the image and choose this little image here, ‘edit image’. Now, I can change the scale of the image. I can also change — if I change my mind and I want this to be centered or placed on the right, I can choose that now. But, let’s say I want the image to be 70% of the size that I uploaded it as. So, I’m just going to choose that and click ‘update’. So, as you can see it made my image smaller. If I preview it, it will also look smaller. It definitely looks a lot better here.
Now if you want to insert a CopyDoodle or an image in the center of an area what you want to do is leave some space for yourself to insert the image. You’re going to click the photo button to add an image. Again, you’re going to add media files from your computer. So, you can go to ‘select the files’. I just want to insert this “Happy Halloween.” So, I’m going to open that, and then it will automatically upload. So, I’m going to make sure that I put my alternate text in here, so it says, “Happy Halloween.” I’m going to place this in the center this time and I’m going to place it at full size.
So, I’m just going to insert this into my post. Again, I can automatically see the image, I can preview it if I want. My “Happy Halloween” is already in here and it looks great.
So, you would do the exact same thing if you had a page and you wanted to insert images in a page. If you are not done with your posts, but you aren’t sure — you want to add more things, but you have to go away from your desk, or something like that, make sure to safe the draft. You do that clicking on ‘Save Draft’. But, if you’re ready for your post to be seen by everybody, you want everybody to see it, all you have to do is click ‘publish’ and it will publish directly to your site. Since it’s a post it will be added to your blog roll. If it’s not a post it will be added to your page.
As you can see here, this is the link for people to get to this post, this would be www.CopyDoodles.com/Lunch-Learn-testpost that’s where it would be loaded it. But, I’m not going to publish this, since it’s just a test, but it would look exactly the same as my preview, nothing would change, so don’t worry about that.
Another way to actually upload images, if you’re going to be using an image for anywhere on your site at all, is the media area. On the left-hand side there is this area called ‘Media’, I’m just going to click on that. The Media area is where all the images that you’ve ever uploaded into your site go. So, as you can see this is the image that I used for my video replays, for my blogs. We have a ton of CopyDoodles here that we’ve used in blog posts and other things like that. So, they’re all in here. So, even if you upload an image that you don’t like and you want to delete it from your files all you do is come here and choose ‘delete permanently’ and it will automatically delete the image. Just make sure that you delete the image in your post or your page too because it will look like an error. It will show ‘error’ when it comes up and it loads.
But, if you want you can also add images directly into the media library. The only difference about this you’re going to have to pull the URL from the media library. So, this is where you would add it. I’m not going to add any now, but say I wanted to use this Halloween image on another area of my site, maybe I want to use it in a sidebar, so I’ll make that — I would click on it and it gives me the file URL. This is exactly where the image was stored when it was uploaded. So, you would click on this and you could put it in any area of your site.
Back to posts, there is another way you can also add images from other posts and other images. Somebody just sent me a question to ask how you add circles around your text. You might want to check out — if you go to https://www.copydoodles.com — Susan, you’re going to want to check out the CopyDoodles Lunch and Learn that I did on how to add CopyDoodles to emails because you can’t add circles around your text unless you create a document in GIMP and it already has your text and then you layer the CopyDoodle on top and then upload that .jpg into your post. I show you to create those images in the CopyDoodles Lunch and Learn from when I talked about adding CopyDoodles to your emails.
If you want to add circles around your text, and you’re not using WordPress, the best option to use is the CopyDoodles drag and drop web wizard. The problem with using the web wizard and WordPress is that WordPress doesn’t allow for images to actually overlay on any other websites, so it can be very finicky and I don’t suggest that you use it all the time if you’re just inserting images like this. The reason it can be finicky you can copy the HTML and paste it in the HTML bar here, but sometime the CopyDoodle will move. It will shift. It will adjust… just because it’s under WordPress’ terms of service, they don’t really allow you to do that on your site, so it does cause a few issues. So, I suggest your graphic designer do that, or you use FrontPage or something like that.
Say I wanted to add a CopyDoodle that I know I used in an old post. I would click on the image button and then I can upload an image from a URL, that URL that I just showed you how to get from the media section. I could type that URL in here and I could just come up with an image title. It doesn’t have to be the same image title. I can put in alternate text and then I can link that into my page and that wouldn’t be a problem.
I can also pull it from the gallery. The gallery is all the images that I’ve uploaded just for this post. So, it shows the “Happy Halloween” image and it shows the mummy image. But, if I want to get to the media library of all of my images, to insert something that I know that I have. Say you are writing blog posts and you always want to put your signature at the end. You would just go to the media library and you would scroll through the media library until you found your signature and just insert it from there. So, as you can see here’s all the images that we’ve ever inserted into posts. So, let me just choose another CopyDoodle. I would click ‘show’ and it would show me all the details for this CopyDoodle and I could just insert it right into my posts and it wouldn’t be a problem. So, it makes it really quick and really easy
So, that’s how you add CopyDoodles to your WordPress pages. Going back to the presentation, here are some CopyDoodles website tips that you’re going to want to make sure that you follow when you add any CopyDoodles into your site:
Like I said before, try to use web .jpg images as often as possible, just so that everybody can see them, every browser can see them.
Stick to one or two colors, if possible. You don’t wan to make it look like a rainbow on your page, it just doesn’t look professional, as you know if you’ve been coming to these Lunch and Learns, I talk about that all the time.
Try to stick to one font. So, if you are numbering things and you’re creating numbers in the CopyDoodles Access Club, or if you are typing phrases — I’ve created blog posts before where I used CopyDoodles phrases as the header for each section, so I stuck to the same font for every single header.
Like with everything, don’t overdo it. Don’t add too many CopyDoodles, just add a few to kind of spice up your posts and your pages.
Make sure to resize your images before uploading. As I showed you, you can resize them after uploading, but it’s a lot easier and the file is a lot smaller, it doesn’t junk up your website with too much information. The more you add on your website the slower it’s going to load. So, if you resize your images before uploading it will load a lot faster.
Then you can also compress your images before uploading. You can do that either with GIMP, and show you how to do that in the CopyDoodles email where I talked about how to add CopyDoodles in the emails. There’s also a website that I’ll show you in a moment that you can use.
So, here are just a few resources, and all of these resources are on https://www.copydoodles.com The TinyMCE Advanced plug-in you definitely want to get because it just allows you to use different fonts, it allows you to use different colors and font sizes, without having to go through the trouble of using any HTML code. WordPress can be a little finicky when it comes to that, but using TinyMCE Advanced definitely helps.
If you ever have any trouble go to www.WordPress.org/support they have a really great support section, and not only will WordPress people help you, but other users will help you. They’ll have some really great ideas for you if you ever get stuck, or stumped. There’s been times when I don’t know what to do and people will actually help me out and give me HTML code that I should insert and it’s fixed my problem. So, it’s definitely really helpful.
The OptimizePress WordPress theme is a WordPress theme that we use for all of our sales pages. It’s really, really simple to use. They have a ton of different buttons you can choose from. They have a ton of different themes. You can actually create a membership site completely with this theme. It’s really affordable when you want to do all that kind of stuff for your website. They’re really simple, really easy to use.
Headway 2.0, if you want your page to look, you know, a little more advanced — you want to play around with the colors, you want to be able to pick everything, you want to pick the size and width of your site — Headway 2.0 is a great, great tool to use. I’ve used it for personal use and I love playing around with it. It’s basically a drag and drop WordPress theme. They have a visual editor, you can create anything you want and save it.
GIMP 2.0, I believe now it’s on 2.6. But, that’s what I just showed you. It’s just like PhotoShop. Make sure you download that — you do not need to have PhotoShop if you’re not constantly, constantly creating graphic images. GIMP does the exact same thing as PhotoShop.
ImageOptimizer.com is a completely free website where you can compress your images. You can compress all of your CopyDoodles before you load them onto your website and I also suggest that you do this before you load them onto any emails, throughout your website, and your emails load faster.
So, that concludes the demo for today.
You’re going to want to head over to https://www.copydoodles.com to catch the replay. Also on https://www.copydoodles.com I’ve posted all of the links to everything that you want to use from today’s webinar. If I missed anything feel free to catch me on Live Chat. I’d be very happy to help you.
Thank you, everyone, for joining me today. I look forward to seeing you next week. Enjoy the rest of your week.