Customize the text

  • Log in to the Returnly dashboard
  • Click on the Customize tab on the left nav
  • Select Products Page in the Custom Text tab
  • In Products update Button V2 text

Customize the text color, the background color or the font 

  • Log in to the Returnly dashboard
  • Click on the Customize tab on the left nav
  • Select Welcome Page in the Custom Text tab
  • Add the CSS code snippet from below at the end of the Head HTML  section replacing the following texts in the snippet :

“YOUR FONT”: this modifies the font family of the text. You should include your font family name, ex. “Helvetica Neue”

“YOUR BACKGROUND COLOR”: this modifies the background color of the button. You should add the color in hexadecimal or rgba mode, ex. #ffffff or rgb (255, 255, 255).

“YOUR COLOR”: this modifies the color of the text button. You should add the color in hexadecimal or rgba mode, ex. #ffffff or rgb (255, 255, 255).

<style>
    .sticky-btn.disabled,
    .sticky-btn:disabled {
        font-family: "YOUR FONT", Helvetica, Arial, sans-serif;
    }
    .sticky-btn:not(.disabled),
    .sticky-btn:not(:disabled) {
        font-family: "YOUR FONT", Helvetica, Arial, sans-serif;
        background-color: YOUR BACKGROUND COLOR;
        color: YOUR COLOR;
    }
    @media (max-width: 767px) {
        .sticky-btn:not(.disabled),
        .sticky-btn:not(:disabled),
        .sticky-btn:hover:not(.disabled),
        .sticky-btn:hover:not(:disabled) {
            font-family: "YOUR FONT", Helvetica, Arial, sans-serif;
            background-color: YOUR BACKGROUND COLOR;
            color: YOUR COLOR;
        }
    }
    @media (min-width: 768px) {
        .btn.brand-btn:hover,
        .btn.brand-btn:focus,
        a.btn.brand-btn:hover,
        a.btn.brand-btn:focus,
        .btn.return-multiproduct-btn:hover,
        .btn.return-multiproduct-btn:focus,
        .return-multiproduct-btn:hover,
        .return-multiproduct-btn:focus {
            font-family: "YOUR FONT", Helvetica, Arial, sans-serif;
            background-color: YOUR BACKGROUND COLOR;
            color: YOUR COLOR;
        }
    }
</style>


New user experience for shoppers

After selecting Is Return Button Sticky, your shopper returns flow will now look like this:

Did this answer your question?