To configure a return portal in Webshipper go to Settings > Return Portals and click "New return portal"

Basic configuration

  • Name is used to identify portals in Webshipper
  • Order channel is which order channel this portal belongs to. You can have more return portals per order channel, e.g. one in Danish and one in English
  • Language is which language the return portal should be in
  • Interval for returns is used to limit how long after an order has been dispatched it can be returned, in days. Notice that it is counted as days after the order was marked as "dispatched"
  • E-mail template. Either create a new return mail template by clicking "Create new return email template" or select a suitable one from the list.
  • Parcel slip. Either create a new return slip with "Create new slip template" or select one from the list.

Cause of return

If "Require comment to be filled" the customer must fill out a comment field before proceeding. At least one cause of return is required.

Shipping Method

Shipping methods are the different options the customer should have for returning. The selectable shipping rates are the return rates configured on the order channel selected above. If you don't see any shipping rates in the list, you must create one before setting up shipping methods (you can set up the return portal before creating new return shipping rates).  At least one shipping method is required.

Name is the name the customer sees.

Refund methods 

Refund methods are the options the customer can choose from when returning items. At least one refund method is required.

Custom styling 

Customs styling allows to you customise the look of the return portal to match your e-commerce system and your brand. This snippet is an example of how a return portal can be embedded in a e-commerce system (Here styled to look like the default Shopify theme):

@import url(',600,700,900&display=swap');

body {
 background-color: white;
 font-family: "Work Sans","HelveticaNeue","Helvetica Neue",sans-serif;
 font-weight: 300;
 color: #3d4246;


h1, h2, h3,h4,h5 {
 font-family: "Work Sans","HelveticaNeue","Helvetica Neue",sans-serif;
 font-weight: 600;

.progress-bar {
 background-color: #7796a8;

.btn-primary {
 background-color: #7796a8;

.btn-outline-primary {
 border-color: #7796a8;
 color: #7796a8;

.btn-primary:hover, .btn-outline-primary:hover {
 background-color: #7796a8;
  opacity: 0.6;


.card {border: none; box-shadow: none; }

.card-body {
   padding: 0;

.btn {
 border-radius: 2px;
 padding: 1rem;
 text-transform: uppercase;

.offset-md-3  {
 margin-left: 0;

.col-md-6  {
 width: 100%;
 flex: 0 0 100%;
 max-width: 100%;
Did this answer your question?