This tutorial assumes these three things:
- Your theme can have at least one footer sidebar region enabled
- You know how to use BeaverBuilder
- You have enabled HTML in your widget
First enable templates in BeaverBuilder by going to settings->Page Builder. Follow the three steps in the image below and you will see "Templates" as a menu item (highlighted) in your WP Admin panel.
When you click on the newly added menu item "Templates", you will see a list of all the templates that you have created using BeaverBuilder. If this is your template, it will be empty and you need to click on "Add New" as shown in image below.
Clicking on "Add New" will bring up an interface similar to what you see when you are editing or adding a new post. Name your template something which is easy to remember. Also pay attention to the slug (highlighted) that is generated. Copy that slug or remember it. In this case, our slug is "footer-sidebar-1". Click on "Launch Page Builder" which will launch the BeaverBuilder to construct your template. Add elements like you normally would to construct a page. Don't worry about how it looks in the preview. When we embed it in a sidebar, it will take the width of the sidebar.
Once you are done with adding all the elements, click on "Done" from the top right corner, which will popup a prompt to publish your template. Congratulations ! you just created a new template in BeaverBuilder.
The next step is to create a Text widget and assign it to your footer sidebar.
Once you assign it to a sidebar, it will popup a form to input your title and content. Since we can create fancy title using BeaverBuilder, we are going to skip inputting the title and in the content area insert this string
Follow the rest of the steps as shown in figure below and your footer should now display what you just designed in BeaverBuilder.
If your footer is only displaying the shortcode as a string, you probably didn't enable HTML for your widget. Follow this advice on BeaverBuilder help page http://kb.wpbeaverbuilder.com/article/192-use-shortcodes-in-your-layouts
Like what you saw, have questions or requests for more tutorials, let me know in the comments. Thanks.