Broadleaf Commerce - Wordpress CMS Documentation


The Admin Section is located at: https://broadleafcommerce.com/wp-login.php?itsec-hb-token=broadleaf-login

Use your username and password provided by your administrator to login.

Once logged in you can see the dashboard.
It gives you a quick overview of recent activity. On the left side you can see the Main Navigation which contains a number of links that allow you to manage the content.

The left side of the screen is the Main Navigation menu detailing each of the administrative functions you can perform. At the bottom of that section is a Collapse menu button that shrinks the menu into a set of icons, or expands to list them by major function. Within each major function, such as Pages the sub-menu expands (fly-out) when hovered over, and expands fully if an item is clicked.

From the main navigation menu click on Appearance and then click on Menus link.

1. We have 2 menus. The 'Top navigation' in the header and the 'Footer' menu in the footer. Please be sure you have selected the right menu before starting the update.

2. The available options for the button placed in top navigation are to change/remove the text, URL and icon.

Once on the menu page, you will be able to rearrange the items listed in the main nav or footer nav by simply dragging each item into the order you prefer. Once finished, click save menu and you will be able to view the updated navigation on the website.

 

In the navigation menu on the left, click on Pages.
You will be taken to the Pages page, where you can edit the site’s content.

To start to edit a page click on a page name or hover over the page title and select Edit from the list of the links that appear when hovering over a page name.

The edits that can be made are:

- changing the SEO meta data like title of the page or the description

- add/edit/remove a hero mast

- add/edit/remove content sections

- add/edit/remove the CTA footer bar

 

In the navigation menu on the left, click on any post links(Posts, Customer Stories, Resources or Partners).
You will be taken to the main page, where you can create/remove or edit a post.

Each post type has custom categories that can be changed and assigned to any post as you like.


Resource Post:

For an external resource(HubSpot, GitHub etc) the link to this post has to be added to the "External URL" field in CMS.

In the HubSpot account, navigate to Content > Landing Pages. From the 'Create' orange button choose landing page, type the page name and choose the desired domain.

Once this step is done the next step will be to choose the "Gated LP" template from the Other templates section, at the bottom of page.

The copy of the landing page was created inside a WYSIWYG editor so the changes can easily be made. Forms can easily be created or duplicate existing ones, navigate to Marketing > Forms in HubSpot account.

When the landing page is published, copy the URL of landing page and add it to the Wordpress CMS on Resources posts in the "External URL" field.


"External URL" field on resource posts in CMS:


Note:

Pages with the same template can be created in Wordpress. In the navigation menu on the left, click on Pages, Add New Page and choose the "Copy & Form" section under Content. Once a form is created in HubSpot the embed code will be pasted into the Form field at the end of page.

If, you’ve made some edits to a page and somehow the formatting or layout of the page is broken. No need to worry. You can go back to the edit screen to see what was there before. Page revisions allow you to look back at the recent changes you’ve made and revert to an earlier version if necessary. To find the Revisions screen, you will need to go to the edit screen for the page that you want to see the revisions for. Then, look for the Revisions and choose a version you consider the right version to use.

When you are uploading a field that requires an image or file to be uploaded, simply click the Add Image or File upload button. This can be found on all pages where sections contain images or files.

You also have the option of selecting a file already uploaded to WordPress or uploading a file directly from your computer by clicking the Add New button.

A preview of all ACF sections that can be used when a page is built:

Hero:

1. Homepage Hero

 

2. Inner Page Hero - Type 1

 

3. Inner Page Hero - Type 2

 

Content:

1. Listing Boxes (Green Background)

2. Grid Images

3. Images Grid - Type 1

4. Images Grid - Type 2

5. Images Grid - Type 3

6. Images Grid - Type 4

7. Carousel Tabs

8. Carousel Tabs - Type 2

9. Carousel Customers

10. From the Blog

11. Copy & Form

12. Comparison

13. Boxes with Icons

14. Vertical Slider

15. Message Section

16. Our Values

17. Team Listing

18. Listing Products

19. Listing Image & Copy

20. From the resources (Developers category)

21. Listing Services

22. Listing Features

23. Image & Copy

24. From the resources (Related resources)

25. Pricing & Promos

26. Pricing & Promos (Without head list)

26. Intro

To add a new user click to expand the Users menu in the Main Navigation and click the Add New User link.

Enter the username, email address, first name, last name, and password for the user.

Next, select a role for the user. The following roles will be the most commonly assigned:

Administrator – somebody who has access to all the administration features within a single site including updating menus. Please only give administrator rights to users you feel comfortable with.

Editor – Somebody who can publish and manage posts and pages including the posts and pages of other users.

Author – somebody who can write and manage their own posts but cannot publish them


Note: Once the user is created it's strongly recommended to activate the "Two-Factor" authentication.

For additional help please contact the Redonk team.