How to Create with Widgets and Page Builder

Posted OnOct 22, 2014     CategoryPlugins     CommentsNo comment

The third step in the guide to the Page Builder by SiteOrigin WordPress plugin is to look at the available widgets that you can add to your posts and pages from the Widgets area. Each one of these is marked with (PB) next to them.

Step 1) Login to the WordPress Dashboard.

Step 2) On the Dashboard of your website, scroll down to Appearance and click on Widgets from the dropdown menu.


Step 3) From the list of widgets available (which are marked with PB in brackets next to the name of the widget), click on the ones you like to open up your options, and then drag them into the places you want them to feature. This will change depending on the Theme you have on your site, as they all have differing layouts and various numbers of sidebars available to users.

We will now take you through each PB (Page Builder) widget, starting with Animated Image. This is where you can enter the URL for an image that will then animate when it enters the screen.


Step 4) For the button, add the text you want to sit inside the button, and then add the URL that you want people who click on the button to be linked to.


Step 5) The Call to Action button works in a similar way to the Button, but you can add a header and sub-title, as well as text for the button itself.


Step 6) The embedded video widget allows you to embed a video into your sidebar, which looks amazing. Simply add the URL of the video you want to embed to get the video up on your sidebar.


Step 7) The Gallery widget adds a gallery of your favourite images to your sidebar. Add the URL’s for each image/gallery separated by commas in the box provided.


Step 8) Similar to Galleries but with a single Image, upload an image to your sidebar that all your users will see on your sidebar.


Step 9) Create a list to display on your website sidebar by adding a title and then create a list using * at the beginning for every list point. You can also change the colour so that it stands out on your pages.


Step 10) The Post Content widget allows you to show some of the content of your posts, including Featured Image and the Title.


Step 11) A Price Box can be really important to your site, especially if you are selling goods like books or other items. A Price Box will help your goods stand out in your sidebar, and by adding a button that links to a designated URL, can help to convert visitors into customers.


Step 12) The Post Loop displays all of the posts on your website on a loop.


Step 13) If you have created a video that isn’t on YouTube, you can use the Self Hosted Video widget to upload the URL and include an image to show before the video starts, which is great marketing that doesn’t have to rely on YouTube, Vimeo, etc.


Step 14) Adding Testimonials to your site is important, but getting them seen is even more so. Using this widget, users can get their testimonials on the sidebar, and include URLs, images and quotes to sell your company via your sidebar.


Step 15) Below is an example of a button that has been created using the Button (PB) widget…



Step 16) Here is an example of a sidebar video created using the Embedded Video (PB) widget…



The next step of the guide will focus on Creating Pages using Widgets with Page Builder by SiteOrigin.


Leave a Reply

Your email address will not be published. Required fields are marked *

Send this to friend