Where to find your Trust Bar/Trust Stack:
Points of Interest:
Presets for the Trust Bar/Trust Stack are in the upper left. You can copy a preset you are currently viewing, if you want to create a new, similar version of your Trust Bar. You can also remove a preset, revert to default settings, or create a whole new preset with default settings.
You can switch between editing the Top Bar and Bottom Bar beneath the preset selector dropdown.
The code snippet is found by clicking on the button in the upper right "Get Widget Code"
Below that button, you can toggle between desktop and mobile views for the preview.
Here are the different ways you can customize the Upper and Lower bars of the Trust Stack:
UPPER BAR
Content:
Content:
Mostly, only the 3rd section is customizable. You can choose from some predetermined messages here, but the other 2 sections will just display "Rated- " messages in the left section and the star rating and review count in the middle section
Section 1 - choose if the “by Shopper Approved” should display or not - the default setting is for this to display
Section 2 - displays the rating and review count and is clickable. We support inputting a custom URL, so you can link to any page you'd like. We included the link to the Certificate page as an option as well. (Clicking ‘none’ disables the hyperlink markup)
Section 3 - is used to say something else about your store - what percentage of customers would recommend this store, how was the shipping rated, etc. You can always use one of three comments here - “Made in the USA,” “Free shipping!” or “Satisfaction guaranteed!”
Style:
Style:
Here you can adjust the colors, borders, dividers, and text sizes for the Trust Bar, including the content mentioned in the previous section.
Highlighted in yellow - you can choose if you want all of the settings adjustments you make on the left to apply to the mobile version of the Trust Bar. If you unlink the settings, you can update the desktop and mobile versions to have different looks. Click here to see the settings unlinked.
You can change the background color - use the color picker or input the hex code if you have it
The Trust Bar has a little drop shadow by default, but that can be customized or removed.
The sections can be separated by vertical pipes, or you can use little circles, diamonds, or remove the dividers entirely.
Adjust the text size and color. By default, the size of the text determines the size of the stars in the middle section, but you can unlink this as well.
Size:
Size:
And in this last section you adjust the size of the bar itself, both on desktop and mobile versions.
Just 2 sliders here, to determine the height of the Trust Bar widget. Desktop and mobile settings are separated here. The width of the widget is set to automatically fill the parent container.
NOTE: Changes to this section require you to re-place the widget code to see on live. The options in the previous 2 sections can be adjusted anytime and the changes will reflect on live after the cache clears (usually overnight).
LOWER BAR
The Bottom Bar supports added customizability - Choose between having one section display a High Impact statement or having up to 3 sections display benefit statements. You could also choose to input a review and even display the author’s name, if you’d like.
Just like the Top Bar, you have ways to edit Content, Style and Size.
Content:
Content:
Choose any of the three options:
Quote/Review - Input a quote or take the text from a review and input. Inserting the author is optional
Benefit Statements - Choose from similar options like in the 3rd section of the Upper Bar. The 3rd section here, though, will allow for a custom message.
High Impact Statement - Use this option to display one concise custom message that highlights a benefit or unique selling point that would compel shoppers to make a purchase
Style and size:
Style and size:
Just like the Upper Bar, you can edit the Style and Size of the lower widget, and you can lock the Desktop and Mobile settings if you prefer
If you need assistance or have any questions about the Trust Stack, please reach out to [email protected].