Marketing/Web Manual: Adding New Customer Testimonials to the Customer Reviews Page

The Customer Reviews page at https://www.elev8glassgallery.com/customer-reviews/ is built entirely using BigC’s Page Builder tool. In order to add new testimonials you will need to find and open the page in Page Builder:

Adding a testimonial to the main columns:

1. Open the back end of BigCommerce and click on “Storefront” on the sidebar menu.
2. Under “Themes” click the blue button that says “Customize“, this will take you to the Page Builder.
3. In the top left of the screen there is a dropdown menu, click it and scroll down until you find “Customer Reviews”, click on “Customer Reviews“.
4. There is a carousel at the top of the Customer Reviews page, and then below that there is two columns of testimonials from customers. Click one of the columns.
5. Now when you highlight the testimonials, it should be highlighted with a blue rectangle that says “HTML” in the top left corner. Click on the blue box.
6. On the sidebar, click the button that says “Expand HTML Editor“
7. Press CTRL+A to select all of the code in the HTML Editor. Press CTRL+C to copy the code. Now click “Cancel” in the bottom right corner to exit the HTML Editor.
8. Click the column where you want to add a new testimonial.
9. Grab the “HTML” widget from the sidebar and drag it below the last testimonial in the column, this will insert a blank HTML widget.
10. Click the new HTML widget block and click “Expand HTML Editor” in the sidebar.
11. Erase all of the code, and press CTRL+V to paste the HTML that you copied in Step 7.
12. You will see two lines of code, the first starts with “<h3 style=”text-align: center;”><strong>”. The text in-between the “<strong></strong>” tags in this line should be the customer’s first name and the state where they live. Change this to match the customer for whom you are adding a testimonial.
    1. Here is an example, the text in bold is what you will change:
       1. <h3 style=”text-align: center;”><strong>Nickolas from Colorado, USA:</strong></h3>
13. The second line of code is where you will put the actual text of the testimonial. You should paste this text in between the tags that say <p style=”text-align: center;”></p>
    1. Here is an example, the text in bold is what you will change:
       1. <p style=”text-align: center;”>You guys rock!</p>
14. Once you have made the necessary changes to the code, click the blue “Save HTML” button in the bottom right corner.
15. In the top right corner of the Page Builder, click the white “Save” button and allow the page to refresh.
16. Now click the blue “Publish” button in the top right corner. This will make your changes visible to the public.

Adding a testimonial to the carousel at the top of the page:

1. Click on the carousel, the sidebar should change to a menu for editing the carousel.
2. You should see the slides that make up the carousel, and each slide will have three dots to the right. Click on the three dots to the right of the last slide and click “Duplicate“. A new slide should appear at the bottom of the list.
3. Click the new slide in the list and the carousel should change to that slide.
4. Click on the carousel itself, and you will see that you can edit the text in the white box directly by clicking on it.
5. Change the large text at the top of the white box to the customer’s first name and state., i.e. “Nickolas from Colorado, USA”
6. Click the smaller text below the customer’s name and paste the customer’s testimony into that field.
7. In the top right corner of the Page Builder, click the white “Save” button and allow the page to refresh.
8. Now click the blue “Publish” button in the top right corner. This will make your changes visible to the public.