Want to boost conversions on your Shopify store? Get the BuySafe Shopify app and offer a shopping guarantee, leading to more sales for you and added protection for your customers. Installing the BuySafe app is quick and easy. This step-by-step Shopify app installation guide will help get you up and running with BuySafe in minutes.

Step 1:  Install the BuySafe App

The first step in the process is to install the BuySafe app on your Shopify store and to create your BuySafe dashboard account.

1. From your Shopify dashboard, navigate to the Shopify app store and search for “BuySafe”
2. Open the app listing and click the Add App button
3. Next, you will be prompted to review the various permissions the BuySafe app requires. If you agree, click Install app on the bottom right side of the page. (Fig 1 – Begin Install)
4. The BuySafe dashboard will open in a new tab. Check the box to agree to BuySafe terms and conditions and click Submit (Fig 2. – Terms)
   
5. Check the email address associated with your Shopify account for an email from BuySafe containing your temporary account password. (Fig 3. – Temp Password)
6. Enter your temporary password and type & confirm a new password in the BuySafe dashboard, then click Save (Fig 4. – Change Password)
   
7. Enter your business address and contact phone number and click Next (Fig 5. – Contact Info)
   
8. Now you will confirm your store name, url and customer support email address. Finally, we ask for an estimate of your site’s gross monthly sales in order to calculate your estimated monthly pricing.  After entering this info, click Next. (Fig 6. – Store Info)
   
9. Next, we will display a summary of your estimated monthly charges. If you agree to these charges click Submit. (Fig 7. – Billing Info)
   
10. As a last step, you will be redirected back to the Shopify dashboard to approve the subscription charges. You will be billed for your BuySafe usage every 30 days by Shopify. Click Approve subscription to complete your account creation. (Fig 8. – Approve Payment)

Step 2:  Install the Sitewide Trustmark

Now that your BuySafe account has been successfully created, you will need to take the first step to install the BuySafe shopping guarantee code on your site. This will allow us to display our sitewide trustmark to shoppers on the bottom left corner of all the pages of your Shopify store (except checkout pages). Additionally, this code allows us to see when you make a successful sale so that we can issue a BuySafe shopping guarantee to your customer.

1. The first time you visit your BuySafe dashboard, you will receive a welcome message. You can dismiss this message by clicking Let’s Get Started. (Fig 9. – Dashboard Welcome)
2. On the following page, under “Step 1” click the Start One-Click Install button. (Fig 10. – Universal Trustmark)

Note: It may take a few minutes for the trustmark to appear or disappear from your site after you click the install or uninstall button in Step 1.

Step 3 (Optional):  Install Action Trustmarks (aka. Kickers)

In addition to the sitewide BuySafe trustmark, our optional (but highly suggested) action trustmarks help to reinforce the value of BuySafe to convert shoppers at critical points in the purchase process. We recommend placing action trustmarks on product pages near “Add to Cart” buttons and in the shopping cart near the “Submit” or “Checkout” buttons.

1. Select the action trustmark design you want to use.
2. Copy the span tag code so you can paste it later. (Fig 11. – Copy Trustmark Code)
3. Log in to your Shopify store account.
4. In the left hand navigation, select Online Store, then click on Themes.
5. In the “Current theme” section, select go to the Actions drop down menu and select Edit code. (Fig 12. – Initial Navigation)

Putting action trustmarks on product pages:

1. On product pages, you will typically want to add action trustmarks immediately after “Add to Cart” buttons.
2. On most Shopify themes, you will do this by opening the product-template.liquid file found in the “Sections” directory (Can’t find it there, look in the product.liquid file found in the “Templates” directory instead)
3. Look for the “Add to Cart” script and paste the span tag code that you copied in step 2 immediately after the closing {% endform %} or </script> line following the add to cart button.
4. See screenshot for an example on a site using the Shopify Debut theme.
5. Press Save in the upper right hand side of the screen when you are done making edits.
6. After previewing the action trustmark on a product page on your site, you may want to go back to the same file and add some additional padding, alignment, or other CSS to adjust the trustmark to exactly where you want it. (Examples of how to implement CSS can be found here)

Note: The specific location of the “Add to Cart” script can vary from theme to theme. The location of the “Add to Cart” button on your theme may be different from our example of a store using a basic Shopify Debut theme.

If you have other add-ons on your product pages near the call to action buttons, you may consider placing the BuySafe action trustmark somewhere near the “Add to Cart” button, but not immediately after. Use your judgement on what looks best for your specific product pages. (Fig 13. – Add Trustmark to Product Page)

Putting action trustmarks on the cart page:

1. On the cart page, you will want to place the BuySafe action trustmark near or immediately after the “Checkout” button.
2. Search for the cart.liquid file found in the “Templates” directory or the cart-template.liquid file found in the “Sections” directory.
3. Typically, it would be best to place the span tag code that you copied in Step 2 immediately following the closing </div> after the  “Checkout” button.
4. See screenshot for an example on a site using the Shopify Debut theme.
5. Press Save in the upper right hand side of the screen when you are done making edits.
6. After previewing the action trustmark on a product page on your site, you may want to go back to the same file and add some additional padding, alignment, or other CSS to adjust the trustmark to exactly where you want it. (Examples of how to implement CSS can be found here)

Note: The specific location of the “Checkout” script can vary from theme to theme. The location of the “Checkout” button on your theme may be different from our example of a store using a basic Shopify Debut theme.

If you have other add-ons on your product pages near the call to action buttons, you may consider placing the BuySafe action trustmark somewhere near the “Add to Cart” button, but not immediately after. Use your judgement on what looks best for your specific product pages. (Fig 14. – Add Trustmark to Cart Pages)

Step 4 (Optional):  Complete your Business Transparency Profile

Your BuySafe business transparency profile is a unique way for you to put important information about your business in front of shoppers and at key conversion points on your site. If a shopper clicks on any BuySafe trustmark, your key policies, contact info, ratings & reviews and other business info are displayed alongside an explanation of our shopping guarantee service. To enable this feature, you will need to complete your business transparency profile in the BuySafe dashboard.

1. Navigate to the Stores tab on the left hand side of your BuySafe dashboard
2. Click Edit next to the name of the store you wish to setup (Fig 15. – Navigate to Store Page)
3. Select the Store Policies tab from the top navigation menu
4. Here you can choose what features of your store you want to highlight in your pop-up. If you leave all of the fields blank on a tab, the tab will not show up in your pop-up and if you fill out some of the fields, it will show only the completed fields. You can click the ‘Preview’ toggle in the upper right-hand side to preview how your pop-up will look before clicking save at the bottom of each tab. (Fig 16. – Store Policies)

Note: Should you choose not to complete your business transparency profile, a standard pop-up still appears to shoppers that click on any of our trustmarks on your site to explain the BuySafe shopping guarantee protections that your site provides to all purchasers.

Congrats! You’re all setup and ready to offer the best shopping experience to your customers with added BuySafe protections.

Have some more questions? Contact Us and our support team will be happy to help.

Fig. 1 – Begin Install

Fig. 2 – Terms

Fig. 3 – Temp Password

Fig. 4 – Change Password

Fig. 5 – Contact Info

Fig. 6 – Store Info

Fig. 7 – Billing Info

Fig. 8 – Approve Payment

Fig. 9 – Dashboard Welcome

Fig. 10 – Universal Trustmark

Fig. 11 – Copy Trustmark Code

Fig. 12 – Initial Navigation

Fig. 13 – Add Trustmark to Product Page

Fig. 14 – Add Trustmark to Cart Pages

Fig. 15 – Navigate to Store Page

Fig. 16 – Store Policies