HomeWordpress Blogging

How to add buttons in wordpress pages and posts

How to add buttons in wordpress pages and posts
Like Tweet Pin it Share Share Email

I was once like you when I don’t even know what a button is and how to add them to my wordpress blog, I searched for them on search engines and how to add them in wordpress but I did not get it because I did not use the right keywords to search for them.

I used to call them a small clickable image, it took me a while before I could know the name and add them to my blog easily. With my research I discovered that some wordpress beginners too want to add clickable buttons to their blogs but they don’t know how to go about it and I guess you are one! Don’t worry because this article will put an end to your problem on adding buttons in wordpress.

What are buttons? Buttons are boxes in wordpress that allow you to add more attention-calling links to your wordpress pages and posts.

This is a clickable button with icon!

Have you come across a contact form or any other form on other websites? You will see something like “submit, send, etc”, they are buttons!

There are several ways to create a button with link in wordpress but we will be considering only 3 here.

1) Add buttons with html code
The default way (but not the easiest way i must say) to add clickable buttons in wordpress is by adding codes, you will have to create an image (very small) by yourself that depicts want you want to use the buttin for. For example, if it is a facebook sharing button , you will create a facebook sharing button lookalike with photoshop or corel draw, alternatively you can download any copyright free image on Google.

The next step is to upload the image on your blog >> Go to the page where you want to insert it >> Click add media >> You will scroll down to where you will see insert link, paste the link to which you want your button to link to >>
Click Insert and that is all 😃

This is an example

This is the code, you can always tweak it by changing the Destination URL and image url if you think the steps above is stressful

2)You can do it by using a plugin known as shortcodes plugin
Usib Shortcode is another awesome way to add buttons in wordpress, if you don’t know how to install plugins, you can get back to “How to design a wordpress blog: things you must add” where we made mention of “step-by-step guide on how to add wordpress plugins”.

If you know how to install plugins but you don’t know where to get them,you can always go to “go to wordpress plugins directo” to download them, you may need to update your wordpress version before some plugins can work properly.

With Shortcodes ultimate plugin, this plugin primary function is not only to add buttons, you can add videos, table using the plugin too. You don’t necessarily need to cram codes here since it will be shown on “visual editor anytime” you want to add button shortcodes to your blog.

    • To add buttons with shortcode ultimate, go to the page or post where you want to add the button

Scroll up to where you see insert shortcode usually after add media like the image belowHow-to-add-buttons-in-wordpress-using-shortcode-ultimate-plugin

  • You will be provided with several options like table, videos etc locate buttons and click ithow-to-add-buttons-in-wordpress-shortcode ultimate
  • Tweak the settings to your taste and that insert it

 

3.Forget about shortcode button plugins
This is another free wordpress plugin to add buttons in wordpress. Forget About Shortcode (FASC) Buttons are a visual way to add CSS buttons in the rich text editor and to your themes. Instead of adding shortcodes in the post editor, you insert real, styled buttons – making the process of adding buttons to your posts and pages much more natural whilst improving the appearance and usability of the post editor.

You can watch this video to add button with Forget shortcode ultimate

Comments (0)

Leave a Reply