Using Trusted Shops with Shopify

Installation

Add & install plugin

As a Shopify user, a free Trusted Shops plugin called "Trustbadge: Reviews Toolkit" is available to you. You can download it here in the Shopify App Store. Install this by clicking on "Add app".

If you have previously integrated the Trustbadge manually, please remove the manual integration before continuing.

AddAppShopfiyStore.png

Alternatively to the link above, you can also go directly from the Shopify backend to the Shopify App Store. To do this, select the "Apps" menu item in the main navigation on the left-hand side of the screen and then click on the "Visit the Shopify App Store" button in the top right-hand corner.

ShopifyAppStoreEN.png

Search for "Trustbadge" within the App Store using the search function. Now click on the "Trustbadge: Reviews Toolkit" app within the search results.

InstallModuleNew.png

This will take you to the overview of the app, which is linked above. Click the "Add app" button.

AddAppShopfiyStore.png

Click on "Install App" in the window that now opens. By doing this you are accepting the Terms and conditions for use and adding the plugin to your shop.

PermissionsEN.png

 

Configuration

You have now successfully installed the Trusted Shops plugin in Shopify. Next, we will show you how you can display the Trustbadge® technology and configure it according to your individual requirements:

  

Show Trustbadge, integrate Buyer Protection & collect shop reviews

The unique Trustbadge® technology makes it so simple to collect, manage and display your customer reviews in your shop. You can also easily integrate your trustmark and offer the Buyer Protection.

If the plugin does not open automatically after installation, click on the menu item "Apps" in the main navigation of your Shopify backend. In the following overview you will find the plugin "Trustbadge: Reviews Toolkit" under "Installed Apps". Select this to get to the configuration menu.

ModuleInstalledEN.png

Click "Edit" in the "Settings" area within the "General Configuration" section.

ConfigureTB.png

Then you can enter your Trusted Shops ID (starting with X...) in the input field "Trustedshops ID".

You can find your Trusted Shops ID in your dashboard in the My Trusted Shops backend. To do this, first log in to My Trusted Shops here. After logging in, you will be taken directly to the dashboard. In the right column of the dashboard, your shops which are registered with Trusted Shops are listed, with their respective Trusted Shops ID.

Doing this will integrate the Trustbadge into your shop.

trustbadge_trustmark_reviews_EN.png

By default the Trustbadge is displayed in the lower right corner of your shop. By entering a pixel number in the "Y offset" field, you have the option of moving the Trustbadge on the right edge of the screen upwards. This is useful, for example, if important elements of your shop would otherwise be covered by the Trustbadge. Then click on "Save".

ConfigureTB2New.png

If you want to display the Trustbadge without star ratings, this can be done by making adjustments in the advanced configuration.

The advanced configuration offers more options, but also requires advanced knowledge of code.

First activate the advanced configuration by clicking the "Off" button in "Advance mode". The button then displays "On" and an input field appears. Now click on the link "here" below the input field to generate the default code, which you can then modify.

TBAdvanceMode.png

Whether the Trustbadge should be displayed with or without star ratings can be determined using the code line 'variant'.

If you want to display the Trustbadge without star ratings, replace the existing code line ˈvariantˈ by the following:

ˈvariantˈ: ˈdefaultˈ, /* default, reviews, custom, custom_reviews */

For the Trustbadge variant with star ratings, please use the following code line:

ˈvariantˈ: ˈreviewsˈ, /* default, reviews, custom, custom_reviews */

trustbadge_trustmark_reviews_EN.pngtrustbadge_no_reviews_EN.png

Copy the customised code completely into the red input field in the plugin and click "Save".

ConfigureTBWithWithoutStarsNew.png

The plugin indicates the successful integration of the Trustbadge. If it is correctly integrated, you will find the message "Enabled" under "Badge Status" in the "General Configuration" section.

TBEnabled.png

