How To Add Shortcodes Or Buttons In The WordPress Header & Widget Areas

How To Add Shortcodes Or Buttons In The WordPress Header & Widget Areas

Take advantage of the header in WordPress by adding a call to action there. Problem is you need to use a shortcode. The Shortcode further helps in styling your website.

I will show you two very useful and FREE Plugins which will help you put shortcodes in your menu and widgets as well.

Hope you enjoy the video.

Table of Contents:

00:30 Calls to Action
01:12 Beaver builder Shortcode Feature
01:52 Plugins installation (Shortcodes in Menus and Shortcodes Anywhere or everywhere)
02:59 Settings for Shortcodes Anywhere or Everywhere
03:34 How to put the Shortcode in Menu
04:10 Enable Templates Admin
04:35 How to make and save a Module in Beaver Builder
05:12 CTA Button Launch Page Builder
05:37 Changing Dual Button Settings
06:45 Layout CSS
07:16 Publishing Changes
07:32 Slug of the Saved Module
08:02 Main Menu (Shortcode)
09:22 Refreshing to see the Change
10:24 How you can use this for styling your website

Thank you for watching! Please Like, Comment, share and subscribe!
See you in the next video
EXCLUSIVE WORDPRESS DEALS 2023
* Want to offer a discount to WPCrafter subscribers, contact me on my website

BEST WORDPRESS PAGE BUILDERS

BEST WORDPRESS HOSTING

CONTACT WPCRAFTER

All of the opinions expressed in this video are my own, I was not paid to make this video. Whenever there is a link in any of my videos, if there is a referral program available, please assume that you are clicking on a referral link.

[supermywife]

It worked. I didn't see the page builder tab but I made it work anyway. I created a new page and typed in the shortcodes. Thanks so much. I subscribed your channel and thumbed up this video. Great video.

[pixneycom]

Good Day...I have worked on websites for a couple of years with Dreamweaver and I will be making 1 or 2 Disney sites with word press. I have seen hundreds (seriously) of videos on programming, widgets, headers, etc. I find everyone of your videos entertaining and knowledgeable with regards to WordPress. Thank you for all the information you provide. You are the best! Keep up the good work...
Thank you,
Tom

[ladellp]

Is there anyone out there who offers information on how to edit a form or a page done with a shortcode? I put in the search bar "How to edit something already done in a shortcode format" All I get is how to create or use a shortcode. It's extremely frustrating. I use the elementor platform. Thank you in advance.

[bryanz]

Great video Adam. Very thorough and I love the shortcode shortcut you set up. good stuff.

[clintjames]

i am new to this and i learned a lot in this powerful video. i am trying to make my website into a members-only website. is it possible with wp forms or wp bakery to use a shortcode that requires new visitors to register first?

[StephenHoweUK]

Awesome Tip - wish I discovered this 4 hours ago lol - thank you your videos continue to be a big help with Beaver Builder customisations

[BradWarren]

Thanks Adam. Still works well in 2021. Still no native support by BB.

[jarkmonez]

Can I do this with enfold theme or only your theme? Want to add a phone number (enfold has this option but it’s too small)

[texasairquality]

hi there I really like your videos they are pretty easy to understand. It's my first time building the website and unfortunately I'm not really tech-savvy. The template or theme that I chose already has a built in button. I just need to know how to insert a short code to have the person fill out a form. I would really appreciate any help you can give me on that.

[aiminsen]

Very helpful video Adam! In this video, the button was positioned next to nav menu. How do you position it above the menu as you recommended for local business website?

[Changingfacez]

can you create a video on how to make a button with a picture behind it?

[yubisteel]

Hi, how are you? im back again, would you like to tell me what social icons wordress plugin is best? i always want social icons to show the left side of the articles or on screen? can u recommend 2 or 3 to me? thanks much

[eeeeeeehsan]

To be honest, your older version is way much better than your younger version! Your DNA strain is becoming longer rather than shorter? How's that possible?! SUPER STRANGE!

[PDXBeach]

I'm assuming you could do the same with Divi and Elementor? I'm not sure how to make the shortcodes.

[almoacademy]

Hello sir
Is it is possible to create two multivendor store (both are for diffrent purpose but are multivendor) on a single store (ie.when the user visit our main store which should be a muilti vendor store its ok . But in order to access second multi vendor store whose icon or button is in main menu bar.. He simply 'click ' the button of second store that is present in menu bar and then assec second ones

[davidglabais]

This was very helpful thank you. Ive used some short code from the Ultimate Social Media Icons plugin to place the icons in the navigation bar but the icons are pushing the bar width wider as they are shoved up against the top of the bar. They sit properly to the right of the navigation links but are not sitting inline or in the center of the nav bar. is there a way to adjust this? Thanks!

[babfahim]

i dont see button in my models (beaver builder) i cant be able to add a button what can i do?

[sidneyniskanen]

Please Help! I created the CTA Button and added the shortcode: [fl_builder_insert_layout slug=“cta-button”] to the menu in the shortcodes plugin. But it doesn't show up in my header. Do you know what is wrong? Thank you!

[kingDavid]

I need to add shortcode to a product page in woo commerce. i have a plugin that allows me to create custom fields on the page and add the short code there. The problem im having is, how do i convert my plugin ("Bookings" from Woomill) into short code. please help me folks!!! PS Im using the Divi 3.0 theme

[marcelmihaibotezat]

This is working also with Elementor? I would like to add a shortcode into a button, but I failed...