Customizations

Overview

In this article, you will learn how to edit your customer portal theme and how to customize content for Order Lookup and Return Instructions.

Theme Styles

You can preview your theme style selections at the top of the customizations view. When setting up customizations, we recommend opening the returns portal in a separate window, saving changes periodically and then refreshing the page to review updates. Adjusting any of the following settings will immediately be reflected on the front end. 

Text color 

To contrast background color/image against text in customer portal:

  1. Navigate to Settings > Customizations in your Loop admin.
  2. Select Light or Dark from the Text color dropdown.
  3. Save changes.

Corner radius

To edit the appearance of buttons and modal windows in customer portal:

  1. Navigate to Settings > Customizations in your Loop admin.
  2. Select Curved or Sharp from the Corner radius dropdown.
  3. Save changes.

Accent color picker

To change the color of buttons in the customer portal:

  1. Navigate to Settings > Customizations in your Loop admin.
  2. Use the Accent color picker to select desired color or input HEX values.
  3. Save changes.

Background color picker

To change customer portal background and accent colors:

  1. Navigate to Settings > Customizations in your Loop admin.
  2. Use the Background color picker to select a desired color or input HEX values.
    1. Note: Background image will override your background color. 
  3. Save changes.

Upload Background image URL 

To attach a desired background image in the customer portal lookup page:

  1. Upload desired background image in Shopify (yourstore.myshopify.com/admin/files) and copy the hosted URL.
    1. We recommend using a 1440px x 900px image
  2. Navigate to Settings > Customizations in your Loop admin.
  3. Paste into the appropriate field, and Save your changes.
    1. Note: This image will override your background color

Branding

Upload logo and favicon images, and select your header and body font in this section of Customizations. 

Upload logo and favicon images

To attach a desired logo and Favicon image in the customer portal and in Show now:

  1. Upload your logo and favicon images in Shopify (yourstore.myshopify.com/admin/files) and copy the hosted URL.
    1. Note: Follow the recommended sizing displayed underneath each URL field for the logo and favicon images. 
  2. Navigate to Settings > Customizations in your Loop admin.
  3. Paste into the appropriate field, and save your changes. 

Header and body font

To select a custom font for customer portal headers and body text:

  1. Navigate to Settings > Customizations in your Loop admin.
  2. Select the font closest to your brand from the Header font and Body font dropdowns. 
  3. Save changes once you've made a selection. 

Content

To customize customer portal content:

  1. Navigate to Settings > Customizations in your Loop admin.
  2. Enter the desired copy in each Order lookup and Return instruction field. 
    1. Headline: appears at the top of the order lookup modal
    2. Input field placeholder: displayed as a placeholder for the order lookup fields 
    3. Help tooltip: shows above your support email in the order number tooltip
    4. Start button: displayed on the button to start a return
    5. Footer: included at the bottom of every page with your support email
    6. Return instructions: included on the final screen of the experience. This text should be used to guide your customer through the final steps of the return process. 
  3. Save changes.  

FAQ 

Can I use a custom font in the Loop portal?

A: Unfortunately, at this time we do not support the ability to upload custom fonts to the returns portal. You can choose from a selection of fonts as the next best option to meet your brand’s needs.

Is there a character limit on the content fields?

A: No, there is no character limit. However, we recommend reviewing how this will appear in the portal to make sure the formatting appears as expected.

Can I change my returns portal URL + tab content?

A: Yes, we can change this for you. Reach out to support@loopreturns.com to request to change the URL. 

Note: Custom portal URLs are available with Loop Pro and Plus plans.