Blog

WEBFI-WordPress-How to Add Call to Action Buttons in WordPress (without Code)



Are you wanting to add a call to action button in your WordPress posts and pages? Buttons are an awesome way to boost conversions on your site with a visually appealing call to action. In this video, we will show you how to add a call to action button on your WordPress site without code!

To start, we will edit a new post or an existing post and click the add bloc button which should look like a + symbol. In the options for blocks, we want to search for button in the available option, it can also be found in the layout elements section for the time being.

The button should allow you to change the text of the button and add the URL the button will redirect to. WordPress also gives the tools to change the alignment, button style, and colors associated with the button. Now, when you publish the post or page the button will be visible on the page and go to the URL set for it to redirect.

For those wanting to use the classic editor of WordPress, you will use the Forget About Shortcode Buttons plugin found here:

http://wordpress.org/plugins/forget-about-shortcode-buttons/

With the plugin installed and activated you can now go into your post/page editor that is using the classic editor and click the new Insert Button option in their editor. This will bring up the editor for this button that allows you to customize the style, text, replace it with an icon, and URL the button is linked to.

If you’re looking to give your visitors the ability to call you, we would recommend starting by installing the WP Call Button plugin found here:

https://wordpress.org/plugins/wp-call-button/

With the plugin installed and activated you can add your phone number under Settings, WP Call Button. The plugin will give you the option to customize the text, location, color, and visibility settings for when the button should appear.

If you liked this video, then please Like and consider subscribing to our channel here for more WordPress videos.
https://www.youtube.com/subscription_center?add_user=wpbeginner

Feel free to take a look at the written version of this tutorial here:
https://www.wpbeginner.com/plugins/how-to-add-buttons-in-wordpress-without-using-shortcodes

Check us out on Facebook
https://www.facebook.com/wpbeginner

Follow us on Twitter
http://twitter.com/wpbeginner

Check out our website for more WordPress Tutorials
http://www.wpbeginner.com
#WordPress #WordPressTutorial #WPBeginner

source

26 Comments

  • Aniket Joshi on October 14, 2019

    Very nice simple but effective function in website.Explained nicely

  • Ebanisteria y restauracion on October 14, 2019

    Muy bueno, gracias

  • vetri suriya on October 14, 2019

    Nice one ma'am

  • KOUSHIK KANTI SAHA on October 14, 2019

    You're awesome.

  • KOUSHIK KANTI SAHA on October 14, 2019

    And your channel is a treasure.

  • Laercio Civali on October 16, 2019

    Thank you very much for the tips!

  • Akhil V H on March 4, 2020

    thank you

  • Loop Hustler on May 26, 2020

    first and second method not working now

  • ari eggerts on June 13, 2020

    Thanks

  • brandon azoo on June 14, 2020

    Fairly helpful info. Quick question tho, how do I get a publish button? I’m signed in as admin but the updates won’t publish

  • Umair Sheikh on June 29, 2020

    Thank you for simple tutorial but how to make same exact width buttons on page? Like same height & weight for ABC button and ABCD button?

  • Jeff Mouradi on July 4, 2020

    You're just amazing, Thank you

  • Luke Esnard on July 20, 2020

    Is there a way to add cloaked affiliate links to buttons using the Gutenberg method?

  • Ravindra Lokhande on July 24, 2020

    How can I assign 'id' to these buttons? Because I tried to add it using classic editor, but it gives some error.

    Please suggest any ways to assign id to wordpress inbuilt buttons.

    Thanks 😊

  • Fontes Deo on July 28, 2020

    Nice information! Thanks so very much. 😊

  • Shivania Taus on August 28, 2020

    you are my life saver. Thank you

  • Mohamed Ahmaid on November 24, 2020

    Well . how to make one button with two actions ?

    I mean when you click the button two tasks can be made.
    It is for Woocommerce
    I click the button product will be add to my account and linked tab will open

  • Minimise With Me on February 12, 2021

    you taught me in seconds. Thumbs up! 😀

  • Cat Wong on March 3, 2021

    Great video. Details and options matter!

  • Create My Vision on March 14, 2021

    Thank you! This was very helpful to me.

  • zji on April 23, 2021

    Is there a way to add the icon after the button text?

  • Omar Martinez on April 30, 2021

    Excellent! worked like a charm!! Thanks for the tips!

  • what about BLOG POST pages? There is not button

  • Aatmans gaming on June 16, 2021

    Im working on a project for my school using word press no other vid would tell me how Thank you SOOOOOO much

  • steven plyler on September 2, 2021

    Another superb display of talent as you make it simple, direct, reminds me of my favorite school teacher in the day – thanks.

  • Fardeen Ansari on September 25, 2021

    I paste the correct link but still buttons not working

WhatsApp us
Live Chat

Office hours operation Mon-Sun 8:00 am ET – 4:00 pm ET

To start your Premium WP or Cpanel service, use our domain search engine, if the domain you want is available, contact us by Whats app to activate your project.

The easiest, fastest, and most secure way to communicate with us.
loading
Please enter your domain.
Please verify that you are not a robot.

Terms Privacy

 

 

WEBFI NETWORK OFFICE HOURS 

Mon-Sun from 8:00 am /4:00 pm USA-ET

WhatsApp us

Small Business – WordPress – CPanel – Hosting

© Webfinet Affordable Private Small Business Solutions All Rights Reserved 2021 - Powered By WEBFINET.com
error: WEBFINET SECURITY IS ON