Thursday, April 9, 2020

How to Add Buttons in WordPress Posts or Pages (Even if You Dont Know How to Code)

Trying to find a way to add buttons in WordPress posts and pages? Buttons allow you to add more attention-grabbing links in your WordPress content. But theres one thing stopping you from inserting a button in your next WordPress post:Unless you know how to code, WordPress doesnt actually offer any way to add buttons in your posts or pages by default. But dont worry all is not lost.There are plugins that let you add buttons in WordPress without needing to know any code. And in this post, Im going to give you guides on how to use two of those plugins. Youll be creating beautiful WordPress buttons in no time! Most of the time, if you need a button with specific functionality, it will already come bundled with whatever plugin offers the functionality you need. For example, if you use a contact form plugin, it will automatically create a Send button to go along with your form.And while these buttons help with specific situations, they dont cover the scenario in which you need to add butt ons in WordPress posts or pages. Which is unfortunatebecause including buttons in your posts and pages is actually pretty beneficial for your site.See, buttons grab your readers attention. So if you want to emphasize a certain link in your post, a button is a great option.For example, our sister-site CodeinWP uses buttons to help direct readers to quality WordPress hosting:Isnt that more attention-grabbing than a regular ole link to SiteGround?Best of all, you can use buttons to link to external websites or send readers to important areas of your own site. The plugins Im about to show you will let you link your buttons to any URL you want.How can you add buttons in WordPress?There are a few different ways to add buttons in WordPress. The most popular methods are:Shortcode button buildersNon-shortcode button buildersHTML/CSSBecause the third one isnt very beginner friendly, Ill skip it for now. It has too many acronyms anyway!To handle the first two methods, you can use plugins. Belo w, Ill recommend a two of the most popular options and give you a quick tutorial on how they help you add buttons in WordPress.How to add buttons in WordPress with MaxButtons WordPress Button Plugin MaxButtons Author(s): Max FoundryCurrent Version: 7.13.1Last Updated: October 15, 2019maxbuttons.7.13.1.zip 98%Ratings 2,613,350Downloads WP 4.8+Requires MaxButtons lets you add buttons in WordPress using shortcodes. The button creation process can be a little time consuming because its a separate interface, but it enables you to create some truly beautiful and unique buttons.To create WordPress buttons with MaxButtons, you just need to download and install the plugin. Then, you can create a button by clicking on the MaxButtons link in your dashboard sidebar. Unfortunately, you cant add buttons directly in the WordPress Editor, though the plugin does make it easy to insert buttons youve already created.Once youre on the MaxButtons page, you just need to click the Add New button: Youll see a ton of options. But the most important settings are in the first box. Many of the other options are just there in case you want extra control over how your button looks.Heres what you need to enter in the first box:Button Name your visitors will never see this its just to help you remember.URL this is the link people will go to when they click on your button.Text these are the words that will actually appear on your buttonYou can also change fonts and font colors if youd like.As you make all of these changes, youll see a real-time preview of your button on the right of your screen:Further down the page, you can also change your buttons background, add a border, and more. Because you can preview your button in real time, its easy to play around with these settings and instantly see how they affect your button:Once youre happy with your button, click the Save button at the top of the page.Then, to add your button in the WordPress Editor, you just need to click on the M axButtons button: Then, click on the button you want to insert:You wont see your button in the WordPress Editor. But when you publish your post, your button will be there!Theres just one thing to consider if youre planning to use MaxButtons:Because MaxButtons relies on shortcodes, if you ever deactivate the MaxButtons plugin, all of your buttons will disappear.If you dont like the idea of that happening, you might want to use a non-shortcode button builder plugin. And for that, I recommend:How to add buttons in WordPress with Forget About Shortcode Buttons Forget About Shortcode Buttons Author(s): Designs t use any shortcodes. That means you can deactivate the plugin at a later date and all of your buttons will stay intact.Heres exactly how to use it:Once youve installed and activated Forget About Shortcode Buttons, you can create buttons right in the WordPress Editor.Just click the new Insert Button icon on the formatting bar:Then, you just need to add button text, a URL, and ch oose some color and style options. Just as with MaxButtons, you can preview all of your changes in real time:If you want to add an icon to your button, you can hop over to the Icon tab:And if you think you might need to use the same button style over and over, you can save your button as a template by clicking the Floppy Disk icon:And when youre ready to insert your button, just click Insert.You should see your button sitting right there in your WordPress Editor. You can even use the WordPress Editor alignment options to move it around:Other options to add buttons in WordPressIf neither of the plugins above speak to you, another button plugin worth checking out is:Gutenberg Blocks and Template Library by Otter a nice option because it comes with a number of different Gutenberg blocks including one for buttons. If you need anything explained more in-depth, feel free to ask away in the comments below.Free guide5 Essential Tips to Speed Up Your WordPress SiteReduce your loading time b y even 50-80% just by following simple tips.