Once you have completed these steps, you can now test the function of your Trustbadge. To do this, place a test order in your shop. When the Trustcard appears at the end of your order, you have successfully integrated the Trustbadge into your shop, the Buyer Protection is active and shop reviews will be collected.

website_integration_custom_en-GB.png

The way the Trustcard is displayed depends on various factors, so the Trustcard may be displayed in your shop differently to the one shown here. You will find an overview of the most common display formats of the Trustcard in this article.

Collect and view Product Reviews

If you have booked Product Reviews, they are collected automatically. You do not need to adjust any settings in the plugin for this.

Product reviews

To display the collected Product Reviews in your shop, first click on "Edit" within the plugin in the "Settings" area in the "Product Reviews Configuration" section.

ActivateProductReviews.png

This opens the configuration page. First activate the function "Display Product Reviews" so that the button is set to "On".

DisplayProductReviewsEN.png

This allows you to integrate the Product Reviews into your product detail pages.

ProductReviewStickerFrontendEN.png

In order to adapt the presentation of the Product Reviews to your individual needs, you can change additional configurations using the other input fields in the plugin. For example, use the "Intro Text" field to enter a short introductory text (e.g. "What our customers say"). You can also use the "Border Color" field to change the border colour. To do this, either enter the hexadecimal value of the desired colour into the input field or select the colour using the colour field. Finally, you can choose the language of the Product Review Sticker in the shop using the "Language" drop-down menu.

ConfigureProductReviewsStickerEN.png

The introductory text entered using "Intro Text" is displayed on the product detail page within the Product Review Sticker under the product name.

ProductReviewStickerIntroEN.png

If you use a custom template, it may be necessary to enter the ID of the corresponding HTML element in which the Product Review Sticker is to be displayed. You can do this using "Append Id".

ProductReviewsStickerPositionEN.png

Finally, click "Save" to save your changes. Afterwards, the successful activation of the Product Review display is shown in the plugin under "Product Reviews Status".

ProductReviewStickerEnabledEN.png

Optimised sending of review requests

By default, review requests are automatically sent by Trusted Shops after seven days. If you want to adjust this period, e.g. because your products have a longer delivery time, you can do this here in your eTrusted Control Centre. We will explain what you need to do for this in this article under "How do I set up automatic invites?”.

You do not need to make any adjustments in the plugin.

 

The Review Collector: Receive ratings from existing customers

By using the Review Collector, you confirm that you have received the prior consent of your customers to transfer their data to Trusted Shops for the purpose of sending review requests by e-mail.

The Review Collector is a way to collect a variety of reviews with little manual effort. Shopify can help you to prepare the necessary customer data.

Select the menu item "Orders" in the main navigation of your Shopify backend. This opens an overview in which you click on "Export" above.

ExportOrdersEN.png

A pop-up window will now open. In it, select the option "Orders by date" and define a period for which you want to export your orders (e.g. the past two months). Then select the option "CSV for Excel, Numbers or other spreadsheet programs" and confirm your export by clicking the button "Export orders".

ExportOrdersByDate.png

You will then receive a CSV file by e-mail. To use this CSV file in the Review Collector, you must first adjust the formatting to meet the requirements of the Review Collector. In this article, we explain how to prepare this CSV file so that you can use it in the Review Collector.

Now log in to your eTrusted Control Centre here to import this data into the Review Collector and send the review requests. This article explains what you need to do to achieve this.

Set up multi-shops (e.g. several language shops) with different Trusted Shops IDs

You have a multi-shop and sell your products for example in different languages? In this case, please note that our Shopify plugin only performs the integration for one language by default. However, this setting can be adjusted.

However, since Shopify offers different options for setting up a shop in multiple languages, we are unfortunately unable to explain a universal solution at this point. Therefore, please contact us via the e-mail address members@trustedshops.com. Our support will then offer you a fitting solution.


Was this article helpful?

3 out of 3 found this helpful